/* Palette authority: apps/web/src/styles/tokens.css, loaded before this file. */
@charset "UTF-8";
:root{color-scheme:dark;--motion:var(--ease-out)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--td-bg-app);color:var(--td-text);font-family:var(--td-font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}img{display:block;max-width:100%}::selection{background:var(--td-selection-surface)}a:focus-visible{outline:3px solid var(--td-border);outline-offset:7px;border-radius:6px}.wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:8px;left:20px;padding:12px 20px;background:var(--td-bg-panel);z-index:20;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.sky{position:absolute;z-index:-1;inset:0 0 auto;height:970px;background:radial-gradient(ellipse 55% 57% at 81% 15%,color-mix(in srgb,var(--td-primary) 13%,transparent),transparent),radial-gradient(ellipse 40% 35% at 22% 0%,color-mix(in srgb,var(--td-primary) 5%,transparent),transparent);pointer-events:none}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-.9px;white-space:nowrap}.brand-light{font-weight:450}.site-nav{display:flex;gap:34px;margin-left:auto;margin-right:23px;font-size:13px;color:var(--td-text-muted)}.site-nav a{transition:color .2s var(--motion)}.site-nav a:hover,.text-link:hover{color:var(--td-action-text)}.download-small{min-height:40px;gap:13px;padding-inline:18px;background:var(--td-bg-subtle);font-size:12px}.download-small svg{width:15px;height:15px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:560px;padding-top:36px;padding-bottom:60px;position:relative}.hero-copy{z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;font-size:10px;letter-spacing:1.6px;font-weight:550;color:var(--td-text-muted)}.hero .eyebrow{font-size:12px;letter-spacing:.9px}.status-dot{width:6px;height:6px;background:var(--td-success);border-radius:50%;box-shadow:none}.eyebrow-separator{padding-inline:5px;color:var(--td-text-muted)}.hero h1{margin:0 0 24px;font-size:clamp(48px,5.6vw,74px);font-weight:600;line-height:1.24;letter-spacing:-3.5px}.blue-word{color:var(--td-action-text)}.hero-description{font-size:17px;line-height:1.9;color:var(--td-text-muted);margin:0 0 32px;letter-spacing:.2px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:12px;color:var(--td-action-text);transition:color .2s var(--motion);white-space:nowrap}.text-link span{margin-left:5px;font-size:17px}.availability{display:flex;align-items:center;gap:7px;color:var(--td-text-muted);font-size:11px;letter-spacing:.4px;margin-top:16px}.availability span{width:4px;height:4px;border-radius:50%;background:var(--td-text-muted)}
.hero-art{height:470px;position:relative;isolation:isolate;margin-left:-30px;margin-right:-20px}.art-stage{position:relative;width:100%;height:100%}.art-halo{position:absolute;width:430px;height:420px;top:6px;left:70px;background:radial-gradient(ellipse,color-mix(in srgb,var(--td-primary) 16%,transparent),transparent 71%);filter:blur(9px)}.art-mark{position:absolute;left:100px;top:35px;width:340px;height:340px;display:grid;place-items:center;transform:none;filter:none;animation:none}.art-mark img{opacity:1;filter:none}.orbit{position:absolute;border:1px solid var(--td-border);border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:470px;height:245px;left:45px;top:115px}.orbit-two{width:395px;height:395px;left:81px;top:26px;border-style:dashed;border-color:var(--td-border)}.art-connections{position:absolute;inset:0;width:100%;height:100%}.floating-note{position:absolute;background:color-mix(in srgb,var(--td-bg-panel) 92%,transparent);backdrop-filter:blur(12px);border:1px solid var(--td-border);border-radius:14px;box-shadow:var(--shadow-md);animation:none}.note-document{top:48px;left:34px;width:188px;padding:17px 18px 15px;transform:rotate(-7deg);display:grid;grid-template-columns:32px 1fr;gap:12px}.note-icon{color:var(--td-action-text);font-family:Georgia,serif;font-size:22px;padding-top:3px}.floating-note strong{display:block;font-size:11px;font-weight:550;color:var(--td-text-strong)}.floating-note small{display:block;font-size:9px;color:var(--td-text-muted);margin-top:6px;white-space:nowrap}.note-line{grid-column:1/-1;height:3px;background:var(--td-border-strong);border-radius:5px;width:100%;margin-top:2px}.note-line.short{width:70%;margin-top:-4px}.note-palette{top:303px;left:63px;padding:14px 16px;transform:rotate(-5deg);animation-delay:-2s}.palette-label{font-size:9px;color:var(--td-text-muted);letter-spacing:1px}.swatches{display:flex;gap:6px;margin-top:10px}.swatches i{width:27px;height:31px;border-radius:6px;background:var(--td-primary)}.swatches i:nth-child(2){background:var(--accent-strong)}.swatches i:nth-child(3){background:var(--td-warning)}.swatches i:nth-child(4){background:var(--td-bg-hover)}.note-prototype{display:flex;align-items:center;gap:12px;right:12px;top:276px;padding:17px 20px;transform:rotate(6deg);animation-delay:-4s}.play-shape{width:32px;height:32px;background:var(--td-primary-surface);color:var(--td-action-text);border-radius:10px;display:grid;place-items:center;font-size:22px}.art-spark{position:absolute;color:var(--td-action-text);font-size:27px;opacity:.65}.spark-one{top:70px;right:44px}.spark-two{top:365px;left:294px;font-size:19px}.art-coordinate{position:absolute;bottom:23px;left:230px;color:var(--td-text-muted);font-size:8px;letter-spacing:2px}.section-kicker{display:flex;gap:19px;align-items:center;justify-content:center;font-size:9px;font-weight:500;letter-spacing:2.7px;color:var(--td-text-muted);margin-bottom:27px}.line{width:48px;height:1px;background:var(--td-border)}
.experience{position:relative}.product-scene{border:1px solid var(--td-border);border-radius:18px;background:var(--td-bg-subtle);box-shadow:var(--shadow-md);overflow:hidden}.scene-topbar{height:48px;display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid var(--td-border);background:var(--td-bg-panel);font-size:10px;color:var(--td-text-muted)}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:var(--td-border-strong);border-radius:50%}.scene-project{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;color:var(--td-text-strong);margin-inline:auto}.scene-status{display:flex;gap:5px;align-items:center;font-size:8px}.scene-status i{width:4px;height:4px;border-radius:50%;background:var(--td-success)}.scene-body{display:flex;min-height:430px}.scene-rail{width:48px;border-right:1px solid var(--td-border);display:flex;align-items:center;flex-direction:column;padding:18px 0 15px;gap:20px;color:var(--td-text-muted);background:var(--td-bg-panel)}.scene-rail b{font-size:18px;font-weight:400}.scene-rail i{flex:1}.scene-rail .rail-selected{width:28px;height:28px;border-radius:7px;background:var(--td-primary-surface);color:var(--td-action-text);display:grid;place-items:center}.scene-rail .rail-star{color:var(--td-action-text)}.scene-canvas{position:relative;flex:1;overflow:hidden;background:var(--td-canvas)}.canvas-grid{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(var(--td-border) .8px,transparent .8px);background-size:12px 12px}.canvas-connections{position:absolute;inset:0;width:100%;height:100%}.canvas-connections path{stroke:var(--td-primary);stroke-width:1.2;fill:none;stroke-dasharray:4 4}.concept-document{position:absolute;top:66px;left:4.5%;width:23.4%;transform:rotate(-4deg)}.concept-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--td-text-muted);margin-bottom:10px;letter-spacing:.7px}.concept-label span{font-size:6px;letter-spacing:1.3px;color:var(--td-text-muted)}.document-sheet{padding:25px 20px 19px;background:var(--td-bg-panel);border-radius:3px;box-shadow:var(--shadow-md);border:1px solid var(--td-border)}.document-eyebrow{font-size:6px;letter-spacing:1.5px;color:var(--td-text-muted)}.document-sheet h3{font-size:13px;letter-spacing:-.4px;margin:14px 0 10px;font-weight:600}.document-sheet p{font-size:8px;color:var(--td-text-muted);line-height:1.9;margin:0}.document-rule{height:1px;background:var(--td-border);margin:19px 0 15px}.document-sheet h4{font-size:9px;margin:0 0 13px;font-weight:550}.document-check{display:flex;align-items:center;gap:5px;font-size:7px;color:var(--td-text-muted);margin-bottom:10px}.document-check i{font-style:normal;color:var(--td-action-text);background:var(--td-primary-surface);width:10px;height:10px;font-size:7px;text-align:center;border-radius:2px}.text-placeholder{height:3px;border-radius:5px;background:var(--td-border);width:88%;margin-top:14px}.text-placeholder.narrow{width:60%;margin-top:7px}.document-tag{display:inline-block;background:var(--td-bg-subtle);padding:5px 7px;margin-top:20px;font-size:6px;color:var(--td-text-muted);border-radius:3px}.concept-design{position:absolute;left:32%;top:44px;width:41%;transform:rotate(0deg)}.design-artboard{position:relative;border:1px solid var(--td-border);box-shadow:var(--shadow-md);background:var(--td-bg-panel)}.sample-nav{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--td-text-strong)}.sample-nav strong{font:600 14px Georgia,serif;letter-spacing:-.6px}.sample-nav>span{font-size:5px;color:var(--td-text-muted);display:flex;align-items:center;gap:12px}.sample-nav i{font-style:normal;font-size:13px}.sample-hero{height:234px;position:relative;overflow:hidden;background:var(--td-primary-surface);padding:22px}.sample-issue{font-size:5px;letter-spacing:1.2px;color:var(--td-text-muted);position:relative;z-index:2}.sample-hero h3{font-size:29px;letter-spacing:-1.5px;font-weight:550;color:var(--td-text-strong);margin:14px 0 10px;line-height:1.35;position:relative;z-index:2}.sample-hero p{font-size:7px;color:var(--td-text-muted);position:relative;z-index:2}.sample-pill{position:relative;z-index:2;display:inline-flex;gap:16px;border-radius:20px;padding:7px 10px;background:var(--td-primary);color:var(--td-on-accent);font-size:6px;margin-top:7px}.sample-pill b{font-size:9px;font-weight:400}.sample-sun{position:absolute;width:62px;height:62px;background:var(--td-warning);border-radius:50%;right:27px;top:33px}.sample-hill{position:absolute;border-radius:50% 50% 0 0;transform:rotate(-24deg)}.hill-one{width:250px;height:180px;background:var(--accent-soft);right:-138px;bottom:-20px;transform:rotate(-35deg)}.hill-two{width:220px;height:135px;background:var(--blue-border);right:-56px;bottom:-84px;transform:rotate(20deg)}.hill-three{width:220px;height:125px;background:var(--blue-bg);right:-130px;bottom:-35px;transform:rotate(-35deg)}.sample-bottom{height:39px;display:flex;align-items:center;justify-content:space-between;padding-inline:18px;font-size:6px;color:var(--td-text-muted)}.sample-bottom span:first-child{font-family:Georgia,serif;font-style:italic;font-size:8px}.selection-corner{width:5px;height:5px;background:var(--td-selection-handle-fill);border:1px solid var(--td-selection-stroke);position:absolute;top:19px;left:-2px}.corner-tr{left:auto;right:-2px}.corner-bl{top:auto;bottom:-2px}.corner-br{top:auto;bottom:-2px;left:auto;right:-2px}.concept-cursor{position:absolute;right:-26px;bottom:38px;color:var(--td-action-text);display:flex;align-items:center;gap:2px;transform:rotate(-6deg)}.concept-cursor svg{width:15px;height:19px;fill:var(--td-primary);stroke:var(--td-on-accent);stroke-width:1.3}.concept-cursor>span{margin-top:28px;font-size:6px;color:var(--td-on-accent);background:var(--td-primary);padding:5px 6px;border-radius:3px}.concept-prototype{position:absolute;right:5%;top:66px;width:15.8%;transform:rotate(5deg)}.phone{height:276px;border:4px solid var(--td-border);border-radius:23px;background:var(--td-bg-panel);box-shadow:var(--shadow-md);position:relative;padding:19px 5px 13px}.phone-island{position:absolute;width:43px;height:8px;background:var(--td-bg-hover);top:5px;left:50%;transform:translateX(-50%);border-radius:9px}.phone-screen{height:100%;position:relative;overflow:hidden;border-radius:5px 5px 13px 13px;background:var(--td-primary-surface);padding:12px 10px}.phone-brand{font:600 10px Georgia,serif;color:var(--td-text-strong);display:flex;justify-content:space-between}.phone-brand i{font:8px sans-serif;font-style:normal}.phone-screen h3{font-size:19px;line-height:1.4;font-weight:550;color:var(--td-text-strong);letter-spacing:-1px;margin:23px 0 5px;position:relative;z-index:2}.phone-screen p{font-size:5px;color:var(--td-text-muted);position:relative;z-index:2}.phone-sun{position:absolute;width:39px;height:39px;border-radius:50%;background:var(--td-warning);right:12px;bottom:56px}.phone-hill{position:absolute;bottom:-5px;right:-34px;width:130px;height:125px;border-radius:60% 70% 0 0;background:var(--accent-soft);transform:rotate(-22deg)}.phone-hill.second{width:150px;bottom:-74px;right:-7px;background:var(--blue-border);transform:rotate(30deg)}.phone-cta{position:absolute;bottom:17px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;padding:8px;background:var(--td-primary);border-radius:20px;color:var(--td-on-accent);font-size:6px}.phone-cta b{font-weight:400}.phone-home{position:absolute;bottom:4px;width:40px;height:2px;background:var(--td-text-muted);border-radius:5px;left:50%;transform:translateX(-50%)}.canvas-zoom{position:absolute;bottom:18px;right:20px;display:flex;align-items:center;gap:14px;font-size:7px;color:var(--td-text-muted)}.canvas-zoom i{font-style:normal;font-size:11px}.canvas-zoom b{font-weight:400;font-size:8px}.scene-caption{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--td-text-muted);font-size:10px;margin-top:19px;letter-spacing:.5px}.scene-caption span{color:var(--td-text-muted)}
.workflow{padding-top:130px;padding-bottom:125px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center;margin-bottom:19px}.section-heading h2,.library-copy h2,.coming h2{font-size:38px;letter-spacing:-1.5px;font-weight:550;line-height:1.45;margin:0 0 18px}.section-heading>p:last-child{font-size:14px;line-height:1.9;color:var(--td-text-muted);margin:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:63px}.step-number{display:flex;align-items:center;gap:15px;color:var(--td-text-muted);font-size:10px;font-family:Georgia,serif;font-style:italic}.step-number i{flex:1;height:1px;background:linear-gradient(to right,var(--td-border),transparent)}.step-symbol{height:72px;margin-top:30px;margin-bottom:26px;width:90px;position:relative}.symbol-document{padding-top:11px;transform:rotate(-5deg)}.symbol-document span{display:block;width:50px;height:4px;margin-bottom:10px;background:var(--td-border-strong);border-radius:4px}.symbol-document span:nth-child(2){width:35px}.symbol-document span:nth-child(3){width:42px}.symbol-document b{position:absolute;left:42px;top:24px;font-size:32px;font-family:Georgia,serif;color:var(--td-action-text);font-weight:400}.symbol-design{width:55px;height:55px;border:1px solid var(--td-selection-stroke);margin-top:40px;margin-bottom:33px;background:var(--td-primary-surface);transform:rotate(7deg)}.symbol-design i{position:absolute;width:5px;height:5px;border:1px solid var(--td-selection-stroke);background:var(--td-selection-handle-fill);top:-3px;left:-3px}.symbol-design i:nth-child(2){left:auto;right:-3px}.symbol-design i:nth-child(3){top:auto;bottom:-3px}.symbol-design i:nth-child(4){top:auto;bottom:-3px;left:auto;right:-3px}.symbol-design b{position:absolute;right:-22px;bottom:-21px;font-size:40px;font-weight:400;color:var(--td-action-text)}.symbol-prototype span{position:absolute;top:5px;left:0;height:53px;width:38px;border:1px solid var(--td-border);border-radius:8px;background:var(--td-primary-surface);transform:rotate(-7deg)}.symbol-prototype span:nth-child(2){left:32px;top:16px;background:var(--td-bg-panel);transform:rotate(9deg)}.symbol-prototype b{font-size:32px;position:absolute;left:41px;top:20px;font-weight:400;color:var(--td-action-text)}.workflow-step h3{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0 0 15px}.workflow-step>p{font-size:14px;line-height:1.95;color:var(--td-text-muted);max-width:285px;margin:0 0 21px}.step-category{color:var(--td-text-muted);font-size:10px;letter-spacing:1px}
.library-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:410px;border:1px solid var(--td-border);border-radius:20px;background:linear-gradient(115deg,var(--td-bg-subtle),var(--td-bg-panel),color-mix(in srgb,var(--td-primary) 6%,var(--td-bg-subtle)));overflow:hidden;padding:60px}.library-copy{z-index:1}.library-copy .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:24px}.library-copy h2{font-size:33px;line-height:1.5;margin-bottom:19px}.library-copy>p:not(.eyebrow){font-size:13px;color:var(--td-text-muted);line-height:2}.library-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.library-tags span{padding:5px 10px;border:1px solid var(--td-border);border-radius:5px;font-size:9px;color:var(--td-text-muted)}.library-art{height:310px;position:relative;margin-left:20px}.library-card{position:absolute;background:var(--td-bg-panel);border:1px solid var(--td-border);border-radius:13px;box-shadow:var(--shadow-md)}.card-back{width:277px;height:235px;top:13px;left:80px;transform:rotate(12deg);padding:23px;background:var(--bg-muted)}.card-back>span{font-size:7px;letter-spacing:1.6px;color:var(--td-text-muted)}.library-shapes{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.library-shapes i{display:block;height:59px;border-radius:30px;background:var(--td-primary-surface)}.library-shapes i:nth-child(2){border-radius:6px;background:var(--td-bg-hover)}.library-shapes i:nth-child(3){border-radius:9px;background:var(--accent-strong)}.library-shapes i:nth-child(4){background:var(--accent-soft)}.card-front{width:286px;top:60px;left:23px;transform:rotate(-6deg);padding:21px}.library-card-heading{display:flex;align-items:center;gap:7px;color:var(--td-text-muted)}.library-card-heading strong{font-size:9px;font-weight:500}.library-card-heading>span:last-child{margin-left:auto;color:var(--td-text-muted)}.library-card-icon{color:var(--td-action-text);font-size:15px}.library-colors{display:flex;gap:5px;margin-top:22px}.library-colors i{flex:1;height:37px;border-radius:4px;background:var(--td-primary)}.library-colors i:nth-child(2){background:var(--accent-strong)}.library-colors i:nth-child(3){background:var(--accent-soft)}.library-colors i:nth-child(4){background:var(--td-warning)}.library-colors i:nth-child(5){background:var(--td-bg-hover)}.library-type{display:flex;align-items:center;gap:16px;margin-top:18px;padding-bottom:17px;border-bottom:1px solid var(--td-border);color:var(--td-text-muted)}.library-type>b{font:33px Georgia,serif;font-weight:400;color:var(--td-action-text)}.library-type>span{font-size:8px;line-height:1.8}.library-type small{font-size:6px;color:var(--td-text-muted)}.library-component{display:flex;align-items:center;justify-content:space-between;padding-top:16px}.library-component>span{font-size:6px;color:var(--td-text-muted)}.library-component>b{padding:6px 10px;border-radius:14px;background:var(--td-primary);color:var(--td-on-accent);font-size:7px;font-weight:400}.library-component i{font-style:normal;margin-left:10px}.library-star{position:absolute;bottom:0;right:0;font-size:44px;color:var(--td-action-text);transform:rotate(10deg)}
.coming{text-align:center;position:relative;padding-top:120px;padding-bottom:90px}.coming:before{position:absolute;z-index:-1;content:"";inset:0 -50px -60px;background:radial-gradient(ellipse 60% 55% at 50% 60%,color-mix(in srgb,var(--td-primary) 8%,transparent),transparent)}.coming-logo{margin:0 auto 26px;opacity:1}.coming .eyebrow{justify-content:center;font-size:8px;letter-spacing:2px;margin-bottom:20px}.coming h2{font-size:36px;margin-bottom:12px}.coming>p:not(.eyebrow){font-size:13px;color:var(--td-text-muted);line-height:1.9}.coming .download{margin-top:21px}.coming-note{display:block;margin-top:15px;color:var(--td-text-muted);font-size:10px}.mobile-break{display:none}.site-footer{display:flex;align-items:center;gap:25px;min-height:105px;border-top:1px solid var(--td-border)}.footer-brand{font-size:14px;letter-spacing:-.4px;gap:6px;color:var(--td-text-strong);font-weight:500}.footer-brand img{opacity:1}.site-footer>p{font-size:10px;color:var(--td-text-muted);margin-left:3px}.site-footer>small{margin-left:auto;color:var(--td-text-muted);font-size:9px;letter-spacing:.3px}
@keyframes mark-drift{from{transform:translateY(-5px) rotate(-18deg)}to{transform:translateY(8px) rotate(-12deg)}}@keyframes note-drift{from{translate:0 -4px}to{translate:0 5px}}
@media(min-width:1440px){.hero{min-height:625px}.hero-art{margin-right:0}.hero h1{font-size:78px}.scene-body{min-height:470px}.concept-document{top:79px}.concept-design{top:62px}.concept-prototype{top:81px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-nav{gap:23px;margin-right:10px}.hero{grid-template-columns:1.05fr .95fr;min-height:530px}.hero h1{font-size:61px}.hero-description{font-size:15px}.hero-art{transform:scale(.85);transform-origin:center;margin-left:-50px;margin-right:-60px}.hero-actions{gap:17px}.hero-actions .download{padding-inline:20px;gap:15px;font-size:12px}.text-link{font-size:11px}.scene-body{min-height:385px}.document-sheet{padding:18px 15px}.concept-document{top:56px}.concept-design{top:38px}.sample-hero{height:205px;padding:18px}.sample-hero h3{font-size:24px}.sample-nav{height:33px;padding-inline:14px}.sample-bottom{height:33px;padding-inline:14px}.concept-prototype{top:56px}.phone{height:248px}.phone-screen{padding:12px 8px}.phone-screen h3{font-size:16px}.document-sheet h3{font-size:11px}.document-check{font-size:6px}.document-tag{font-size:5px}.workflow-grid{gap:36px}.library-panel{padding:45px}.library-copy h2{font-size:29px}.library-art{transform:scale(.9);transform-origin:left center;margin-left:0}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:80px;gap:15px}.brand{font-size:19px;gap:7px}.brand img{width:31px;height:31px}.site-nav{display:none}.download-small{font-size:10px;min-height:35px;padding:0 13px;gap:9px}.download-small svg{width:13px;height:13px}.hero{grid-template-columns:minmax(0,1fr);padding-top:43px;padding-bottom:16px;text-align:center;min-height:auto}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:.7px;margin-bottom:21px}.hero h1{font-size:53px;letter-spacing:-2.5px;line-height:1.28;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.95;margin-bottom:26px}.hero-actions{justify-content:center;gap:19px}.hero-actions .download{min-height:47px;font-size:11px;gap:15px;padding-inline:20px}.text-link{font-size:10px}.availability{font-size:9px;justify-content:center;margin-top:15px}.hero-art{width:100%;height:310px;margin:15px 0 10px;left:auto;translate:none;transform:none;overflow:clip}.art-stage{width:420px;height:360px;position:absolute;left:50%;top:0;transform:translateX(-50%) scale(.82);transform-origin:center top}.art-halo{left:0;top:-25px;width:420px;height:370px}.art-mark{width:280px;height:280px;left:68px;top:25px;animation:none;transform:none}.art-mark img{width:100%;height:100%}.orbit-one{left:-10px;top:78px;width:440px;height:200px}.orbit-two{left:29px;top:-5px;width:345px;height:345px}.note-document{top:7px;left:0;scale:.84}.note-palette{top:226px;left:4px;scale:.88}.note-prototype{top:213px;right:-5px;scale:.85}.spark-one{right:15px;top:21px}.spark-two{top:296px;left:250px}.art-coordinate{left:177px;bottom:-3px;font-size:7px}.section-kicker{font-size:7px;letter-spacing:1.8px;gap:12px;margin-bottom:19px}.line{width:28px}.product-scene{border-radius:10px}.scene-topbar{height:35px;padding:0 10px;gap:10px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.scene-project{font-size:7px;gap:4px}.scene-project img{width:13px;height:13px}.scene-status{display:none}.scene-body{min-height:290px}.scene-rail{width:29px;gap:17px;padding-top:12px}.scene-rail b{font-size:12px}.scene-rail .rail-selected{width:19px;height:19px;border-radius:5px}.concept-document{display:none}.concept-design{left:6%;width:61%;top:41px}.concept-label{font-size:6px;margin-bottom:8px}.concept-label span{font-size:4px;letter-spacing:.6px}.sample-nav{height:25px;padding-inline:10px}.sample-nav strong{font-size:10px}.sample-nav>span{font-size:3px;gap:8px}.sample-hero{height:164px;padding:16px 13px}.sample-issue{font-size:4px;letter-spacing:.6px}.sample-hero h3{font-size:20px;letter-spacing:-1px;margin:10px 0 8px}.sample-hero p{font-size:5px}.sample-pill{font-size:4px;padding:5px 7px;gap:10px;margin-top:3px}.sample-pill b{font-size:7px}.sample-sun{width:39px;height:39px;right:12px;top:26px}.hill-one{right:-178px;bottom:-36px}.hill-two{right:-112px;bottom:-91px}.hill-three{right:-171px;bottom:-43px}.sample-bottom{height:25px;padding-inline:10px;font-size:4px}.sample-bottom span:first-child{font-size:5px}.concept-prototype{width:25%;right:3%;top:55px}.phone{border-width:3px;height:189px;border-radius:17px;padding:14px 3px 10px}.phone-island{width:30px;height:5px;top:4px}.phone-screen{padding:9px 6px;border-radius:4px 4px 10px 10px}.phone-brand{font-size:7px}.phone-brand i{font-size:5px}.phone-screen h3{font-size:10px;margin-top:19px;letter-spacing:-.4px}.phone-screen p{font-size:3px}.phone-sun{width:25px;height:25px;right:8px;bottom:43px}.phone-hill{height:85px;width:95px;right:-42px;bottom:0}.phone-hill.second{width:100px;bottom:-60px;right:-13px}.phone-cta{bottom:13px;font-size:4px;padding:5px 6px;left:6px;right:6px}.phone-home{width:27px;height:2px;bottom:3px}.selection-corner{top:14px;width:4px;height:4px}.corner-bl,.corner-br{top:auto}.concept-cursor{right:-20px;bottom:22px}.concept-cursor svg{width:10px;height:14px}.concept-cursor>span{font-size:4px;padding:4px;margin-top:21px}.canvas-zoom{font-size:5px;gap:9px;right:12px;bottom:11px}.canvas-zoom b{font-size:6px}.canvas-zoom i{font-size:8px}.scene-caption{font-size:8px;gap:6px;margin-top:14px;letter-spacing:0}.workflow{padding-top:86px;padding-bottom:75px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:15px}.section-heading h2,.coming h2{font-size:27px;letter-spacing:-.9px;margin-bottom:13px}.section-heading>p:last-child{font-size:11px;line-height:1.9;max-width:260px;margin:auto}.workflow-grid{grid-template-columns:1fr;gap:33px;margin-top:40px}.workflow-step{position:relative;padding-left:85px;min-height:145px}.step-number{font-size:9px;margin-bottom:17px}.step-number i{width:100%;flex:none;position:absolute;top:auto;bottom:-17px;left:0}.workflow-step:last-child .step-number i{display:none}.step-symbol{position:absolute;left:4px;top:16px;scale:.8;transform-origin:left top;margin:0}.symbol-design{top:30px;left:11px}.workflow-step h3{font-size:18px;margin-bottom:10px;letter-spacing:-.5px}.workflow-step>p{font-size:12px;line-height:1.9;max-width:100%;margin-bottom:12px}.step-category{font-size:8px}.library-panel{grid-template-columns:1fr;padding:35px 28px 30px;min-height:auto;border-radius:15px}.library-copy .eyebrow{font-size:6px;letter-spacing:1.3px;margin-bottom:18px}.library-copy h2{font-size:28px;letter-spacing:-.9px}.library-copy>p:not(.eyebrow){font-size:11px;line-height:1.95}.desktop-break{display:none}.library-tags{margin-top:19px;gap:6px}.library-tags span{font-size:8px;padding:4px 8px}.library-art{height:285px;margin-top:20px;margin-bottom:-35px;transform:scale(.78);transform-origin:left top;left:50%;margin-left:-143px;width:360px}.card-front{left:5px;top:54px}.card-back{left:67px;top:16px}.library-star{right:15px;bottom:-18px}.coming{padding-top:82px;padding-bottom:64px}.coming:before{inset:0 -20px -40px;background:radial-gradient(ellipse 60% 55% at 50% 60%,color-mix(in srgb,var(--td-primary) 8%,transparent),transparent)}.coming-logo{width:43px;height:43px;margin-bottom:22px}.coming .eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:17px}.coming h2{font-size:25px;white-space:nowrap;letter-spacing:-1px}.coming>p:not(.eyebrow){font-size:11px;line-height:1.9}.coming .download{min-height:48px;font-size:12px;gap:20px;margin-top:18px}.coming-note{font-size:9px;margin-top:13px}.mobile-break{display:initial}.site-footer{min-height:110px;flex-wrap:wrap;column-gap:15px;row-gap:0;align-content:center;padding-block:22px}.footer-brand{font-size:12px;gap:4px}.footer-brand img{width:23px;height:23px}.site-footer>p{margin:0;font-size:8px}.site-footer>small{width:100%;margin:10px 0 0;font-size:8px;padding-left:27px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand{font-size:17px}.hero h1{font-size:48px}.hero .eyebrow{font-size:8px}.hero-actions{gap:12px}.hero-actions .download{font-size:10px;padding-inline:17px}.text-link{font-size:9px}.coming h2{font-size:22px}.scene-project{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-mark,.floating-note{animation:none}*{transition:none!important}}

/* One full-screen particle stage, with a full-bleed navigation surface. */
body{background:var(--td-editor-canvas);overflow-x:clip}
.sky{opacity:.25}
.wrap{width:min(1320px,calc(100% - 96px))}
h1,h2{color:var(--td-text-strong)}
.site-header{position:fixed;inset:0 0 auto;width:100%;height:88px;z-index:30;display:block;padding:0;background:color-mix(in srgb,var(--td-editor-canvas) 36%,transparent);backdrop-filter:blur(3px);border:0}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-header .brand{font-size:22px;font-weight:500}
.site-nav{font-size:12px;color:var(--td-text)}
.skip-link{position:fixed;z-index:40}
html{scroll-padding-top:88px}
.experience{isolation:isolate}
.experience-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}
.particle-visual{grid-area:1/1;position:relative;left:calc((100% - 100vw)/2);width:100vw;height:100svh;min-height:620px;z-index:0;pointer-events:none}
.geometry-field{position:relative;width:100%;height:100%}
.geometry-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0}
.geometry-fallback{display:block;position:absolute;inset:12% 0 3% auto;width:55%;height:85%;object-fit:contain;opacity:1}
.geometry-field[data-ready="true"] .geometry-canvas{opacity:1}
.geometry-field[data-ready="true"] .geometry-fallback{opacity:0;visibility:hidden}
.hero-copy{grid-area:1/1;position:relative;align-self:center;z-index:2;width:45%;padding:120px 0 70px}
.hero-copy h1{font-size:clamp(58px,6vw,86px);font-weight:450;line-height:1.21;letter-spacing:-3.5px;margin:0 0 32px}
.blue-word{color:var(--td-text-strong)}
.hero-copy .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:30px}
.hero-description{font-size:16px;line-height:1.9;color:color-mix(in srgb,var(--td-text) 75%,var(--td-text-muted));margin-bottom:32px}
.particle-copy{grid-row:2;position:relative;z-index:2;width:100%;padding:55px 0 80px}
.scene-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;width:100%}
.scene-story p{margin:0;font-size:28px;font-weight:430;line-height:1.25;letter-spacing:-1px;color:var(--td-text-strong)}
.scene-story p small{display:block;color:var(--td-text-muted);font-size:10px;font-weight:500;letter-spacing:2px;line-height:1.4;margin-bottom:20px}
.scene-story p span{display:block;color:var(--td-text-strong)}
.scene-story p em{display:block;font-style:normal;font-size:14px;font-weight:400;line-height:1.85;letter-spacing:0;color:color-mix(in srgb,var(--td-text) 75%,var(--td-text-muted));margin-top:22px}
.experience-stage[data-scroll-scene="pinned"]{display:block;height:100svh;min-height:0}
.experience-stage[data-scroll-scene="pinned"] .particle-visual{position:absolute;top:0;height:100%;min-height:0}
.experience-stage[data-scroll-scene="pinned"] .hero-copy,.experience-stage[data-scroll-scene="pinned"] .particle-copy{position:absolute;inset:0 auto 0 0;height:100%;padding:70px 0 28px;display:flex;flex-direction:column;justify-content:center}
.experience-stage[data-scroll-scene="pinned"] .particle-copy{width:42%}
.experience-stage[data-scroll-scene="pinned"] .scene-story{grid-template-columns:1fr;gap:0}
.experience-stage[data-scroll-scene="pinned"] .scene-story p{grid-area:1/1;align-self:center;font-size:clamp(36px,4.1vw,60px);line-height:1.24;letter-spacing:-2px}
.experience-stage[data-scroll-scene="pinned"] .scene-story p small{margin-bottom:30px}
.experience-stage[data-scroll-scene="pinned"] .scene-story p em{font-size:16px;margin-top:32px;line-height:1.9}
.journey-scroll-note{display:none;position:absolute;bottom:22px;left:0;color:var(--td-text-muted);font-size:9px;letter-spacing:1px;opacity:.6}
.experience-stage[data-scroll-scene="pinned"] .journey-scroll-note{display:block}
.journey-scroll-note i{font-style:normal;padding-left:10px;font-size:15px}
.concept-preview{position:relative;padding-top:130px;max-width:1180px}
.concept-preview h2{text-align:center;font-size:36px;font-weight:450;letter-spacing:-1px;margin:0 0 44px}
.concept-preview .product-scene{box-shadow:none}
.coming{padding-top:125px;padding-bottom:100px}
.coming:before{inset:0 -20px -40px}
.coming h2{font-weight:450}
.site-footer{border-color:color-mix(in srgb,var(--td-border) 50%,transparent)}
@media(max-width:1100px){
  .wrap{width:calc(100% - 64px)}
  .hero-copy h1{font-size:61px}.hero-copy{width:46%}.hero-description{font-size:14px}
  .scene-story p{font-size:25px}.scene-story p em{font-size:13px}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 40px)}html{scroll-padding-top:80px}
  .site-header{height:80px}.header-inner{gap:15px}.site-header .brand{font-size:19px}
  .experience-stage{display:flex;flex-direction:column}
  .hero-copy{order:0;width:100%;padding:106px 0 4px;text-align:left}
  .hero-copy h1{font-size:52px;line-height:1.24;letter-spacing:-2px;margin-bottom:20px}
  .hero-copy .eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:.8px;margin-bottom:18px}
  .hero-description{font-size:14px;line-height:1.7;margin-bottom:20px}
  .hero-actions{justify-content:flex-start;gap:18px}.availability{justify-content:flex-start;margin:13px 0 0}
  .particle-visual{order:1;left:50%;width:100vw;height:clamp(280px,42svh,390px);min-height:0;margin-left:-50vw}
  .geometry-fallback{inset:0;width:100%;height:100%}
  .particle-copy{order:2;width:100%;padding:40px 0 0;text-align:left}
  .scene-story{grid-template-columns:1fr;gap:32px}.scene-story p{font-size:26px;letter-spacing:-.8px}
  .scene-story p small{font-size:8px;margin-bottom:12px}.scene-story p em{font-size:12px;line-height:1.8;margin-top:12px}
  .concept-preview{padding-top:75px}.concept-preview h2{font-size:25px;letter-spacing:-.8px;margin-bottom:28px}
  .coming{padding-top:85px;padding-bottom:70px}
}
@media(prefers-reduced-motion:reduce){.geometry-canvas{display:none}}

