:root{--canvas:#0e0e0e;--surface:#1a1a1a;--raised:#262626;--text:#f2f0ed;--secondary:#aaa8a5;--gutter:clamp(20px,4.5vw,80px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--canvas);color:var(--text);font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:6px}::selection{background:var(--text);color:var(--canvas)}p,h1,h2,h3,figure{margin:0}img{display:block;width:100%;height:auto}address{font-style:normal}.skip{position:fixed;top:-100px;left:20px;padding:16px;background:var(--text);color:var(--canvas);z-index:100}.skip:focus{top:10px}.progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--text);z-index:30;pointer-events:none}
.nav{height:90px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{font-size:30px;letter-spacing:-2px;font-weight:700;display:flex;align-items:baseline}.brand-dot{color:var(--secondary)}.llc{font-size:10px;font-weight:400;letter-spacing:1px;margin-left:9px}.nav nav{display:flex;gap:36px;align-items:center;font-size:13px;color:var(--secondary)}.nav a:hover{color:var(--text)}.nav nav a{padding:12px 0}.locale{margin-left:18px}.eyebrow,.edition,.section-label,.scroll-link,figcaption,.companion,.footer-top,.footer-tagline{font-size:12px;line-height:1.6;letter-spacing:.035em;color:var(--secondary)}
.hero{min-height:calc(100svh - 90px);padding:36px var(--gutter) 74px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between}.hero-head{display:flex;justify-content:space-between;align-items:center}.hero h1{font-size:clamp(76px,9vw,156px);font-weight:500;line-height:1.12;letter-spacing:-.06em;margin:65px 0 58px;position:relative;z-index:2}.title-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.second{padding-left:17vw}.hero-line{display:block}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;z-index:2}.scroll-link{display:flex;align-items:center;gap:14px;white-space:nowrap;padding:12px 0}.scroll-arrow{font-size:25px;color:var(--text);display:inline-block}.intro{max-width:390px;font-size:15px;line-height:1.9}.intro p:last-child{color:var(--secondary);margin-top:6px}.hero-word{position:absolute;font-weight:700;font-size:clamp(240px,45vw,820px);line-height:.7;letter-spacing:-.1em;left:34%;bottom:65px;z-index:-1;color:#161616;white-space:nowrap;pointer-events:none;transform:translateX(var(--hero-x,0px))}.hero-word span{color:#1b1b1b}
.products{padding:90px var(--gutter) 120px}.section-label{display:flex;justify-content:space-between;align-items:baseline}.section-label h2{font-size:12px;font-weight:400}.rolin{margin-top:70px}.product-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.product-heading h3{font-size:clamp(100px,12vw,180px);font-weight:500;letter-spacing:-.075em;line-height:1.1;margin-top:16px}.product-dot{color:#aaa8a5}.product-copy{max-width:420px}.product-slogan{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.025em;line-height:1.35;margin-bottom:16px}.product-copy>p:not(.product-slogan){color:var(--secondary);font-size:15px;line-height:1.8}.button{display:inline-flex;gap:34px;align-items:center;border-radius:8px;background:var(--text);color:#111;font-size:14px;padding:16px 21px;margin-top:28px;transition:background .25s,transform .25s}.button:hover{background:#fff;transform:translateY(-2px)}.arrow{display:inline-block;transition:transform .3s var(--ease)}a:hover .arrow{transform:translate(3px,-3px)}.screen-frame{margin-top:50px;position:relative;transform-origin:center center}.screen-crop{overflow:hidden;background:var(--surface);border-radius:12px;aspect-ratio:1920/1026}.screen-crop img{width:100%;height:auto}.screen-frame figcaption{display:flex;justify-content:space-between;padding:16px 0}.rolin-screen{transform:perspective(1800px) rotateX(var(--screen-tilt,0deg)) scale(var(--screen-scale,1));opacity:var(--screen-opacity,1)}
.cam{margin-top:150px;background:var(--surface);border-radius:16px;padding:54px 44px;display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center;overflow:hidden}.cam h3{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.05em;margin-top:12px}.cam-slogan{font-size:clamp(34px,3.8vw,54px);font-weight:400;line-height:1.25;letter-spacing:-.04em;margin-top:40px}.cam-body{font-size:14px;line-height:1.9;color:var(--secondary);max-width:360px;margin-top:24px}.companion{margin-top:34px;display:flex;gap:22px;font-size:11px}.cam-screen{margin:0;transform:perspective(1400px) rotateY(var(--cam-tilt,0deg)) translateX(var(--cam-x,0px));min-width:0}.cam-screen .screen-crop{border-radius:8px}.cam-screen figcaption{font-size:11px;padding-bottom:0}
.company{padding:100px var(--gutter) 100px}.company-grid{display:grid;grid-template-columns:1.5fr 1fr .65fr;gap:60px}.company-grid .eyebrow{margin-bottom:24px}.company-grid>div>p:not(.eyebrow),address{font-size:15px;line-height:1.8}.email{font-size:clamp(18px,2vw,28px);letter-spacing:-.025em;display:inline-flex;gap:20px}
footer{padding:40px var(--gutter) 32px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top a:hover{color:var(--text)}.footer-word{font-size:clamp(135px,29.5vw,600px);line-height:.85;font-weight:700;letter-spacing:-.08em;margin:70px 0 30px;transform:translateY(var(--footer-y,0px));white-space:nowrap}.footer-word span{color:var(--secondary)}.footer-tagline{text-align:right;margin-top:40px}
.motion-ready .hero-line{animation:line-enter 1.3s var(--ease) both}.motion-ready .second .hero-line{animation-delay:.14s}.motion-ready .hero-head,.motion-ready .hero-bottom{animation:fade-enter 1.2s .25s both}.motion-ready .scroll-arrow{animation:scroll-cue 2.4s ease-in-out 3}.motion-ready .reveal{opacity:0;transform:translateY(50px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}.motion-ready .rolin{height:205vh;min-height:1350px}.motion-ready .rolin-sticky{position:sticky;top:45px}.motion-ready .rolin-screen{will-change:transform}.motion-ready .cam-screen{will-change:transform}.motion-off .reveal{opacity:1;transform:none;transition:none}.motion-off .hero-line,.motion-off .hero-head,.motion-off .hero-bottom,.motion-off .scroll-arrow{animation:none}.motion-off .rolin{height:auto;min-height:0}.motion-off .rolin-sticky{position:static}.motion-off .rolin-screen,.motion-off .cam-screen,.motion-off .hero-word,.motion-off .footer-word{transform:none;opacity:1}.motion-off .progress{display:none}
@keyframes line-enter{from{transform:translateY(112%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes fade-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media(min-width:1600px){.hero h1{max-width:1500px}.rolin-sticky{max-width:1400px;margin:auto}.cam{max-width:1500px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){.nav nav{gap:24px}.locale{margin-left:0}.hero{padding-top:26px;padding-bottom:50px}.hero h1{font-size:clamp(62px,10vw,100px);margin:80px 0}.second{padding-left:7vw}.hero-bottom{gap:28px}.intro{max-width:330px;font-size:14px}.product-heading{gap:35px;grid-template-columns:.8fr 1fr}.product-heading h3{font-size:100px}.product-slogan{font-size:25px}.motion-ready .rolin{height:165vh;min-height:1100px}.cam{padding:36px 30px;gap:36px;grid-template-columns:1fr}.cam-body{max-width:540px}.cam-screen{margin-top:10px;max-width:650px}.cam-slogan{font-size:42px}.company-grid{gap:32px;grid-template-columns:1.3fr 1fr}.company-grid>div:last-child{grid-column:2}.email{font-size:22px}.company{padding-top:30px}}
@media(max-width:600px){html{scroll-padding-top:30px}.nav{height:76px}.brand{font-size:27px}.nav nav{gap:20px;font-size:12px}.llc{font-size:9px;margin-left:7px}.hero{min-height:calc(100svh - 76px);padding-top:30px;padding-bottom:36px}.edition{font-size:10px}.hero-head .eyebrow{font-size:10px;letter-spacing:0}.hero h1{font-size:clamp(50px,12.8vw,76px);letter-spacing:-.065em;margin:65px 0 75px;line-height:1.24}.second{padding-left:0}.hero-bottom{align-items:flex-start;flex-direction:column-reverse;gap:30px}.intro{font-size:13px;max-width:310px}.scroll-link{font-size:10px;padding:8px 0}.hero-word{font-size:340px;left:10%;bottom:100px}.products{padding-top:76px;padding-bottom:80px}.rolin{margin-top:56px}.product-heading{display:block}.product-heading h3{font-size:100px;margin-top:8px}.product-copy{margin-top:32px}.product-slogan{font-size:27px;max-width:310px}.product-copy>p:not(.product-slogan){font-size:13px;max-width:320px}.button{font-size:13px;padding:14px 18px;margin-top:22px}.screen-frame{margin-top:34px}.screen-crop{border-radius:8px}.screen-frame figcaption{font-size:10px;letter-spacing:0;padding-top:12px}.motion-ready .rolin{height:auto;min-height:0}.motion-ready .rolin-sticky{position:static}.cam{margin-top:80px;padding:30px 24px;gap:28px}.cam .eyebrow{font-size:10px}.cam h3{font-size:30px}.cam-slogan{font-size:36px;margin-top:34px}.cam-body{font-size:13px}.companion{font-size:10px;gap:16px;margin-top:28px}.cam-screen{margin-top:0}.company{padding:25px var(--gutter) 60px}.company-grid{grid-template-columns:1fr;gap:40px}.company-grid>div:last-child{grid-column:auto}.company-grid .eyebrow{margin-bottom:12px}.email{font-size:23px;gap:14px}.company-grid>div>p:not(.eyebrow),address{font-size:14px}.footer-top{gap:20px;align-items:flex-start;font-size:10px}.footer-word{font-size:29vw;margin-top:52px;margin-bottom:20px}.footer-tagline{margin-top:22px;font-size:10px}.progress{height:1px}body[data-locale=en] .hero h1{font-size:clamp(30px,8.5vw,50px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.motion-ready .rolin{height:auto;min-height:0}.motion-ready .rolin-sticky{position:static}.rolin-screen,.cam-screen,.hero-word,.footer-word{transform:none!important;opacity:1!important}.progress{display:none}}
/* Load product images only as the visitor approaches; keep native no-JS images. */
.deferred-image{display:none}.assets-ready .deferred-image{display:block}
@media(min-width:601px){.motion-ready .rolin-screen{width:min(100%,max(500px,calc((100svh - 390px)*1.87)));margin-left:auto;margin-right:auto}}

@media(min-width:601px){body[data-locale=en] .hero h1{font-size:clamp(54px,7.2vw,124px)}}
