:root{--lime:#c8ff3d;--bg:#0a0c0a;--white:#f5f5ee;--muted:#a0a59b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:7px}.skip{position:fixed;top:-80px;z-index:50;padding:12px;background:var(--lime);color:#000}.skip:focus{top:10px}header{height:94px;display:flex;align-items:center;gap:46px;padding:0 4.5%;position:absolute;width:100%;z-index:20;border-bottom:1px solid #ffffff12}.logo{font-family:Arial,sans-serif;font-weight:900;font-size:26px;letter-spacing:-1.3px;white-space:nowrap}.mark{display:inline-grid;place-items:center;color:#0a0a0a;background:var(--lime);width:31px;height:31px;font-size:30px;margin-right:5px}.logo-dot{font-size:10px;vertical-align:top;letter-spacing:0}.header-note,.eyebrow,.section-label,.hero-bottom{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.5px}.header-note{color:var(--muted)}nav{margin-left:auto;display:flex;gap:36px;font-size:12px}nav a:last-child{color:var(--lime)}.menu{display:none;border:1px solid #ffffff40;width:46px;height:42px;background:#11150d;border-radius:50%;padding:12px}.menu span{display:block;height:1px;background:var(--white);margin:5px 0}.hero{position:relative;min-height:860px;height:100svh;max-height:1150px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 52%,#28321a55,transparent 57%)}.grid{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#a1b879 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.orbit{position:absolute;width:1080px;height:1080px;left:50%;top:50%;border:1px solid #c8ff3d10;border-radius:50%;transform:translate(-50%,-50%) rotateX(55deg) rotate(-25deg);box-shadow:0 0 0 140px #c8ff3d03,0 0 0 280px #c8ff3d03}.hero-content{position:relative;z-index:4;margin:auto;padding-top:clamp(170px,22vh,245px);text-align:center;width:min(760px,90%);pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{color:var(--lime);margin:0 0 27px;display:flex;gap:9px;align-items:center;justify-content:center}.eyebrow i{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c8ff3d88}h1{margin:0;font-weight:900;letter-spacing:-.065em;font-size:clamp(45px,5.6vw,81px);line-height:1.24;text-shadow:0 3px 35px #000,0 0 70px #0a0c0a}h1>span{display:block}.intro{font-size:.46em;letter-spacing:.01em;margin-bottom:13px}.lime{color:var(--lime)}h1 .outro{font-size:.55em;margin-top:17px;letter-spacing:-.04em}.period{color:var(--lime)}.lead{font-size:13px;line-height:2.1;color:#bec3b7;margin:27px 0 24px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--lime);color:#101509;font-weight:700;font-size:14px;padding:17px 18px 17px 25px;border-radius:3px;transition:background .2s,transform .2s}.cta span{font-size:23px;font-weight:400}.cta:hover{background:#dbff82;transform:translateY(-3px)}.micro{font-size:10px;color:var(--muted);margin-top:15px;letter-spacing:.05em}.hero-bottom{position:absolute;bottom:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;color:#a0a59b;z-index:5;font-size:10px}.hero-bottom a span{margin-left:16px;color:var(--lime)}#motion{background:none;border:none;font-size:10px;color:#bbc1b3;padding:12px}#motion span{margin-left:12px}.devices{position:absolute;inset:0;perspective:1200px;pointer-events:none}.device{position:absolute;width:174px;height:332px;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%) rotate(var(--r)) rotateY(var(--ry)) scale(var(--s));opacity:var(--o);will-change:transform}.floating{height:100%;animation:float 8s ease-in-out infinite;animation-delay:var(--delay)}.phone{height:100%;border:1px solid #7a8472;background:#121611;padding:7px;border-radius:27px;box-shadow:10px 20px 50px #0009,inset -3px 0 0 #ffffff15;overflow:hidden}.screen{height:100%;border-radius:20px;background:#edf0e8;color:#1d281f;overflow:hidden;font-size:9px;position:relative}.status{height:28px;padding:9px 11px;font-size:7px;display:flex;justify-content:space-between;background:#e6eadf}.island{position:absolute;width:47px;height:12px;border-radius:12px;top:6px;left:50%;transform:translateX(-50%);background:#141713}.app{padding:13px 10px}.app-label{font:7px Arial;letter-spacing:1.5px;color:#64705d;margin-bottom:8px}.app h3{font-size:15px;margin:0 0 13px}.app small{font-size:8px;color:#7b8772}.tile{background:#fff;border-radius:7px;padding:11px;margin:7px 0;box-shadow:0 2px 5px #00000004}.tile strong{font-size:23px;display:block;letter-spacing:-1px;margin:5px 0}.pill{font-size:7px;color:#42562c;background:#e4efd8;padding:3px 7px;border-radius:9px}.bars{display:flex;align-items:end;gap:5px;height:55px;margin-top:12px}.bars i{background:#839b5d;flex:1;border-radius:3px 3px 0 0;height:var(--h)}.bars i:nth-child(3n){background:#c8ff3d}.row{padding:10px 0;border-bottom:1px solid #e3e8de;display:flex;justify-content:space-between;align-items:center;font-size:8px}.row b{font-weight:500}.appnav{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:12px 8px;display:flex;justify-content:space-around;font-size:10px;color:#68755e}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:7px;margin:15px 0}.calendar span{padding:5px 0}.calendar .selected{background:#b7e84c;border-radius:50%}.task{padding:10px;border-left:3px solid #adc877;background:white;margin-top:8px;font-size:8px}.dark .screen{background:#182119;color:#e9f2df}.dark .status{background:#182119}.dark .tile{background:#263026}.dark .row{border-color:#3a4535}.dark .app-label,.dark .app small{color:#a7b59a}.dark .appnav{background:#263026;color:#bde978}.cube{height:97px;display:grid;place-items:center;perspective:500px}.cube span{display:block;width:60px;height:60px;border:1px solid #c8ff3d;transform:rotateX(55deg) rotateZ(45deg);box-shadow:10px 10px 0 #c8ff3d20,20px 20px 0 #c8ff3d15;background:repeating-linear-gradient(0deg,transparent,transparent 14px,#c8ff3d40 15px)}.check{font-size:33px;text-align:center;color:#7d9c4a;padding:20px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-grid .tile{padding:8px;text-align:center}.food{height:40px;display:grid;place-items:center;font-size:25px;margin-bottom:6px}.idea{padding:110px max(7%,calc((100vw - 1200px)/2));position:relative;border-top:1px solid #ffffff15;background:#10130e}.section-label{color:var(--lime);margin:0 0 30px}h2{font-size:clamp(30px,4vw,56px);line-height:1.45;letter-spacing:-.05em;margin:0;font-weight:800}h2 em{font-style:normal;color:#9ca790}.idea-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:38px}.idea-layout p{font-size:14px;line-height:2;color:#b5bbae}.messages{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.messages span{border:1px solid #ffffff22;padding:18px 22px;border-radius:13px 13px 13px 0;font-size:12px;background:#1a2016}.messages span:nth-child(2){align-self:flex-end}.messages b{color:var(--lime);margin-left:18px}.price{border-top:1px solid #ffffff20;margin-top:65px;padding-top:38px;display:flex;gap:70px;align-items:center}.price small{display:block;color:#aab39f;font-size:12px}.price strong{display:block;font-size:65px;color:var(--lime);font-family:Arial,sans-serif;letter-spacing:-2px}.price strong span{font-size:21px;letter-spacing:0;margin-left:9px}.price .consult{font-size:30px;margin-top:15px;letter-spacing:0}.price p{font-size:11px;line-height:2;color:#aab39f;margin-left:auto}.contact{padding:110px 7%;text-align:center}.contact h2 span{color:var(--lime);display:inline-block;margin-left:20px}.contact p:not(.section-label){font-size:13px;color:#aab39f;margin:24px 0 30px}.email{display:block;color:#aab39f;font-size:12px;margin:22px}footer{padding:35px 4.5%;border-top:1px solid #ffffff20;display:flex;align-items:center;gap:30px}footer span,footer small{font-size:10px;color:#8d9785}footer small{margin-left:auto}.noscript{padding:20px;text-align:center}.paused .floating{animation-play-state:paused!important}@keyframes float{0%,100%{transform:translateY(-9px) rotate(-1deg)}50%{transform:translateY(9px) rotate(1deg)}}@media(min-width:1600px){.devices{transform:scale(1.15)}}@media(max-width:1180px){header{height:80px}.header-note{margin-left:auto;margin-right:15px}.menu{display:block}nav{display:none;position:absolute;top:80px;right:4.5%;padding:24px;background:#1a2016;border:1px solid #ffffff30;flex-direction:column;gap:25px}nav.open{display:flex}.hero-content{padding-top:190px}.device{--s:.65!important}.hero{min-height:820px}}@media(max-width:700px){header{padding:0 25px;height:76px;gap:10px}.logo{font-size:22px}.mark{width:27px;height:27px;font-size:25px}.header-note{display:none}.menu{margin-left:auto}nav{top:76px}.hero{min-height:920px;height:100svh;max-height:none}.hero-content{padding-top:166px;width:96%}h1{font-size:clamp(37px,7.6vw,53px)}.eyebrow{font-size:10px;margin-bottom:27px}.lead{font-size:12px}.devices{inset:430px 0 0;perspective:800px;z-index:0}.device{left:calc(50% + var(--mx));top:calc(50% + var(--my));--s:.65!important;--o:.75!important}.device:nth-child(n+7){display:none}.hero-content .cta{margin-top:4px}.hero-bottom>span{display:none}.hero-bottom{bottom:20px}.idea{padding:75px 7%}.idea-layout{grid-template-columns:1fr;gap:20px}.price{gap:35px;flex-wrap:wrap}.price p{width:100%;margin:0}.contact{padding:80px 6%}footer{flex-wrap:wrap;gap:15px}footer .logo{width:100%}}@media(max-width:430px){.hero{min-height:870px}.hero-content{padding-top:143px}.intro{font-size:.5em}.lead{margin:24px 0 20px}.hero-content h1 .outro{font-size:.56em}.devices{inset:420px 0 0}.device{--s:.52!important}.cta{font-size:13px}.messages span{font-size:10px;padding:16px}.contact h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.device{will-change:auto}}
/* Colorful application prototypes and sculpted hardware */
.brand-lines{display:flex;flex-direction:column;gap:5px;line-height:1}.brand-lines small{font-size:11px;letter-spacing:.22em;font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-weight:600}.hero{background:radial-gradient(ellipse at 6% 55%,#20377b40,transparent 38%),radial-gradient(ellipse at 95% 65%,#39215d50,transparent 35%),radial-gradient(ellipse at 50% 50%,#28321a55,transparent 55%)}.device{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) rotateX(9deg) rotateY(calc(var(--ry) + var(--tilt,0deg))) scale(var(--s));transform-style:preserve-3d}.device:nth-child(n+7){filter:brightness(.6)}.floating{transform-style:preserve-3d}.phone{overflow:visible;position:relative;border:1px solid #b1b9c5;background:linear-gradient(110deg,#818a99,#12151c 13%,#323a47 90%,#a5b0c0);padding:6px;box-shadow:1px 1px 0 #606a7a,3px 2px 0 #667080,5px 3px 0 #465060,7px 4px 0 #343c49,9px 5px 0 #1b222e,11px 6px 0 #0c1119,16px 20px 25px #0009,30px 45px 70px #000b}.phone:after{content:'';position:absolute;inset:7px;border-radius:21px;background:linear-gradient(120deg,#ffffff1f,transparent 35%,transparent 75%,#ffffff08);pointer-events:none}.screen,.dark .screen{background:#f4f5fa;color:#20283d}.status,.dark .status{background:#f4f5fa;color:#263044}.app{padding:9px 10px}.app-label,.dark .app-label{font-size:6px;color:#69758b;letter-spacing:1.2px}.app h3{font-size:13px;margin-bottom:9px}.app small,.dark .app small{color:inherit;font-size:7px}.appnav,.dark .appnav{background:#fff;color:#53627e;border-top:1px solid #e9ecf3}.appnav span:first-child{color:#6650ee}.pos-banner{background:linear-gradient(125deg,#ef582d,#ffab47);height:105px;border-radius:9px;padding:11px;color:white;position:relative;overflow:hidden}.pos-banner b{font:900 21px/1 Arial;display:block;margin-top:9px;position:relative;z-index:2}.dish{width:73px;height:73px;background:radial-gradient(circle,#479b4b 10%,#e59538 12%,#e8c85a 24%,#83a445 30%,#ba3d1e 33%,#7b9a35 44%,#fff9e7 46%,#fff9e7 61%,#d3cbb9 63%,#faf5e7 68%);position:absolute;right:-8px;bottom:4px;border-radius:50%;box-shadow:5px 10px 15px #7a2c2660;transform:rotateX(20deg)}.dish i{display:block;width:15px;height:9px;background:#d84225;border-radius:50%;position:absolute;top:23px;left:20px;transform:rotate(-30deg)}.dish i:nth-child(2){top:40px;left:39px}.dish i:nth-child(3){top:18px;left:42px;background:#255b2f}.ui-heading{font-size:8px;font-weight:700;margin:12px 0 7px;display:flex;justify-content:space-between}.ui-heading span{font-size:6px;color:#8994a8}.menu-food{display:grid;grid-template-columns:1fr 1fr;gap:6px}.menu-food>div{background:white;border-radius:6px;padding:6px;box-shadow:0 3px 10px #182d5310}.menu-food b,.menu-food small{display:block;font-size:6px;margin-top:3px}.food-icon{display:grid;place-items:center;font-size:25px;background:#fff0da;height:35px;border-radius:5px}.order-bar{background:#25283a;color:white;font-size:7px;padding:10px 7px;border-radius:5px;margin-top:10px;display:flex;justify-content:space-between}.order-bar b{color:#ffbd8f}.project-banner{background:linear-gradient(120deg,#2159f4,#709dff);padding:12px 9px;height:107px;color:white;border-radius:9px;position:relative}.project-banner>b{font-size:11px;display:block;margin-top:8px}.project-banner>span{font-size:6px;position:absolute;bottom:10px}.progress-ring{position:absolute;right:10px;bottom:14px;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle,#3f76f8 57%,transparent 59%),conic-gradient(#afffd9 72%,#ffffff30 0);display:grid;place-content:center;font-size:17px;font-weight:bold}.progress-ring small{position:absolute;right:7px;bottom:11px;font-size:5px}.week-strip{display:flex;justify-content:space-between;margin:10px 0;font-size:6px}.week-strip span{padding:7px 4px}.week-strip .active{background:#2863f5;color:white;border-radius:5px}.schedule{display:flex;gap:7px;margin:8px 0;font-size:6px;align-items:center}.schedule>div{background:#e0edff;border-left:2px solid #3d82fa;padding:8px 6px;flex:1;border-radius:4px}.schedule span{display:block;margin-top:4px;font-size:5px;color:#6c7fa3}.schedule.purple>div{background:#eee5ff;border-color:#8c5bf5}.mini-progress{height:5px;background:#dde4f4;border-radius:8px;margin:8px 0}.mini-progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#55a5ff,#7a57f5);border-radius:8px}.team-banner{background:linear-gradient(125deg,#7348ef,#ba71f9);border-radius:9px;color:white;padding:12px;height:112px}.team-banner b{display:block;font-size:13px;line-height:1.6;margin-top:7px}.avatars{display:flex;margin-top:8px}.avatars i{background:#ffd5b5;border:2px solid #a578f3;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-style:normal;color:#5a3f83;margin-right:-4px;font-size:7px}.avatars i:nth-child(2){background:#b2efdd}.avatars i:nth-child(3){background:#a4ceff}.quick-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0;color:#7b51d9;font-size:18px;text-align:center}.quick-apps small{display:block;color:#52617b!important;font-size:5px!important;margin-top:4px}.news-item{padding:9px 0;border-top:1px solid #e2e6f1}.news-item>span{font-size:5px;color:#8d5cf7}.news-item b{font-size:7px;display:block;margin:4px 0}.news-item small{font-size:5px}.theme-cube .screen,.theme-cube .status{background:#101c30;color:#ecf5ff}.theme-cube .app-label{color:#7697bf}.theme-cube .appnav{background:#182944;color:#6fcdfb;border:0}.model-view{height:136px;position:relative;border-radius:8px;background:radial-gradient(ellipse,#214a69,#122236);overflow:hidden}.model-view:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#65beff15 1px,transparent 1px),linear-gradient(90deg,#65beff15 1px,transparent 1px);background-size:12px 12px;transform:perspective(100px) rotateX(30deg)}.model-tag{position:absolute;top:9px;left:8px;font:5px Arial;color:#63d4ff}.model-axis{position:absolute;bottom:7px;right:8px;color:#6fffd9;font-size:7px}.building{position:absolute;left:41px;top:40px;width:75px;height:70px;transform:rotateX(55deg) rotateZ(-35deg);transform-style:preserve-3d}.floor{position:absolute;width:74px;height:65px;background:linear-gradient(135deg,#68c5eb88,#3c7fc999);border:1px solid #a1e6ff;box-shadow:0 0 10px #64caff33;transform:translateZ(0)}.f2{transform:translateZ(23px)}.f3{transform:translateZ(46px);background:#9be9ff99}.wall{position:absolute;width:3px;height:3px;background:#9ef9ff;box-shadow:0 0 5px #0ff;transform:rotateY(90deg);height:49px;transform-origin:top}.w1{left:0;top:0}.w2{left:70px;top:0}.w3{left:70px;top:60px}.material-title{font-size:7px;margin:10px 0}.material-title span{font-size:5px;background:#334664;color:#afd2ff;margin-left:5px;padding:2px}.material-row{display:flex;align-items:center;gap:7px;font-size:7px;padding:7px 0;border-bottom:1px solid #ffffff10}.material-row i{width:7px;height:7px;background:#5bc7ff;border-radius:2px}.material-row:nth-child(4) i{background:#bb8eff}.material-row b{margin-left:auto}.export-btn{background:#7660f3;color:white;text-align:center;padding:9px;font-size:7px;border-radius:5px;margin-top:9px}.theme-cube .export-btn{background:#257fa7}.shift-banner{background:linear-gradient(120deg,#ec5098,#ff9477);padding:12px;border-radius:9px;color:white}.shift-banner b{display:block;font-size:13px;line-height:1.6;margin:8px 0}.shift-banner span{font-size:6px}.shift-grid{display:grid;grid-template-columns:18px repeat(4,1fr);gap:4px;margin:12px 0;font-size:6px;text-align:center}.shift-grid>*{padding:6px 0}.shift-grid i{font-style:normal;border-radius:4px;background:#ded9ff;color:#6950ba}.shift-grid .s1{background:#c9eee5;color:#298977}.shift-grid .s0{background:#e8ebf1;color:#a0a5b3}.shift-grid b{color:#c26490}.shop-banner{height:145px;border-radius:8px;background:linear-gradient(130deg,#e1bda2,#987f73);padding:12px;position:relative;overflow:hidden}.shop-banner b{display:block;font:italic 26px Georgia;margin-top:12px;color:#fff5ea}.vase{position:absolute;right:10px;bottom:-10px;height:90px;width:50px;background:linear-gradient(90deg,#614833,#c39f79 40%,#e1bb8f 60%,#957352);border-radius:30% 30% 40% 40%;transform:rotate(-12deg);box-shadow:10px 10px 18px #30211788}.product-shape{font-size:34px;color:#b49379}.attendance{background:linear-gradient(135deg,#11a690,#63d7ae);border-radius:8px;padding:12px;color:white;text-align:center}.attendance>b{font:900 26px Arial;display:block}.attendance>span{display:block;font-size:7px;margin-top:7px}.clock-face{width:61px;height:61px;border:4px solid #b7ffe5;border-radius:50%;margin:12px auto;position:relative;background:#fff2}.clock-face i{position:absolute;left:26px;top:9px;height:20px;width:2px;background:white;transform-origin:bottom;transform:rotate(35deg)}.clock-face:after{content:'';position:absolute;left:25px;top:27px;height:2px;width:16px;background:white}.dark .tile{background:white}.hero-bottom{background:linear-gradient(transparent,#0a0c0ae6);padding-top:20px;bottom:15px}.hero-bottom button,.hero-bottom a{background:#0b110bd9;padding:12px;border-radius:20px}
.showcase{padding:110px 7%;background:radial-gradient(ellipse at 25% 65%,#26376155,transparent 50%),#0c1018;border-top:1px solid #ffffff20;overflow:hidden;--accent:#ff8a54}.showcase-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.showcase-heading p{color:#a4aebf;font-size:13px;line-height:2}.showcase h2 em{color:#9aabc6}.case-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0 20px}.case-tabs button{border:1px solid #ffffff22;border-radius:30px;background:transparent;padding:12px 18px;color:#adb5c4;font-size:12px}.case-tabs button[aria-pressed=true]{background:var(--accent);color:#111722;border-color:var(--accent)}.case-stage{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:560px;touch-action:pan-y}.case-visual{position:relative;height:560px;perspective:1100px;display:grid;place-items:center}.case-halo{position:absolute;width:350px;height:350px;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.16}.case-visual:after{content:'';position:absolute;width:290px;height:80px;bottom:42px;background:#0009;filter:blur(17px);transform:rotate(-12deg);border-radius:50%}#case-phone{width:240px;height:458px;position:relative;z-index:2;transform:rotateY(-19deg) rotateX(9deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform .7s}#case-phone .phone{width:174px;height:332px;transform:scale(1.38);transform-origin:top left}#case-phone.enter{animation:phoneEnter .65s both}.case-copy.enter{animation:copyEnter .5s both}.case-copy .case-tag{font-size:10px;color:var(--accent);letter-spacing:.14em}.case-copy h3{font-size:clamp(27px,3vw,43px);line-height:1.5;margin:20px 0}.case-copy p{font-size:13px;color:#aab4c6;line-height:2}.case-copy ul{list-style:none;padding:0;margin:25px 0}.case-copy li{padding:13px 0;border-bottom:1px solid #ffffff17;font-size:12px}.case-copy li:before{content:'↗';color:var(--accent);margin-right:13px}.case-copy a{font-size:12px;color:var(--accent);display:inline-block;margin-top:12px}.visual-note{position:absolute;bottom:6px;font-size:9px;color:#95a1b6;z-index:3}.case-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px}.case-controls button{border:1px solid #657187;background:transparent;border-radius:50%;width:48px;height:48px;font-size:22px}.case-controls button:hover{background:var(--accent);color:#111}.case-controls>span{font:12px Arial;letter-spacing:2px}.swipe-note{color:#7b899f;font-size:9px!important;margin-left:30px}@keyframes phoneEnter{from{opacity:0;transform:translateX(80px) rotateY(-55deg) rotateZ(8deg)}to{opacity:1;transform:translateX(0) rotateY(-19deg) rotateX(9deg) rotateZ(-7deg)}}@keyframes copyEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.showcase{padding:70px 7%}.showcase-heading{display:block}.case-stage{grid-template-columns:1fr;gap:5px}.case-visual{height:490px}#case-phone{transform:rotateY(-19deg) rotateX(9deg) rotateZ(-7deg) scale(.9)}.case-copy{padding-top:20px}.case-copy h3{font-size:29px}.case-tabs{gap:6px}.case-tabs button{padding:10px 13px;font-size:10px}.case-controls{gap:20px}.swipe-note{display:none}.device:nth-child(1){--mx:-130px;--my:20px}.device:nth-child(2){--mx:135px;--my:50px}.device:nth-child(3){--mx:-10px;--my:160px}.hero-bottom{left:2%;right:2%}.brand-lines small{font-size:10px}}@media(prefers-reduced-motion:reduce){#case-phone.enter,.case-copy.enter{animation:none!important}}
/* Generated product UI textures: keep the full interface inside each device. */
.generated-screen,.dark .generated-screen{background:#071020!important;position:relative;display:flex;align-items:center;justify-content:center}.generated-ui{width:100%;height:100%;object-fit:fill;display:block}.generated-screen .island{z-index:2;top:6px;width:43px;height:10px;background:#03060b;box-shadow:inset 0 1px 2px #ffffff22}.phone:after{background:linear-gradient(115deg,#ffffff0c,transparent 25%,transparent 85%,#ffffff06)}#case-phone{width:274px;height:523px}#case-phone .phone{transform:scale(1.575)}.case-visual{height:600px}.visual-note{font-size:9px;text-align:center;line-height:1.6;max-width:90%}.device:nth-child(n+7){filter:brightness(.85)}@media(max-width:700px){.case-visual{height:550px}#case-phone{transform:rotateY(-16deg) rotateX(6deg) rotateZ(-5deg) scale(.92)}}@media(max-width:430px){#case-phone{transform:rotateY(-12deg) rotateX(5deg) rotateZ(-4deg) scale(.82)}.case-visual{height:510px}}
.idea-bold{background:#090d0c;padding:110px 7% 70px;overflow:hidden}.manifesto{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px}.manifesto-copy{position:relative;z-index:2}.manifesto-kicker{font-size:13px;color:#d6ddd0;margin:0 0 25px;letter-spacing:.08em}.manifesto h2{font-size:clamp(35px,4.5vw,68px);line-height:1.4;letter-spacing:-.065em;white-space:nowrap}.manifesto h2 em{color:var(--lime)}.manifesto-body{font-size:13px;line-height:2.2;color:#aeb8b0;margin-top:30px}.manifesto-punch{font-size:17px;line-height:1.9;margin:24px 0 30px;font-weight:700}.manifesto-punch strong{color:#fff}.manifesto .cta{font-size:12px;gap:20px}.manifesto-art{margin:0 -18% 0 -10%;position:relative}.manifesto-art img{width:100%;display:block;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 90%,transparent)}.manifesto-art figcaption{text-align:center;font:9px Arial,sans-serif;letter-spacing:1px;color:#819088;margin-top:12px}.ambitions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #4b5749}.ambitions article{padding:30px 25px;border-right:1px solid #293327}.ambitions article:first-child{padding-left:0}.ambitions article:last-child{border:0}.ambitions article>span{font:10px Arial;color:#a9bd8c;letter-spacing:1px}.ambitions h3{font-size:24px;line-height:1.55;margin:20px 0 15px}.ambitions p{font-size:12px;line-height:1.9;color:#aeb8b0}.ambitions small{display:block;font-size:9px;color:#7d8c7a;margin-top:8px}@media(max-width:900px){.manifesto{grid-template-columns:1fr}.manifesto-art{margin:20px -10% 0}.manifesto h2{font-size:clamp(34px,6.8vw,58px)}.manifesto-art img{max-height:480px;object-fit:cover}.ambitions{margin-top:35px}.ambitions article{padding:22px 15px}.ambitions h3{font-size:19px}}@media(max-width:500px){.idea-bold{padding:70px 7% 45px}.manifesto h2{font-size:31px;white-space:normal}.manifesto-punch{font-size:14px}.manifesto-body{font-size:12px}.manifesto .cta{padding:15px;font-size:11px;gap:12px}.ambitions{grid-template-columns:1fr}.ambitions article,.ambitions article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid #293327}.ambitions h3 br{display:none}.ambitions h3{font-size:22px;margin:14px 0 10px}}
.manifesto-art img{height:auto}
/* Scroll cinema: pinned desktop chapters, sequential mobile scenes. */
.story-pin{position:relative}.story-progress,.story-hint,.mobile-story{display:none}.scroll-cinema .scroll-reveal{transform-origin:center 60%;will-change:transform,opacity}.scroll-cinema .hero-content{will-change:transform,opacity}.scroll-cinema .device{will-change:translate,scale,rotate}.pinned-story .showcase{height:600svh;padding:0 7%;overflow:visible;position:relative;background:#0c1018}.pinned-story .story-pin{position:sticky;top:0;height:100svh;padding:26px 0 20px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.pinned-story .story-pin:before{content:'';position:absolute;inset:15% -10%;background:radial-gradient(ellipse at 30% 50%,var(--accent),transparent 60%);opacity:.08;z-index:-1}.pinned-story .section-label{margin-bottom:8px}.pinned-story .showcase-heading h2{font-size:clamp(26px,3vw,42px);line-height:1.25}.pinned-story .showcase-heading p{font-size:11px;margin:0}.pinned-story .case-tabs{margin:16px 0 8px}.pinned-story .case-tabs button{font-size:10px;padding:9px 13px}.pinned-story .case-stage{min-height:0;flex:1;gap:5%}.pinned-story .case-visual{height:100%;min-height:0}.pinned-story #case-phone{width:220px;height:420px;transition:none;animation:none}.pinned-story #case-phone .phone{transform:scale(1.265)}.pinned-story .case-copy h3{font-size:clamp(25px,2.7vw,38px);margin:12px 0}.pinned-story .case-copy p{font-size:12px}.pinned-story .case-copy ul{margin:14px 0}.pinned-story .case-copy li{padding:9px 0;font-size:11px}.pinned-story .case-controls{margin:8px 0;gap:20px}.pinned-story .case-controls button{width:36px;height:36px;font-size:18px}.pinned-story .story-hint{display:block;text-align:center;font-size:10px;color:#99a9c2;margin:2px 0}.pinned-story .story-progress{display:block;position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff15}.story-progress:after{content:'';display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--progress,0));transform-origin:left}.pinned-story .visual-note{bottom:0;font-size:8px}.mobile-story{background:#0c1018;padding:0 7% 70px;overflow:hidden}.stacked-story .mobile-story{display:block}.stacked-story .showcase .case-stage,.stacked-story .showcase .case-tabs,.stacked-story .showcase .case-controls{display:none}.stacked-story .showcase{padding-bottom:25px}.stacked-story .story-hint{display:block;color:var(--lime);font-size:12px}.mobile-scene{padding:45px 0 60px;border-top:1px solid #ffffff25;perspective:1000px}.scene-number{color:var(--accent);font-size:10px;letter-spacing:.1em}.scene-device{width:208px;height:397px;margin:32px auto 30px;transform:rotateY(-18deg) rotateZ(-7deg);transform-style:preserve-3d}.scene-device .phone{width:174px;height:332px;transform:scale(1.195);transform-origin:top left}.mobile-scene:nth-child(even) .scene-device{transform:rotateY(18deg) rotateZ(7deg)}.scene-text h3{font-size:27px;line-height:1.5;margin:20px 0}.scene-text p{font-size:13px;color:#aab4c6;line-height:2}.scene-text ul{padding-left:18px;font-size:12px;line-height:2;color:#c8d2e2}.scroll-cinema #motion{position:fixed;bottom:16px;right:18px;z-index:100;background:#101810e8;border:1px solid #c8ff3d66;border-radius:25px;padding:12px 18px;pointer-events:auto}.paused #motion{position:fixed;bottom:16px;right:18px;z-index:100;background:#101810e8;border:1px solid #c8ff3d66;border-radius:25px;padding:12px 18px}.hero-bottom{pointer-events:none}.hero-bottom a,.hero-bottom button{pointer-events:auto}@media(prefers-reduced-motion:reduce){.scroll-reveal{transform:none!important;opacity:1!important}.mobile-story{display:none!important}}
/* Readable type and comfortable controls across desktop and mobile. */
:root{--muted:#bec7b6}body{font-size:18px;line-height:1.75}.header-note{font-size:13px}nav{font-size:16px}.brand-lines small{font-size:12px}.eyebrow,.section-label{font-size:15px;letter-spacing:1.5px}.lead{font-size:18px;line-height:1.9;color:#d2d9cc}.micro{font-size:14px;color:#c0c9b9}.cta{font-size:18px;padding:20px 28px;min-height:60px}.hero-bottom,.hero-bottom a,#motion{font-size:13px}.hero-content{padding-top:clamp(150px,18vh,210px)}.hero{min-height:960px}.showcase-heading p,.pinned-story .showcase-heading p{font-size:18px;line-height:1.9;color:#c6cfde;max-width:30em}.showcase-heading{align-items:center}.case-tabs button,.pinned-story .case-tabs button{font-size:16px;min-height:48px;padding:12px 18px;color:#d0d8e5}.case-copy .case-tag,.scene-number{font-size:15px}.case-copy p,.pinned-story .case-copy p,.scene-text p{font-size:20px;line-height:1.9;color:#ced6e3;max-width:34em}.case-copy li,.pinned-story .case-copy li,.scene-text ul{font-size:18px;line-height:1.8;padding-top:12px;padding-bottom:12px;color:#e4e8ef}.case-copy a{font-size:18px;min-height:44px}.case-copy h3,.pinned-story .case-copy h3{font-size:clamp(32px,3vw,46px);line-height:1.5}.visual-note,.pinned-story .visual-note{font-size:13px;color:#bac6d8}.case-controls>span{font-size:16px}.case-controls button,.pinned-story .case-controls button{width:48px;height:48px;font-size:25px}.swipe-note{font-size:13px!important}.pinned-story .story-hint,.stacked-story .story-hint{font-size:15px;color:#bdcada}.pinned-story .showcase-heading h2{font-size:clamp(32px,3vw,46px)}.pinned-story .case-stage{gap:5%}.pinned-story .case-copy ul{margin:16px 0}.manifesto-kicker{font-size:17px;color:#d4ddd0}.manifesto-body{font-size:19px;line-height:2;color:#cad4cc;max-width:34em}.manifesto-punch{font-size:23px}.manifesto .cta{font-size:17px}.manifesto-art figcaption{font-size:13px;color:#b9c6bd}.ambitions article>span{font-size:14px;color:#c5d5b2}.ambitions h3{font-size:30px}.ambitions p{font-size:18px;color:#cad4cc}.ambitions small{font-size:14px;color:#b4c2ad}.price small{font-size:17px;color:#cbd5bf}.price p{font-size:16px;color:#cbd5bf}.contact p:not(.section-label){font-size:20px;color:#cbd5bf}.email{font-size:19px}footer span,footer small{font-size:14px;color:#bdc9b5}.scene-text h3{font-size:34px}.scroll-cinema #motion,.paused #motion{font-size:13px}.scroll-cinema .scroll-reveal{opacity:1!important}
@media(min-width:761px){.stacked-story .mobile-story{padding-left:7%;padding-right:7%}.stacked-story .mobile-scene{display:grid;grid-template-columns:1fr 1.15fr;gap:24px 6%;align-items:center;max-width:1380px;margin:auto;padding:70px 0}.stacked-story .scene-number{grid-column:1/-1}.stacked-story .scene-device{width:274px;height:523px;margin:25px auto}.stacked-story .scene-device .phone{transform:scale(1.575)}.stacked-story .scene-text p{max-width:32em}}
@media(min-width:1600px){.case-stage{max-width:1520px;margin:auto}.showcase-heading,.case-tabs{max-width:1520px;margin-left:auto;margin-right:auto}.case-copy p,.pinned-story .case-copy p{font-size:22px}.case-copy li,.pinned-story .case-copy li{font-size:20px}.pinned-story #case-phone{width:274px;height:523px}.pinned-story #case-phone .phone{transform:scale(1.575)}}
@media(max-width:760px){body{font-size:17px}.hero{min-height:1040px}.hero-content{padding:145px 18px 0;width:100%}.lead{font-size:17px;line-height:1.9;margin:25px 0}.micro{font-size:14px}.cta,.manifesto .cta{font-size:17px;padding:18px 22px;gap:18px;min-height:58px}.devices{inset:600px 0 0}.section-label{font-size:14px}.showcase-heading h2{font-size:34px}.showcase-heading p{font-size:17px}.case-tabs button{font-size:15px}.case-copy p,.scene-text p{font-size:18px}.case-copy li,.scene-text ul{font-size:17px}.scene-text h3,.case-copy h3{font-size:30px}.scene-number{font-size:14px;letter-spacing:.03em}.scene-device{width:230px;height:439px}.scene-device .phone{transform:scale(1.32)}.manifesto h2{font-size:clamp(30px,7.5vw,48px);white-space:normal}.manifesto-kicker{font-size:16px}.manifesto-body{font-size:18px}.manifesto-body br{display:none}.manifesto-punch{font-size:20px}.ambitions h3{font-size:27px}.ambitions p{font-size:18px}.ambitions small{font-size:14px}.price{gap:28px}.price small{font-size:16px}.price p{font-size:16px}.contact h2{font-size:32px}.contact p:not(.section-label){font-size:18px}.email{font-size:18px}.visual-note{font-size:12px}footer{padding-bottom:90px}footer span,footer small{font-size:13px}.hero-bottom a{font-size:12px}.hero-bottom{bottom:75px}#motion{max-width:calc(100vw - 36px)}}
.attendance-switch{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px}.attendance-switch button{border:1px solid #728197;border-radius:12px;background:#172130;color:#e7edf8;padding:12px 18px;min-height:48px;font-size:16px;font-weight:700}.attendance-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#101722}.case-copy .attendance-caption,.scene-text .attendance-caption{font-size:14px;line-height:1.7;color:#b9c7d9;margin:8px 0 20px}.pinned-story .attendance-switch{margin:12px 0 6px}.pinned-story .attendance-caption{margin-bottom:10px}@media(max-width:760px){.attendance-switch button{font-size:15px;padding:12px 14px}}
/* Arrival is isolated from scroll transforms and the continuous float. */
.device-arrival{height:100%;opacity:0;transform:translate3d(0,42px,-65px) scale(.88) rotateX(8deg);filter:blur(5px);transform-style:preserve-3d;transition:opacity 1.15s cubic-bezier(.22,1,.36,1),transform 1.65s cubic-bezier(.22,1,.36,1),filter 1.25s ease;transition-delay:var(--arrival-delay,0ms)}
.device-arrival.arrived{opacity:1;transform:translate3d(0,0,0) scale(1) rotateX(0);filter:blur(0)}
.paused .device-arrival{opacity:1;transform:none;filter:none;transition:none}
@media(prefers-reduced-motion:reduce){.device-arrival{opacity:1;transform:none;filter:none;transition:none}}