*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cb-paper);color:var(--cb-ink);font-family:var(--cb-font)}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible{outline:3px solid var(--cb-violet);outline-offset:5px}.site-header{max-width:1440px;padding:28px 56px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cb-line)}.logo{display:inline-flex;align-items:center;gap:8px;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand-period{color:var(--cb-coral);margin-left:-7px}.logo img{margin-right:5px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}.nav-open{gap:24px;border-bottom:2px solid var(--cb-ink)}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:80px 56px 92px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:650}.eyebrow>span{width:10px;height:10px;background:var(--cb-coral)}h1{font-size:clamp(54px,5.9vw,84px);line-height:1.01;letter-spacing:-4.5px;margin:34px 0 25px;font-weight:780;text-wrap:balance}h1 em{color:var(--cb-action);font-style:normal}.intro{max-width:370px;font-size:21px;line-height:1.6;color:var(--cb-muted)}.button{display:inline-flex;align-items:center;gap:54px;background:var(--cb-coral);color:var(--cb-ink);padding:19px 23px;font-weight:750;border-radius:4px;margin-top:16px;transition:transform 160ms}.button:hover{transform:translateY(-3px)}.button span{font-size:24px}.note{font-size:12px;line-height:1.6;max-width:360px;color:var(--cb-muted);margin-top:20px}.product-stage{position:relative;height:540px;background:var(--cb-lilac);overflow:hidden;border-radius:4px}.stage-caption{font-size:10px;letter-spacing:2px;font-weight:700;position:absolute;top:24px;left:26px}.gear-card{background:var(--cb-white);border:1px solid var(--cb-line);padding:18px;position:absolute;box-shadow:0 12px 24px rgb(33 27 48 / 8%)}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.camera{width:64%;top:68px;left:32px;transform:rotate(-7deg);z-index:2}.camera img{width:100%;height:220px;object-fit:contain}.card-bottom{border-top:1px solid var(--cb-line);padding-top:15px}.card-bottom strong{display:block;font-size:16px}.card-bottom span{display:block;font-size:11px;color:var(--cb-muted);margin-top:5px}.lens{width:45%;right:20px;top:211px;transform:rotate(8deg);z-index:3}.lens img{width:100%;height:150px;object-fit:contain}.lens strong{display:block;font-size:12px}.stage-word{position:absolute;bottom:46px;left:15px;font-weight:900;font-size:88px;letter-spacing:-6px;color:var(--cb-action)}.preview-note{position:absolute;bottom:9px;left:26px;font-size:10px;color:var(--cb-muted)}.manifesto{padding:64px 56px 76px;border-top:1px solid var(--cb-line)}h2{font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:700;margin:24px 0 50px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.number{display:block;padding-bottom:22px;border-bottom:1px solid var(--cb-line);color:var(--cb-action);font-size:12px;font-weight:700}h3{font-size:23px;letter-spacing:-.6px;margin:23px 0 12px}.principles p{font-size:15px;color:var(--cb-muted);line-height:1.7;max-width:330px}.closing{margin:0 56px 64px;padding:48px;background:var(--cb-coral);display:flex;align-items:center;justify-content:space-between;gap:24px}.closing>span{font-size:52px;line-height:1.05;letter-spacing:-2px;font-weight:750}.closing a{font-size:17px;font-weight:650;border-bottom:2px solid var(--cb-ink);padding:12px 0;display:flex;gap:32px}footer{max-width:1440px;margin:auto;padding:28px 56px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--cb-line);font-size:11px;color:var(--cb-muted)}footer .logo{font-size:22px;color:var(--cb-ink)}@media(max-width:900px){.site-header{padding:20px 24px}.hero{padding:48px 24px;gap:30px}h1{font-size:58px;letter-spacing:-3px}.product-stage{height:470px}.camera{left:20px}.camera img{height:170px}.lens{right:15px}.lens img{height:110px}.stage-word{font-size:68px}.manifesto{padding:48px 24px}.closing{margin:0 24px 40px;padding:32px}footer{padding:24px}.principles{gap:24px}}@media(max-width:650px){.logo{font-size:25px}.logo img{width:33px;height:33px}.site-header nav>a:first-child{display:none}.site-header nav{font-size:12px}.nav-open{gap:10px}.hero{grid-template-columns:1fr;gap:35px;padding-top:30px}h1{font-size:58px;margin:26px 0 22px}.intro{font-size:19px}.product-stage{height:450px}.camera{width:62%;left:28px}.lens{width:44%;top:200px}.stage-word{font-size:72px}.principles{grid-template-columns:1fr;gap:18px}h2{font-size:40px}.number{padding-bottom:12px}.principles h3{margin-top:18px}.closing{align-items:flex-start;flex-direction:column}.closing>span{font-size:44px}footer{flex-wrap:wrap;gap:18px}footer>span:last-child{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}