*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#729994 #edf6f2}body{margin:0;background:#f8fbf8;color:#122b29;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:4px}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #167970;outline-offset:5px}.product-wrap{max-width:1240px;padding-inline:clamp(22px,5vw,60px);margin:auto}.product-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px;border-bottom:1px solid #dce7e1}.product-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:700}.product-brand img{width:44px;height:44px;background:#142f2e;padding:9px;border-radius:12px}.product-header nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px}.product-header nav a{text-decoration:none}.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:85px;position:relative}.product-hero h1{font-size:clamp(46px,6.5vw,80px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 30px}.product-hero .intro{font-size:20px;line-height:1.7;color:#59706b;max-width:560px}.product-eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#427771}.hero-preview{background:#dff1eb;padding:22px;border-radius:25px}.hero-preview img{border-radius:12px}.hero-preview figcaption{font-size:12px;color:#4e706a;margin-top:15px}.product-hero figure{margin:0}.product-section{padding-block:58px;border-top:1px solid #dce7e1}.product-section h2{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1.5px;margin:0 0 20px}.product-section>p{color:#59706b;max-width:700px}.product-features,.product-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.product-feature{padding:26px;background:#fff;border:1px solid #dce7e1;border-radius:18px}.product-feature h3{font-size:21px;letter-spacing:-.6px;margin:0 0 14px;line-height:1.35}.product-feature p{font-size:15px;color:#59706b;margin:0}.product-steps article{padding:22px 0;border-top:1px solid #bdcec6}.product-steps span{font-size:12px;color:#427771}.product-steps h3{font-size:23px;margin:15px 0 10px}.product-steps p{color:#59706b;font-size:15px;margin:0}.product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}.product-gallery figure{margin:0;min-width:0}.product-gallery .wide{grid-column:1/-1}.product-gallery .shot{display:flex;justify-content:center;background:#dff1eb;border:1px solid #d2e4dd;border-radius:22px;padding:18px;cursor:zoom-in}.product-gallery img{border-radius:10px;max-height:600px;object-fit:contain}.product-gallery .portrait img{width:auto;max-height:560px}.product-gallery figcaption{font-size:13px;color:#59706b;margin-top:13px}.product-downloads{padding:36px;border-radius:24px;background:#dff1eb;margin-top:20px}.download-chips{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.download-chip{display:flex;align-items:center;gap:15px;min-width:190px;padding:15px 22px;border:1px solid #b9d2c9;border-radius:15px;text-decoration:none;background:#f8fbf8;color:#1b3b33;line-height:1.35}.download-chip strong{display:block;font-size:17px;letter-spacing:-.4px}.download-chip small{display:block;font-size:12px;margin-top:5px;color:#5c776e}.download-icon{width:25px;height:25px;flex-shrink:0}.product-downloads>p{font-size:14px;color:#59706b;max-width:640px;margin-bottom:0}.product-footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-block:30px;border-top:1px solid #dce7e1;color:#59706b;font-size:13px}.product-footer nav{display:flex;gap:20px;flex-wrap:wrap}.product-note{font-size:13px;color:#59706b}.skip{position:absolute;top:0;left:16px;transform:translateY(-150%);background:white;padding:10px;z-index:10}.skip:focus{transform:none}.lightbox{border:0;border-radius:16px;background:#0e161d;color:#fff;padding:60px 16px 16px;max-width:96vw;max-height:95vh;overflow:auto}.lightbox::backdrop{background:#07121ce0}.lightbox img{max-height:75vh;max-width:85vw;width:auto;object-fit:contain;margin:auto}.lightbox-close{position:absolute;right:16px;top:10px;border:1px solid #66707c;border-radius:30px;background:transparent;color:#fff;padding:7px 16px;cursor:pointer;font:inherit}.lightbox-caption{font-size:13px;text-align:center}
@media(max-width:850px){.product-hero{grid-template-columns:1fr;gap:35px;padding-block:50px}.product-hero h1{max-width:650px}.product-features,.product-steps{grid-template-columns:1fr}.hero-preview{padding:15px}}@media(max-width:550px){.product-header{gap:16px;align-items:flex-start;flex-direction:column}.product-header nav{gap:22px}.product-gallery{grid-template-columns:1fr}.product-gallery .wide{grid-column:auto}.product-downloads{padding:24px}.product-section{padding-block:42px}.download-chip{min-width:170px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.scroll-journey{position:relative;width:100vw;margin-inline:calc(50% - 50vw);height:85vh;height:85svh;background:#dff1eb}
.journey-scene{position:relative;overflow:hidden;height:100%;background:#dff1eb;--journey-ink:#14322b;color:var(--journey-ink)}
.motion-enabled.scroll-journey{height:300vh;height:300svh}
.motion-enabled .journey-scene{position:sticky;top:0;height:100vh;height:100svh}
.journey-top,.journey-bottom{position:absolute;inset-inline:clamp(24px,6vw,85px);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:5}
.journey-top{top:26px;font-size:11px;letter-spacing:1.6px}
.journey-top a{display:flex;gap:10px;align-items:center;letter-spacing:0;text-decoration:none;font-size:12px;min-height:32px}
.journey-bottom{bottom:28px}
.journey-copy{position:absolute;left:8%;top:31%;width:43%;opacity:0;pointer-events:none;z-index:3}
.journey-copy.is-static{opacity:1}
.journey-copy h2{font-size:clamp(42px,5.2vw,68px);line-height:1.04;letter-spacing:-.055em;margin:20px 0}
.journey-copy p{font-size:15px;margin:0;opacity:.75;max-width:360px}
.journey-label{font-size:10px;letter-spacing:1.5px}
.transfer-node{position:absolute;right:8%;width:420px;z-index:3}
.transfer-sender{top:14%}
.transfer-receiver{bottom:15%}
.transfer-receiver .transfer-device{position:absolute;left:196px;top:40px}
.transfer-device{display:flex;flex-direction:column;gap:3px}
.transfer-device span{font-size:10px;letter-spacing:1.6px;opacity:.6}
.transfer-device strong{font-size:19px;font-weight:550;letter-spacing:-.4px}
.transfer-logo{display:block;width:180px;height:180px;margin-top:6px;overflow:visible}
.transfer-file{position:absolute;left:196px;top:98px;width:214px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 17%,transparent);border-radius:12px;background:color-mix(in srgb,var(--journey-ink) 3%,transparent)}
.transfer-file>svg{width:24px;height:24px;flex-shrink:0;opacity:.75}
.transfer-file strong,.transfer-file small{display:block}
.transfer-file strong{font-size:14px;font-weight:550;line-height:1.4}
.transfer-file small{font-size:11px;line-height:1.45;margin-top:4px;opacity:.65}
.receiver-file{border-color:color-mix(in srgb,currentColor calc(17% + var(--arrival,1) * 23%),transparent)}
.transfer-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;color:var(--journey-ink)}
.motion-enabled .transfer-canvas{display:block}
.motion-enabled .static-logo-arrow{display:none}
.transfer-route,.transfer-trail{stroke:currentColor;stroke-width:1;fill:none}
.transfer-trail{stroke-width:1.5}
[data-transfer-arrow]{will-change:transform}
.journey-progress{display:flex;gap:8px}
.journey-progress span{width:34px;height:2px;background:currentColor;opacity:.2}
.journey-progress .is-active{opacity:1}
.journey-scroll-hint{font-size:10px;letter-spacing:1.1px;opacity:.7}
.journey-scene a:focus-visible{outline-color:currentColor}
.scroll-journey:not(.motion-enabled) .journey-scroll-hint{display:none}
body{overflow-x:clip}
body[data-transfer-state]{background:var(--page-background);color:var(--page-ink)}
body[data-transfer-state] .product-header,body[data-transfer-state] .product-section,body[data-transfer-state] .product-footer{border-color:var(--page-line)}
body[data-transfer-state] .intro,body[data-transfer-state] .product-note,body[data-transfer-state] .product-section>p,body[data-transfer-state] .product-feature p,body[data-transfer-state] .product-steps p,body[data-transfer-state] .product-gallery figcaption,body[data-transfer-state] .product-footer,body[data-transfer-state] .product-downloads>p,body[data-transfer-state] .hero-preview figcaption{color:var(--page-muted)}
body[data-transfer-state] .product-eyebrow,body[data-transfer-state] .product-steps span{color:var(--page-accent)}
body[data-transfer-state] .hero-preview,body[data-transfer-state] .product-gallery .shot,body[data-transfer-state] .product-downloads{background:var(--page-surface);border-color:var(--page-line)}
body[data-transfer-state] .product-feature{background:var(--page-card);border-color:var(--page-line)}
body[data-transfer-state] .product-steps article{border-color:var(--page-line)}
body[data-transfer-state] .download-chip{background:var(--page-card);color:var(--page-ink);border-color:var(--page-line)}
body[data-transfer-state] .download-chip small{color:var(--page-muted)}
@media(max-width:1000px) and (min-width:761px){
  .transfer-node{right:6%;width:340px}
  .transfer-logo{width:150px;height:150px}
  .transfer-file{left:158px;width:170px;padding:12px}
  .transfer-receiver .transfer-device{left:158px}
  .journey-copy{left:6%;width:40%;top:32%}
  .journey-copy h2{font-size:48px}
}
@media(max-width:760px){
  .motion-enabled.scroll-journey{height:300svh}
  .scroll-journey:not(.motion-enabled){height:100svh}
  .journey-copy{left:24px;right:24px;top:9%;width:auto;text-align:center}
  .journey-copy h2{font-size:30px;margin:10px 0}
  .journey-copy p{font-size:12px;max-width:300px;margin-inline:auto}
  .journey-label{font-size:9px}
  .transfer-node{left:50%;right:auto;width:220px;max-width:calc(100% - 48px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
  .transfer-sender{top:26%}
  .transfer-receiver{bottom:8%}
  .transfer-logo{width:clamp(84px,14svh,128px);height:clamp(84px,14svh,128px);margin:0}
  .transfer-device{align-items:center;text-align:center}
  .transfer-device span{font-size:9px}
  .transfer-device strong{font-size:15px}
  .transfer-sender .transfer-device{order:0}
  .transfer-sender .transfer-file{order:1}
  .transfer-sender .transfer-logo{order:2}
  .transfer-receiver .transfer-logo{order:0}
  .transfer-receiver .transfer-file{order:1}
  .transfer-receiver .transfer-device{position:static;order:2}
  .transfer-file{position:static;width:100%;padding:10px 12px;gap:8px;justify-content:center}
  .transfer-file>svg{width:20px;height:20px}
  .transfer-file strong{font-size:12px}
  .transfer-file small{font-size:10px}
  .journey-top{top:18px}
  .journey-bottom{bottom:23px;gap:12px}
  .journey-scroll-hint{font-size:8px;letter-spacing:.5px}
  .journey-progress span{width:24px}
}
@media(max-width:360px){
  .transfer-node{max-width:calc(100% - 40px)}
  .journey-copy{left:20px;right:20px}
  .journey-copy h2{font-size:26px}
}
@media(max-width:760px) and (max-height:700px){
  .journey-copy{top:8%}
  .journey-copy h2{font-size:25px;margin:8px 0}
  .journey-copy p{font-size:11px}
  .transfer-sender{top:26%}
  .transfer-node{gap:4px}
  .transfer-file{padding:8px 10px}
}
@media(max-width:760px) and (max-height:600px){
  .journey-copy h2{font-size:22px;margin:6px 0}
  .journey-copy p{display:none}
  .transfer-sender{top:24%}
  .transfer-logo{width:80px;height:80px}
  .transfer-file{padding:6px 10px}
  .transfer-device strong{font-size:13px}
}
@media(max-height:600px) and (min-width:761px){
  .transfer-sender{top:13%}
  .transfer-receiver{bottom:13%}
  .transfer-logo{width:120px;height:120px}
  .transfer-file{left:132px;top:70px;width:190px;padding:10px}
  .transfer-receiver .transfer-device{left:132px;top:20px}
  .transfer-device strong{font-size:16px}
  .journey-copy h2{font-size:42px}
}
@media(prefers-reduced-motion:reduce){
  .motion-enabled.scroll-journey{height:85svh}
  .motion-enabled .journey-scene{position:relative;height:100%}
  [data-transfer-arrow]{will-change:auto}
  .journey-scroll-hint{display:none}
}