@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--blue:#003cfc;--mint:#7af8cc;--ink:#04144a;--paper:#fefcf6;--line:#04144a22;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--blue);color:var(--ink);font:16px/1.6 'Be Vietnam Pro',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:100;background:white;padding:14px}header{height:98px;display:flex;align-items:center;justify-content:space-between;margin:0 4%;border-bottom:1px solid #ffffff35;color:#fff}.brand{display:inline-flex;align-items:center;gap:9px;letter-spacing:-1.5px;font-weight:800;font-size:32px}.brand-mark{width:36px;height:40px}.brand-word{display:block;width:94px;height:38px}.brand .labs{align-self:flex-start;padding-top:2px;font-size:14px;letter-spacing:0;line-height:1.2}nav{display:flex;gap:36px;font-size:14px}nav a{padding:13px 0}.nav-active{border-bottom:1px solid var(--mint)}nav a:hover,.language:hover{color:var(--mint)}.language{font-size:14px}main{display:grid;grid-template-columns:36% 64%;max-width:1800px;margin:auto}.intro{align-self:center;padding:58px 0 65px 11%;color:white;position:relative;z-index:2}.eyebrow{font-size:13px;font-weight:600;letter-spacing:1.8px}.intro .eyebrow{color:var(--mint);font-size:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #7af8cc20;margin-right:8px}h1{font-size:clamp(49px,5.75vw,103px);font-weight:800;line-height:1.09;letter-spacing:-4px;margin:31px 0 26px}h1>span{display:block;animation:arrive .9s var(--ease) both}h1>span:nth-child(2){animation-delay:.1s}h1>span:nth-child(3){animation-delay:.2s}h1 em{color:var(--mint);font-style:normal}h1>span:last-child{white-space:nowrap}.intro p{font-size:16px;line-height:1.95;color:#dbe5ff;max-width:310px;margin:0}.intro p br{display:none}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border-radius:100px;padding:15px 20px;font-weight:600;font-size:14px;min-height:46px;transition:transform .3s var(--ease),box-shadow .3s}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 25px #04144a25}.primary{background:var(--mint);color:var(--ink)}.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid currentColor;padding:5px 0;font-size:14px}.hero-note{display:flex;align-items:center;gap:10px;color:#b3cbff;font-size:13px;margin-top:36px}.mini-orbit{font-size:25px;color:var(--mint);animation:orbit 20s linear infinite}.studio{align-self:center;min-width:0;margin:0 6% 0 0}.studio-top{padding:24px 0;border-bottom:1px solid #ffffff30;display:flex;justify-content:space-between;color:#fff;font-size:12px;font-weight:500;letter-spacing:1.6px}.studio-time{color:#b9ceff}.scene-wrap{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#588aff44,transparent 68%);border-radius:12px}canvas{display:block;width:100%;height:570px;position:relative;z-index:1}.scene-grid{position:absolute;inset:30% 0 0;background-image:linear-gradient(#7af8cc0b 1px,transparent 1px),linear-gradient(90deg,#7af8cc0b 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(58deg) scale(1.3);mask-image:radial-gradient(ellipse,#000,transparent 67%);z-index:0}.scene-tools{position:absolute;z-index:4;left:0;right:0;top:15px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.5px;color:#b2ceff;pointer-events:none}.scene-tools button{pointer-events:auto;font-size:14px;letter-spacing:0;color:white;background:#04144a40;padding:8px 12px;border:1px solid #ffffff30;border-radius:30px;backdrop-filter:blur(10px)}.scene-caption{position:absolute;z-index:4;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;color:#bad1ff;font-size:13px;pointer-events:none}.studio-bottom{padding:8px;display:flex;justify-content:space-between;align-items:center;background:#002fc8;border:1px solid #ffffff14;border-radius:13px;margin-bottom:24px;gap:8px}[role=tablist]{display:flex;gap:3px;flex-wrap:wrap}[role=tab]{padding:12px 14px;font-size:14px;border-radius:8px;background:none;color:#d2e2ff;transition:background .25s,color .25s}[role=tab]:hover{background:#ffffff15}[role=tab][aria-selected=true]{background:var(--mint);color:var(--ink);box-shadow:0 4px 15px #04144a20}.motion{border:1px solid #749eff;border-radius:50%;color:var(--mint);background:none;width:33px;height:33px;flex-shrink:0}.hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;background:transparent;padding:6px;pointer-events:auto;white-space:nowrap;min-height:36px;min-width:36px}.hotspot>span{display:grid;place-items:center;background:var(--mint);border:2px solid #fff9;color:var(--ink);width:25px;height:25px;border-radius:50%;box-shadow:0 0 0 5px #7af8cc20,0 4px 12px #04144a30;font-size:16px;transition:transform .25s}.hotspot:hover>span{transform:scale(1.15)}.hotspot b{background:#04144ae6;color:#fff;border:1px solid #ffffff25;padding:7px 10px;border-radius:5px;font-size:13px;font-weight:500;opacity:0;max-width:0;overflow:hidden;transition:opacity .2s;position:absolute;left:38px;pointer-events:none}.hotspot:hover b,.hotspot:focus-visible b{opacity:1;max-width:200px}.room-peek{position:absolute;bottom:48px;right:10px;z-index:5;padding:16px 18px;background:#04144ad9;border:1px solid #7af8cc55;border-radius:12px;backdrop-filter:blur(20px);color:white;width:210px;box-shadow:0 12px 35px #04144a25}.room-peek span{display:block;color:#a1bfff;font-size:12px;letter-spacing:1px}.room-peek strong{display:block;margin:6px 0 13px;font-size:16px}.room-peek button{background:none;padding:0;color:var(--mint);font-size:14px}.tour-bar{display:flex;align-items:center;gap:14px;background:var(--paper);border-radius:12px;padding:13px 16px;margin-bottom:24px;font-size:14px}.tour-bar>span{font-weight:700;color:var(--blue);white-space:nowrap}.tour-bar p{margin:0;flex:1;font-size:14px;line-height:1.6}.tour-bar button{background:var(--ink);border-radius:30px;color:var(--mint);padding:8px 13px;white-space:nowrap;font-size:14px}.tour-bar #tour-close{background:none;color:var(--ink);font-size:20px;padding:3px}.room-panel{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr auto;gap:45px;background:var(--mint);padding:36px 5%;min-height:176px}.room-panel .eyebrow{color:#236961;font-size:12px}.room-panel h2{font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-1.1px;margin:11px 0 0}.room-panel p{font-size:16px;color:#244c64;line-height:1.9;margin:0 0 12px}.room-panel a{font-size:14px;border-bottom:1px solid;padding-bottom:4px}.panel-number{font-size:13px;color:#327269}.panel-enter{animation:arrive .45s var(--ease)}.ticker{grid-column:1/-1;overflow:hidden;background:var(--paper);padding:23px 0;border-bottom:1px solid var(--line)}.ticker>div{width:max-content;animation:marquee 40s linear infinite;font-size:26px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.ticker i{font-style:normal;color:var(--blue);padding:0 23px}.products{grid-column:1/-1;background:var(--paper);padding:85px 5% 90px}.section-heading{position:relative;margin-bottom:38px}.section-heading .eyebrow{color:var(--blue)}.section-heading h2{font-size:clamp(32px,3.8vw,62px);font-weight:600;letter-spacing:-2.5px;line-height:1.2;margin:20px 0}.section-heading>span:last-child{position:absolute;bottom:0;right:0;font-size:13px;color:#6e7e8c}.product-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px}.product{position:relative;border-radius:20px;padding:36px;min-height:490px;overflow:hidden;isolation:isolate}.invest{background:var(--blue);color:white}.paw{background:var(--mint)}.product:before{content:'';position:absolute;width:330px;height:330px;right:-40px;bottom:-140px;border:1px solid currentColor;border-radius:50%;opacity:.15;box-shadow:0 0 0 40px #ffffff10,0 0 0 80px #ffffff08}.product-head{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.product-head img{width:48px;height:48px;border-radius:12px}.product-head span{font-size:12px;letter-spacing:1.7px}.product-head a{font-size:24px;margin-left:auto}.product h3{font-size:clamp(29px,3vw,46px);font-weight:600;line-height:1.25;letter-spacing:-1.8px;position:relative;z-index:2;margin:32px 0 16px;max-width:90%}.product p{font-size:16px;line-height:1.9;max-width:50%;position:relative;z-index:2}.product-cta{display:inline-block;position:relative;z-index:3;font-size:14px;border-bottom:1px solid;padding:8px 0;margin-top:18px}.product-art-button{position:absolute;inset:170px 0 0 51%;padding:0;background:none;z-index:1}.app-screen{position:absolute;width:185px;max-width:none;right:14px;top:0;transform:rotate(12deg);border:5px solid #10234a;border-radius:25px;box-shadow:0 22px 35px #04144a45;transition:transform .7s var(--ease)}.product-art-button:hover .app-screen{transform:rotate(3deg) translateY(-15px)}.cat-art{position:absolute;width:240px;max-width:none;bottom:-5px;right:-20px;transition:transform .5s var(--ease)}.cat-button:hover .cat-art{transform:translateY(-12px) rotate(-5deg)}.process{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#eff1e9;padding:75px 7% 85px;border-top:1px solid var(--line)}.process-intro{align-self:center}.process h2{font-size:clamp(30px,3.6vw,55px);font-weight:600;line-height:1.25;letter-spacing:-2px;margin:22px 0}.process h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.process p{max-width:340px;color:#5c7080;font-size:16px;line-height:1.9;margin-bottom:25px}.process-stage{position:relative;height:300px;background:var(--paper);border:1px solid #d9ded5;box-shadow:0 20px 45px #04144a0b;transform:rotate(-2deg);padding:22px;overflow:hidden;transition:background .5s,transform .5s}.paper-label{font-size:12px;letter-spacing:1.5px;color:#70848c}.sketch-shape{position:absolute;inset:60px 40px;display:flex;align-items:center;justify-content:center;gap:15px}.sketch-shape span{font-size:90px;color:var(--blue);transition:transform .7s var(--ease),color .7s}.sketch-shape span:nth-child(2){color:#529984}.sketch-shape span:nth-child(3){font-size:70px}.sketch-caption{position:absolute;left:22px;bottom:22px;font-size:14px}.paper-stamp{position:absolute;right:20px;bottom:40px;padding:5px 8px;border:1px solid #41816d;color:#41816d;transform:rotate(-12deg);font-size:14px;font-family:Georgia,serif;font-style:italic}.process-stage[data-stage='1']{background:#d5ffe9;transform:rotate(2deg)}.process-stage[data-stage='1'] .sketch-shape span:first-child{transform:rotate(70deg) scale(.8)}.process-stage[data-stage='1'] .sketch-shape span:nth-child(2){transform:scale(1.3) rotate(-15deg)}.process-stage[data-stage='2']{background:#003cfc;color:white;transform:rotate(0)}.process-stage[data-stage='2'] .sketch-shape span{color:var(--mint);transform:scale(.85)}.process-stage[data-stage='2'] .paper-label{color:#bfd3ff}.process-stage[data-stage='2'] .paper-stamp{color:var(--mint);border-color:var(--mint)}.process-steps{display:flex;margin-top:22px;gap:6px}.process-steps button{flex:1;text-align:left;background:none;border-top:1px solid #b8c4c6;padding:12px 0;font-size:14px}.process-steps button small{font-size:12px;display:block;margin-bottom:4px;color:#829399}.process-steps button span{float:right}.process-steps [aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.closing{grid-column:1/-1;background:var(--ink);color:white;padding:70px 5%;display:flex;align-items:center;gap:20px}.closing p{font-size:clamp(25px,3.7vw,58px);font-weight:500;line-height:1.3;letter-spacing:-1.8px;margin:0}.closing p em{font-family:Georgia,serif;color:var(--mint);font-weight:400}.closing a{margin-left:auto;font-size:16px;border-bottom:1px solid var(--mint);padding:10px 0;color:var(--mint)}footer{padding:28px 5%;display:flex;align-items:center;justify-content:space-between;color:#a9bee5;background:var(--ink);border-top:1px solid #ffffff15;font-size:14px}footer .brand{color:white}footer>div{display:flex;gap:22px}.explorer{border:1px solid #ffffff35;padding:0;width:min(900px,92vw);max-height:90svh;background:var(--paper);color:var(--ink);border-radius:22px;overflow:auto;box-shadow:0 40px 100px #0004}.explorer[open]{display:grid;grid-template-columns:1fr 1fr;animation:dialog-in .4s var(--ease)}.explorer::backdrop{background:#04144ac9;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:15px;right:16px;z-index:5;background:#04144a10;border-radius:50%;width:34px;height:34px;font-size:23px}.explorer-visual{position:relative;min-height:570px;display:grid;place-items:center;background:#dbe6ed;padding:35px 30px 65px;overflow:hidden}.explorer-visual>img{max-height:460px;max-width:85%;width:auto;object-fit:contain;border-radius:22px;box-shadow:0 25px 40px #04144a30}.explorer-content{padding:75px 35px 40px;align-self:center}.explorer-content .eyebrow{color:var(--blue);font-size:12px}.explorer-content h2{font-size:33px;line-height:1.2;letter-spacing:-1.5px;margin:18px 0}.explorer-content p{font-size:16px;line-height:1.9;color:#607483}.explorer-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.explorer-tabs button{background:#04144a08;border:1px solid transparent;padding:8px 11px;border-radius:30px;font-size:14px}.explorer-tabs [aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:#003cfc08}.explorer-content .pill{margin-top:18px;background:var(--blue);color:white}.slide-controls{position:absolute;bottom:20px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.slide-controls button{border:1px solid #04144a30;border-radius:50%;width:32px;height:32px;background:#fff7}.store-links{display:flex;gap:15px;flex-wrap:wrap;font-size:14px;margin-top:20px}.store-links a{border-bottom:1px solid #8a9ca6;padding-bottom:3px}.demo-note{display:block;font-size:13px;color:#87969d;line-height:1.7;margin-top:24px}.pet-demo{position:relative;display:grid;place-items:center;text-align:center}.pet-demo img{width:240px;filter:drop-shadow(0 12px 10px #04144a10)}.pet-demo button{border-radius:50px;background:var(--mint);padding:12px 22px;font-size:16px}.pet-demo p{font-size:14px}.pet-heart{position:absolute;color:#003cfc;font-size:27px;animation:heart-up 1s var(--ease) forwards;pointer-events:none}.coffee-demo{font-size:100px;text-align:center}.coffee-demo p{font-size:16px;max-width:240px;line-height:1.8}.coffee-demo button{display:block;margin:25px auto 0;font-size:16px;background:var(--mint);padding:13px 25px;border-radius:40px}.coffee-steam{display:block;font-size:30px;letter-spacing:16px;animation:steam 3s ease-in-out infinite}.design-demo{width:270px;height:330px;display:grid;place-items:center;gap:0;padding:30px;background:var(--paper);transform:rotate(-5deg);box-shadow:0 20px 30px #04144a18}.design-demo span{font-size:90px;color:var(--blue)}.design-demo p{font-size:16px;line-height:1.8;max-width:200px;text-align:center}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.in-view{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.97)}}@keyframes heart-up{to{transform:translateY(-110px) rotate(20deg);opacity:0}}@keyframes steam{50%{transform:translateY(-8px);opacity:.4}}
@media(min-width:1600px){canvas{height:660px}.intro{padding-top:80px;padding-bottom:80px}}
@media(max-width:1150px){main{grid-template-columns:37% 63%}.intro{padding-left:10%}h1{font-size:5.9vw;letter-spacing:-3px}.hero-actions{gap:13px}.hero-actions .pill{padding:13px 16px;font-size:14px}.hero-actions .text-link{font-size:14px}.studio{margin-right:5%}[role=tab]{padding:11px 10px;font-size:13px}canvas{height:530px}.room-peek{width:185px;padding:13px}.product{padding:27px}.app-screen{width:165px;right:-5px}.cat-art{width:210px}}
@media(max-width:850px){header{height:82px}nav{gap:23px}main{grid-template-columns:1fr}.intro{padding:45px 6% 15px;display:grid;grid-template-columns:1.15fr 1fr;gap:0 35px;align-items:end}.intro .eyebrow{grid-column:1/-1}h1{font-size:66px;letter-spacing:-3.5px;margin:25px 0 0;grid-row:2/5}.intro p{font-size:14px;align-self:start;margin-top:25px}.hero-actions{margin-top:18px;align-self:start}.hero-note{margin:18px 0 4px;align-self:start;font-size:12px;gap:7px}.hero-note .mini-orbit{font-size:21px}.studio{margin:15px 5% 0}.studio-top{padding:17px 0}canvas{height:510px}.scene-tools{top:15px}.room-panel{grid-template-columns:1fr 1fr;gap:25px}.panel-number{display:none}.room-panel h2{font-size:24px}.products{padding:55px 6%}.section-heading h2{font-size:38px}.product-grid{grid-template-columns:1fr 1fr;gap:14px}.product{min-height:440px;padding:24px}.product h3{font-size:28px}.product p{max-width:65%;font-size:14px}.product-art-button{inset:230px 0 0 55%}.app-screen{width:135px;right:-10px;top:20px}.cat-art{width:170px}.process{padding:55px 6%;gap:5%}.process h2{font-size:33px}.process-stage{height:280px}.sketch-shape{inset:60px 20px}.sketch-shape span{font-size:70px}.sketch-shape span:nth-child(3){font-size:50px}.closing{padding:45px 6%}.closing p{font-size:35px}.closing a{font-size:14px}.explorer-content{padding:65px 25px 30px}.explorer-content h2{font-size:28px}}
@media(max-width:560px){header{height:75px}.brand-word{width:78px;height:32px}.brand-mark{width:29px;height:33px}.brand .labs{font-size:14px}nav{gap:19px;font-size:14px}nav a:last-child{display:none}.intro{display:block;padding:35px 6% 10px}h1{font-size:clamp(48px,11.5vw,65px);line-height:1.08;letter-spacing:-2.8px;margin:23px 0 18px}h1 span{display:block}h1>span:last-child{white-space:normal}.intro p{margin-top:0;max-width:330px;font-size:14px}.hero-actions{margin-top:21px;gap:20px}.hero-note{margin-top:20px}.studio{margin-top:10px}.studio-top{font-size:12px;letter-spacing:1px}canvas{height:355px}.scene-caption{font-size:12px;bottom:13px}.scene-caption>span:last-child{display:none}.scene-tools{font-size:12px}.scene-tools button{font-size:13px}.studio-bottom{padding:6px;gap:3px;margin-bottom:18px}[role=tablist]{gap:2px}[role=tab]{padding:10px 8px;font-size:12px}.motion{width:28px;height:28px;font-size:14px}.hotspot>span{width:23px;height:23px;font-size:14px}.hotspot{padding:4px}.hotspot b{display:none}.room-peek{width:150px;right:0;bottom:35px;padding:11px}.room-peek strong{font-size:16px;margin:4px 0 7px}.room-peek span{font-size:12px}.room-peek button{font-size:13px}.tour-bar{padding:11px;gap:9px;flex-wrap:wrap}.tour-bar p{flex-basis:65%;font-size:13px}.tour-bar button{font-size:13px}.room-panel{grid-template-columns:1fr;padding:27px 6%;gap:14px}.room-panel h2{font-size:24px}.room-panel p{font-size:14px}.ticker{padding:18px 0}.ticker>div{font-size:20px}.products{padding:45px 6%}.section-heading h2{font-size:32px;letter-spacing:-1.6px}.section-heading>span:last-child{display:none}.product-grid{grid-template-columns:1fr;gap:16px}.product{min-height:420px;padding:25px}.product h3{font-size:34px}.product p{max-width:51%;font-size:14px}.product-art-button{inset:185px 0 0 52%}.app-screen{width:150px;right:-5px;top:0}.cat-art{width:195px;right:-20px}.process{grid-template-columns:1fr;gap:35px;padding:45px 6%}.process h2{font-size:34px}.process-stage{height:280px}.sketch-shape span{font-size:90px}.sketch-shape span:nth-child(3){font-size:65px}.closing{padding:45px 6%;display:block}.closing>.live-dot{margin-bottom:20px}.closing p{font-size:32px;letter-spacing:-1.2px}.closing a{display:inline-block;margin-top:25px}footer{flex-wrap:wrap;gap:20px;font-size:13px}footer>div{width:100%;gap:18px}.explorer{width:94vw;max-height:92svh;border-radius:18px}.explorer[open]{grid-template-columns:1fr}.explorer-visual{min-height:330px;padding:25px 25px 55px;max-height:410px}.explorer-visual>img{max-height:310px;border-radius:17px}.explorer-content{padding:30px 25px}.explorer-content h2{font-size:29px}.dialog-close{background:#fff9;top:10px;right:10px}.pet-demo img{width:190px}.coffee-demo{font-size:80px}.design-demo{height:250px}.explorer-tabs{margin:18px 0}.demo-note{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Keep the close control reachable while a mobile preview scrolls. */
.explorer>.dialog-close{position:sticky;grid-column:1/-1;top:14px;right:auto;margin:14px 14px -48px auto;align-self:start}
@media(max-width:560px){[role=tablist]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0}[role=tab]{flex:0 0 auto}.scene-caption{font-size:12px}}
.motion-paused .ticker>div,.motion-paused .mini-orbit,.motion-paused .coffee-steam{animation-play-state:paused}
.products :focus-visible,.process :focus-visible,.explorer :focus-visible{outline-color:var(--blue)}

/* Readable type at every viewport; compact labels no longer shrink on mobile. */
.brand .labs{font-size:11px}
.intro p{max-width:350px;line-height:1.8}
.eyebrow,.intro .eyebrow,.studio-top,.scene-tools,.paper-label{letter-spacing:1px}
.hero-actions{gap:16px 20px}.pill,.hero-actions .pill{min-height:48px}
.hero-note{color:#d8e5ff;line-height:1.6}
.studio-top{gap:16px;flex-wrap:wrap;line-height:1.6}
.studio-time{color:#d8e5ff;white-space:nowrap}
.scene-tools{gap:15px;align-items:flex-start;color:#d8e5ff}
.scene-tools>span{max-width:65%;line-height:1.6}
.scene-tools button{flex-shrink:0;min-height:44px}
.scene-caption{gap:15px;align-items:flex-end;color:#d8e5ff}
.scene-caption>span{max-width:52%;line-height:1.5}
[role=tablist]{flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:thin}
[role=tab]{flex:0 0 auto;white-space:nowrap;min-height:44px}
.motion{width:44px;height:44px;font-size:16px}
.hotspot{min-width:44px;min-height:44px}.hotspot>span{width:30px;height:30px}
.hotspot b{line-height:1.5;max-width:none;left:42px}.hotspot:hover b,.hotspot:focus-visible b{max-width:240px}
.room-peek{width:240px}.room-peek strong{font-size:20px}.room-peek button{line-height:1.5;min-height:44px;text-align:left}
.tour-bar{flex-wrap:wrap;gap:12px}.tour-bar p{flex:1 1 230px;line-height:1.7}.tour-bar button{min-height:44px}
.room-panel{grid-template-columns:1fr 1.15fr auto}.room-panel p{line-height:1.8}
.product{min-height:550px}.product p{line-height:1.8}.product-cta{min-height:44px}
.process p{line-height:1.8;max-width:400px}.process-stage{height:330px}
.sketch-caption{right:22px;max-width:65%;line-height:1.6}.paper-stamp{bottom:65px}
.process-steps button{min-height:65px}.process-steps button small{color:#526a73}
.section-heading>span:last-child,.paper-label{color:#536a76}
footer{line-height:1.7;gap:24px;flex-wrap:wrap}footer>div{flex-wrap:wrap;gap:16px 24px}
.explorer{width:min(1000px,94vw)}.explorer-content{padding-inline:32px}
.explorer-content p{line-height:1.8;color:#415c6b}.explorer-tabs button{min-height:44px}
.slide-controls button{width:44px;height:44px}.store-links{gap:12px 20px}.store-links a{min-height:36px}
.demo-note{color:#536a76}.coffee-demo p,.design-demo p{max-width:280px}
@media(max-width:1150px){.hero-actions{flex-direction:column;align-items:flex-start}.room-peek{width:220px}}
@media(max-width:850px){
 .intro{grid-template-columns:1.1fr 1fr;gap:0 24px}.intro p{margin-top:25px}
 .hero-actions{gap:12px;margin-top:20px}.hero-note{margin-top:18px}
 .room-panel{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}
 .product{min-height:490px;padding:32px}.product h3{font-size:38px}
 .product p{max-width:50%;font-size:16px}.product-art-button{inset:170px 0 0 55%}
 .app-screen{width:195px;right:20px;top:0}.cat-art{width:270px}
 .process{grid-template-columns:1fr;gap:35px}.process-stage{height:330px}
}
@media(max-width:560px){
 header{height:auto;min-height:86px;gap:12px;flex-wrap:wrap;padding:18px 0}
 nav{gap:18px;font-size:14px;order:3;width:100%}nav a{padding:8px 0}nav a:last-child{display:block}
 .language{margin-left:auto}.intro{padding-top:30px}.intro p{margin-top:0}
 .hero-actions{flex-direction:row;align-items:center;gap:14px}.hero-note{margin-top:24px}
 .studio-top{gap:8px;font-size:12px}.scene-tools{font-size:12px;gap:8px}
 .scene-tools>span{max-width:58%}.scene-tools button{font-size:13px;padding:8px 11px}
 canvas{height:390px}.scene-caption{font-size:12px}.scene-caption>span{max-width:100%}
 [role=tab]{font-size:14px;padding:10px 13px}.studio-bottom{gap:8px}
 .room-peek{width:190px;bottom:42px;padding:12px}.room-peek span{font-size:12px}
 .room-peek strong{font-size:18px}.room-peek button{font-size:14px}
 .tour-bar p{flex-basis:75%;font-size:14px}.tour-bar button{font-size:14px}
 .room-panel{grid-template-columns:1fr;gap:18px}.room-panel p{font-size:16px}
 .product{padding:25px;min-height:570px}.product h3{font-size:34px}
 .product p{max-width:100%;font-size:16px}.product-art-button{inset:320px 0 0 52%}
 .product-cta{max-width:52%;margin-top:14px}.app-screen{width:145px;right:-5px}
 .cat-art{width:190px;right:-16px}.process-stage{height:320px}
 .sketch-shape span{font-size:75px}.sketch-shape span:nth-child(3){font-size:55px}
 .sketch-caption{max-width:75%}.paper-stamp{bottom:82px}
 .explorer-content{padding:30px 24px}.explorer-content p{font-size:16px}
 .pet-demo p{font-size:14px}.coffee-demo p,.design-demo p{font-size:16px}
 .design-demo{height:290px;max-width:100%}.design-demo span{font-size:70px}
 .explorer-visual{padding-bottom:76px;max-height:450px}
}
.intro p{font-size:16px}
@media(max-width:560px){
 .product{display:flex;flex-direction:column;min-height:0;padding-bottom:0}
 .product h3,.product p{max-width:100%}
 .product-cta{align-self:flex-start;max-width:100%;margin-top:10px}
 .product-art-button{position:relative;inset:auto;width:100%;min-height:260px;flex-shrink:0;margin-top:20px}
 .app-screen{width:170px;right:25px;top:10px}.cat-art{width:230px;right:20px;bottom:-5px}
}