/* Platform previews remain announcements until real installers are released. */
.release-notice-close:focus-visible{outline:2px solid var(--td-primary);outline-offset:4px}
.header-downloads{gap:8px;flex:none}
.header-downloads .download{min-height:38px;padding-inline:14px;font-size:11px}
.hero-actions{flex-wrap:wrap;gap:18px}
.hero-actions .download-options{width:100%;max-width:430px}
.hero-actions .text-link{flex-basis:100%}
.coming .download-options{max-width:460px;margin:26px auto 0}
.coming .download{margin-top:0}
.release-notice{display:none;position:fixed;inset:auto auto 24px 50%;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100vw - 32px);align-items:center;gap:20px;padding:16px 18px 16px 22px;border:1px solid var(--td-border-strong);border-radius:14px;background:var(--td-bg-panel);color:var(--td-text-strong);box-shadow:var(--shadow-lg);z-index:60}
.release-notice:popover-open{display:flex}
.release-notice.is-open{display:flex}
.release-notice p{margin:0;font-size:14px;line-height:1.7}
.release-notice-close{flex:none;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--td-bg-subtle);color:var(--td-text);font-size:22px;cursor:pointer}
@media(max-width:760px){
  .header-inner{gap:12px}.header-downloads .download-label{display:none}
  .header-downloads .download{font-size:10px;min-height:34px;padding-inline:9px}
  .hero-actions{gap:16px}.hero-actions .download-options,.coming .download-options{gap:10px}
  .hero-actions .download-options .download,.coming .download-options .download{font-size:12px;min-height:48px;padding-inline:12px}
  .release-notice{gap:10px;padding:13px 12px 13px 16px;bottom:18px}.release-notice p{font-size:12px}
}
@media(max-width:370px){.site-header .brand{font-size:17px}.header-inner{gap:10px}}