:root{font-family:Arial,Helvetica,sans-serif;color:#101010;background:#fff;font-synthesis:none;--ink:#101010;--muted:#777;--line:#dedede}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #888;outline-offset:6px}::selection{background:#111;color:#fff}.skip{position:fixed;left:16px;top:-80px;z-index:50;padding:15px;background:#fff}.skip:focus{top:16px}.scroll-progress{height:2px;position:fixed;top:0;left:0;right:0;transform-origin:left;background:#111;z-index:40;pointer-events:none}.site-nav{height:82px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #1111;background:#ffffffed;backdrop-filter:blur(20px)}.wordmark{width:146px;height:32px;display:flex;background:#000;border-radius:3px;overflow:hidden}.wordmark img{width:100%;height:100%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:35px;font-size:14px}.nav-links a:not(.pill):hover{text-decoration:underline;text-underline-offset:6px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;background:#111;color:#fff;border:1px solid #111;border-radius:50px;font-size:14px;font-weight:600;min-height:46px;transition:background .2s,transform .2s}.pill:hover{background:#343434;transform:translateY(-2px)}.pill.light{background:#fff;color:#111;border-color:#fff}.pill.outline{color:#111;background:transparent;border-color:#aaa}.pill.outline:hover{background:#eee}.site-nav .pill{padding:11px 20px}.menu-toggle{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;line-height:1.6}.hero{position:relative;min-height:calc(100svh - 82px);height:820px;max-height:1100px;background:#f1f1f1;overflow:hidden;display:flex;align-items:center}.campaign{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f3f3f3ee 0%,#f3f3f3b5 24%,#f3f3f300 55%)}.hero-copy{position:relative;padding:0 5.5vw;width:57%;z-index:2}.hero .eyebrow{margin-bottom:32px}.hero h1{font-size:clamp(60px,7.5vw,112px);letter-spacing:-.07em;line-height:.98;font-weight:600;margin:0 0 34px}.hero-copy p{font-size:19px;line-height:1.55;max-width:380px;margin:0 0 28px;color:#484848}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-bottom{position:absolute;bottom:27px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.07em;color:#555}.scroll-cue{display:flex;align-items:center;gap:10px}.scroll-cue i{display:block;width:20px;height:30px;border:1px solid #555;border-radius:15px;position:relative}.scroll-cue i:after{content:'';height:6px;width:2px;background:#444;position:absolute;top:6px;left:8px;animation:cue 2s infinite}@keyframes cue{0%,100%{transform:translateY(0);opacity:.5}60%{transform:translateY(10px);opacity:1}}.intro{padding:150px 8vw 160px;text-align:center}.intro .eyebrow{color:#666}.intro h2{font-size:clamp(36px,5.4vw,74px);font-weight:600;line-height:1.08;letter-spacing:-.05em;max-width:1040px;margin:32px auto}.intro h2 span{color:#999}.intro p{max-width:650px;margin:0 auto;font-size:20px;line-height:1.7;color:#666}.section-label{display:flex;align-items:center;gap:14px}.section-label b{font-size:12px;border:1px solid #bbb;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.story{height:320vh;position:relative;background:#101010;color:#fff}.story-stage{position:sticky;top:82px;height:calc(100svh - 82px);min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:60px 7vw;gap:6vw;overflow:hidden}.story-text{align-self:center;position:relative;min-height:360px}.chapter{position:absolute;top:0;opacity:0;transform:translateY(30px);transition:opacity .65s,transform .65s;pointer-events:none}.chapter.active{opacity:1;transform:none;pointer-events:auto}.chapter .section-label{color:#aaa}.chapter h2{font-size:clamp(37px,4.6vw,68px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:30px 0 22px}.chapter p{font-size:18px;line-height:1.65;color:#aaa;max-width:420px}.story-dots{position:absolute;bottom:45px;left:7vw;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;color:#aaa}.story-dot{width:26px;height:3px;background:#555;transition:background .3s}.story-dot.active{background:#fff}.story-visual{position:relative;height:540px;display:flex;align-items:center;justify-content:center;perspective:1300px}.browser-frame{width:100%;max-width:560px;background:#f9f9f9;color:#111;border-radius:14px;box-shadow:0 40px 100px #0008;overflow:hidden;transform:rotateY(-9deg) rotateX(4deg);transition:transform 1s}.browser-bar{height:38px;background:#e9e9e9;display:flex;align-items:center;gap:4px;padding:0 15px;font-size:10px;color:#777}.browser-bar i{height:6px;width:6px;background:#c5c5c5;border-radius:50%}.browser-bar span{margin:auto}.sample-shop{padding:26px 26px 100px}.sample-nav{display:flex;justify-content:space-between;font-size:10px;color:#555}.sample-nav strong{letter-spacing:.08em;font-size:12px;color:#111}.sample-shop h3{font-size:35px;letter-spacing:-.04em;font-weight:500;line-height:1.05;margin:42px 0 22px}.sample-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample-collection div{background:#ededed;border-radius:3px;padding:8px}.sample-collection img{width:100%;height:120px;object-fit:contain}.sample-collection small{display:block;font-size:9px;margin-top:6px}.conversation{position:absolute;bottom:20px;right:-15px;width:320px;background:#fff;border:1px solid #ddd;border-radius:16px;color:#111;box-shadow:0 16px 80px #0006;padding:22px;transition:transform .8s}.conversation-head{font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.conversation-head span{font-size:10px;color:#777;font-weight:400}.user-bubble{font-size:13px;line-height:1.5;background:#f0f0f0;padding:14px;border-radius:12px 12px 2px 12px;margin-left:20px}.assistant-bubble{font-size:13px;line-height:1.5;padding:16px 0 8px}.typing{display:flex;gap:4px;margin-top:12px}.typing i{width:4px;height:4px;background:#777;border-radius:50%}.sample-input{font-size:11px;border:1px solid #ddd;color:#aaa;border-radius:8px;padding:10px;margin-top:20px}.result-fan{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translateY(80px);transition:transform 1s,opacity .7s}.result-card{width:31%;border-radius:8px;background:#fff;color:#111;overflow:hidden;box-shadow:0 24px 40px #0005;transition:transform 1s}.result-card:first-child{transform:translateY(28px) rotate(-9deg)}.result-card:last-child{transform:translateY(28px) rotate(9deg)}.result-card img{width:100%;height:245px;object-fit:contain;padding:12px;background:#f2f2f2}.result-card div{padding:18px 12px;font-size:13px}.result-card small{display:block;font-size:11px;color:#777;margin-top:6px}.story-stage[data-step='1'] .browser-frame{transform:scale(.94) rotateY(-14deg)}.story-stage[data-step='1'] .conversation{transform:translate(-30px,-70px) scale(1.08)}.story-stage[data-step='2'] .browser-frame{transform:scale(.9);opacity:.3;transition:transform 1s,opacity .7s}.story-stage[data-step='2'] .conversation{transform:translateY(80px);opacity:0;transition:transform 1s,opacity .4s}.story-stage[data-step='2'] .result-fan{opacity:1;transform:none}.ex-caption{position:absolute;bottom:-8px;right:0;color:#aaa;font-size:12px}.catalogue-section{padding:150px 7vw;background:#fff}.wide-title{font-size:clamp(40px,6vw,85px);line-height:1.03;letter-spacing:-.055em;font-weight:600;margin:34px 0}.section-lead{font-size:20px;line-height:1.6;color:#666;max-width:640px}.stilllife{margin:70px 0 45px;position:relative;overflow:hidden;border-radius:5px;background:#f2f2f2;aspect-ratio:16/8}.stilllife img{width:100%;height:100%;object-fit:cover}.catalogue-details{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.catalogue-details h3{font-size:19px;letter-spacing:-.02em}.catalogue-details p{font-size:16px;line-height:1.65;color:#666;max-width:310px}.color-line{display:flex;gap:8px;margin-top:25px}.color-line i{height:17px;width:17px;border-radius:50%;background:var(--color);border:1px solid #1112}.statement{padding:130px 8vw;background:#f4f4f4;text-align:center}.statement .eyebrow{color:#666}.statement h2{font-size:clamp(42px,6.5vw,92px);font-weight:600;letter-spacing:-.06em;line-height:1.05;margin:34px auto;max-width:1000px}.statement h2 span{color:#999}.statement p{max-width:600px;margin:auto;color:#666;font-size:20px;line-height:1.65}.integration{padding:150px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.integration .wide-title{font-size:clamp(40px,4.7vw,66px)}.integration-steps{padding-top:50px}.integration-step{display:grid;grid-template-columns:40px 1fr;gap:22px;padding:25px 0;border-top:1px solid #ddd}.integration-step b{font-size:13px;color:#999;padding-top:4px;font-weight:400}.integration-step h3{margin:0 0 12px;font-size:20px;letter-spacing:-.025em}.integration-step p{margin:0;font-size:16px;color:#666;line-height:1.7}.integration-note{font-size:14px;color:#777;line-height:1.6;margin-top:26px;max-width:450px}.demo-section{background:#101010;color:#fff;padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.demo-section .eyebrow{color:#aaa}.demo-section h2{font-size:clamp(40px,4.8vw,68px);font-weight:600;letter-spacing:-.05em;line-height:1.03;margin:30px 0}.demo-section p{font-size:18px;line-height:1.65;color:#aaa;max-width:430px}.demo-section .pill{margin-top:20px}.demo-catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-4deg)}.demo-catalogue img{background:#eee;border-radius:4px;width:100%;aspect-ratio:4/5;object-fit:contain;box-shadow:0 20px 30px #0004}.demo-catalogue img:nth-child(3n+2){transform:translateY(25px)}.demo-disclaimer{display:block;font-size:12px;color:#aaa;margin-top:20px;line-height:1.5}.faq{padding:120px 7vw;display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}.faq h2{font-size:42px;letter-spacing:-.045em;font-weight:600;margin:20px 0}.faq-list details{border-bottom:1px solid #ddd}.faq-list summary{padding:26px 30px 26px 0;font-size:17px;font-weight:600;cursor:pointer;position:relative;list-style:none;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;font-size:23px;font-weight:400;top:24px}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:16px;line-height:1.7;color:#666;margin:0 0 26px;padding-right:30px}.contact{background:#f3f3f3;padding:110px 7vw 65px}.contact-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.contact h2{font-size:clamp(40px,6.5vw,88px);line-height:1.05;font-weight:600;letter-spacing:-.055em;margin:24px 0 0}.contact-links{margin-top:75px;display:flex;justify-content:space-between;gap:35px;border-top:1px solid #ccc;padding-top:35px}.contact-links a{font-size:18px;line-height:1.8}.contact-links a:hover{text-decoration:underline;text-underline-offset:6px}.contact-links small{display:block;color:#777;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.social-links{display:flex;gap:40px}.social-links svg{width:18px;height:18px;vertical-align:-3px;margin-right:9px}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 7vw;font-size:12px;color:#777}.footer a:hover{text-decoration:underline}.motion-ready [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .85s,transform .85s}.motion-ready [data-reveal].visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-copy{padding-left:max(7vw,calc((100vw - 1440px)/2))}.site-nav{padding-inline:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero{height:760px}.hero-copy{width:65%}.hero h1{font-size:72px}.hero-wash{background:linear-gradient(90deg,#f3f3f3e8 0%,#f3f3f3b0 35%,#f3f3f300 75%)}.story-stage{gap:3vw;padding-inline:5vw}.story-visual{height:480px}.conversation{right:-5px;width:280px}.sample-shop{padding:22px 20px 100px}.sample-shop h3{font-size:28px}.sample-collection img{height:100px}.result-card img{height:200px}.catalogue-details{gap:25px}.contact-top{align-items:start;flex-direction:column}}
@media(max-width:700px){html{scroll-padding-top:66px}.site-nav{height:66px;padding:0 20px}.wordmark{width:124px;height:28px}.menu-toggle{display:block;border:0;background:none;font-size:14px;padding:10px}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;padding:25px;background:#fff;border-bottom:1px solid #ddd;gap:22px;align-items:stretch}.nav-links.open{display:flex;flex-direction:column}.nav-links a{padding:12px;font-size:16px}.hero{height:870px;min-height:calc(100svh - 66px);max-height:none;align-items:flex-start}.campaign{height:67%;top:33%;object-position:67% center}.hero-wash{background:linear-gradient(180deg,#f3f3f3 0%,#f3f3f3 28%,#f3f3f380 43%,#f3f3f300 55%)}.hero-copy{width:100%;padding:50px 24px 0}.hero .eyebrow{font-size:11px;margin-bottom:22px}.hero h1{font-size:clamp(54px,11.5vw,78px);max-width:520px;margin-bottom:22px}.hero-copy p{font-size:16px;line-height:1.6;max-width:340px;margin-bottom:24px}.pill{font-size:13px;padding:13px 20px}.hero-bottom{left:24px;right:24px;bottom:22px;font-size:11px}.hero-bottom>span{max-width:145px;line-height:1.5}.intro{padding:90px 24px}.intro h2{font-size:38px;line-height:1.13}.intro p{font-size:17px}.story{height:300vh}.story-stage{top:66px;height:calc(100svh - 66px);min-height:660px;grid-template-columns:1fr;grid-template-rows:240px 1fr;gap:0;padding:30px 24px 45px}.story-text{min-height:220px;align-self:start}.chapter h2{font-size:36px;max-width:380px;margin:16px 0 12px}.chapter p{font-size:15px;line-height:1.55;margin:0;max-width:420px}.section-label b{width:24px;height:24px}.eyebrow{font-size:11px}.story-visual{height:100%;min-height:330px;width:100%;max-width:420px;margin:auto}.browser-frame{max-width:390px}.sample-shop{padding:14px 16px 70px}.sample-nav{font-size:8px}.sample-nav strong{font-size:10px}.sample-shop h3{font-size:27px;margin:22px 0 12px}.sample-collection img{height:85px}.sample-collection small{font-size:8px}.browser-bar{height:24px;font-size:8px}.conversation{width:240px;right:-6px;bottom:6px;padding:16px}.conversation-head{margin-bottom:14px;font-size:12px}.user-bubble,.assistant-bubble{font-size:11px}.sample-input{font-size:10px;margin-top:12px}.story-dots{left:24px;bottom:22px;font-size:10px}.ex-caption{font-size:10px;bottom:-13px}.story-stage[data-step='1'] .conversation{transform:translate(-20px,-25px) scale(1.05)}.result-fan{gap:8px}.result-card img{height:175px;padding:7px}.result-card div{font-size:11px;padding:12px 8px}.result-card small{font-size:10px}.catalogue-section{padding:90px 24px}.wide-title{font-size:42px;margin:25px 0}.section-lead{font-size:17px}.stilllife{margin:40px -24px 35px;border-radius:0;aspect-ratio:4/3}.catalogue-details{grid-template-columns:1fr;gap:22px}.catalogue-details h3{margin-bottom:9px}.catalogue-details p{max-width:none;margin:0;font-size:16px}.color-line{margin-top:14px}.statement{padding:85px 24px}.statement h2{font-size:44px}.statement p{font-size:17px}.integration{padding:90px 24px;grid-template-columns:1fr;gap:25px}.integration .wide-title{font-size:42px}.integration-steps{padding-top:0}.demo-section{grid-template-columns:1fr;padding:85px 24px;gap:50px}.demo-section h2{font-size:42px}.demo-section p{font-size:17px}.demo-catalogue{max-width:400px;margin:auto;gap:10px}.faq{padding:85px 24px;grid-template-columns:1fr;gap:20px}.faq h2{font-size:36px}.faq-list summary{font-size:16px;padding-block:24px}.contact{padding:85px 24px 40px}.contact h2{font-size:48px}.contact-links{flex-direction:column;margin-top:45px;gap:30px}.contact-links a{font-size:17px}.social-links{gap:28px}.footer{padding:24px;font-size:11px;align-items:start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:auto}.story-stage{position:relative;top:0;height:auto;min-height:0;display:block;padding-block:70px}.story-text{min-height:0}.chapter{position:static;opacity:1;transform:none;pointer-events:auto;margin-bottom:45px}.chapter[aria-hidden]{display:block}.story-visual{height:520px}.story-dots{display:none}.motion-ready [data-reveal]{opacity:1;transform:none}}
.product-photo{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-color:#fff}
.sample-collection .product-photo{border-radius:3px}
.sample-collection:has(.product-photo)>div{padding:0;background:#fff}
.sample-collection:has(.product-photo) small{padding:0 6px 6px}
.result-card .product-photo{border-radius:8px 8px 0 0}
.demo-catalogue .product-photo{border-radius:4px;box-shadow:0 20px 30px #0004}
.demo-catalogue .product-photo:nth-child(3n+2){transform:translateY(25px)}
