@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap');
/* Zeetude Studio — a small visual language for useful ideas. */
:root{color-scheme:light;--paper:#fcfcff;--white:#fff;--ink:#202722;--muted:#687069;--line:#dce1d9;--blue:#2937ff;--mint:#4055ef;--lilac:#7549db;--peach:#c93863;--butter:#c94b1d;--sky:#007e86;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}body.invite-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3,h4{font-weight:400}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#e0e3ff;color:#192051}[hidden]{display:none!important}.container{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.eyebrow,.section-label,.breadcrumb{font:11px/1.6 'Courier New',monospace;letter-spacing:.5px}.eyebrow{display:block;color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:var(--blue);color:#fff}.mint{background:var(--mint)}.lilac{background:var(--lilac)}.peach{background:var(--peach)}.butter{background:var(--butter)}.sky{background:var(--sky)}
/* The masthead stays quiet; the work has the floor. */
.site-header{width:calc(100% - 112px);max-width:1480px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:block;width:158px;flex-shrink:0}.brand img{width:100%;mix-blend-mode:normal}.desktop-nav{display:flex;align-items:center;gap:29px;font-size:12px;color:#626a63}.desktop-nav a{position:relative;padding:10px 0;transition:color .2s}.desktop-nav a:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:var(--blue);left:50%;bottom:2px;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--blue)}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{opacity:1;transform:none}.header-contact{font-size:12px;padding-bottom:3px;border-bottom:1px solid #a9b1a5;display:flex;gap:22px;align-items:center}.header-contact:hover{color:var(--blue);border-color:var(--blue)}.menu-toggle{display:none}.mobile-menu{display:none}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:50px;padding:15px 23px;font-size:12px;line-height:1.5;min-height:48px;transition:background .25s,transform .25s,box-shadow .25s}.button>span[aria-hidden]{font-size:19px;transition:transform .25s}.button:hover{background:#1725df;transform:translateY(-2px);box-shadow:0 8px 18px #2937ff17}.button:hover>span[aria-hidden]{transform:translate(2px,-2px)}.text-link{display:inline-flex;justify-content:space-between;gap:24px;align-items:center;font-size:12px;border-bottom:1px solid #34412d4a;padding:8px 0;line-height:1.5;transition:color .2s,border-color .2s}.text-link>span[aria-hidden]{font-size:18px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.small-link{display:inline-flex;font-size:11px;gap:12px;align-items:center;color:#626e62;padding:8px 0}.small-link:hover{color:var(--blue)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75a578;vertical-align:middle;margin-right:9px}.status-dot.purple{background:#9066dc}.status-dot.coral{background:#e89371}
/* First impression: an open statement and a tactile reel of actual interfaces. */
.hero{padding-top:56px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 9%;align-items:center}.hero-copy>.eyebrow{margin-bottom:35px;color:#5e6d5d}.hero h1{font-size:clamp(74px,7.8vw,120px);line-height:.98;letter-spacing:-.075em;font-weight:400}.hero h1 em{display:inline-block;letter-spacing:-.065em;color:var(--blue);padding-right:.1em}.hero-bottom{margin-top:29px}.hero-bottom>p{color:#697166;max-width:290px;font-size:14px;line-height:1.8;margin-bottom:25px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:53px;padding:21px 0 29px;font:10px/1.6 'Courier New',monospace;color:#7b8276;letter-spacing:.3px}.hero-foot>a{color:#5c6b56}.hero-foot>a:hover{color:var(--blue)}
.project-carousel{min-width:0;max-width:100%;padding-top:12px;align-self:center}.gallery-note{display:flex;justify-content:space-between;gap:15px;margin:0 0 15px;padding:0 2px}.gallery-note .eyebrow{font-size:10px;color:#788271}.carousel-track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;border-radius:20px;touch-action:pan-x pan-y pinch-zoom}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;user-select:none;transition:opacity .4s,transform .5s var(--ease);opacity:.45;transform:scale(.98)}.carousel-slide.is-current{opacity:1;transform:none}.carousel-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.is-dragging .carousel-slide{transition:none}.gallery-card{padding:24px 25px 19px;border:1px solid #485c3410;border-radius:20px;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:430px;position:relative}.gallery-card:before{content:'';position:absolute;top:10px;left:10px;right:10px;height:1px;background:#fff7}.gallery-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;font-size:12px}.gallery-topline>span:first-child{font-weight:500;letter-spacing:-.2px}.gallery-topline>span:last-child{font:10px/1.5 'Courier New',monospace;color:#65715e;text-align:right}.gallery-image{border-radius:8px;overflow:hidden;border:1px solid #3b4e3715;box-shadow:0 14px 24px #3440290c;background:#fff;aspect-ratio:1320/936}.gallery-image img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.gallery-bottomline{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font:10px/1.5 'Courier New',monospace;color:#6a7763}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 1px 0}.carousel-pagination{display:flex;align-items:center;gap:2px}.carousel-pagination button{width:25px;height:30px;border:0;background:transparent;display:grid;place-items:center;padding:0}.carousel-pagination button>span{display:block;width:4px;height:4px;border-radius:20px;background:#bec7b7;transition:width .3s,background .3s}.carousel-pagination button[aria-pressed=true]>span{background:var(--blue);width:20px}.gallery-hint{font:10px/1.5 'Courier New',monospace;color:#8a9183}.carousel-arrows{display:flex;gap:6px}.carousel-arrows button{height:34px;width:34px;background:transparent;border:1px solid #bcc7b4;border-radius:50%;font:16px Arial;transition:background .2s,color .2s}.carousel-arrows button:hover:not(:disabled){background:#e8eddf;color:var(--blue)}.carousel-arrows button:disabled{opacity:.3}
.moving-strip{position:relative;overflow:hidden;width:100%;padding:25px 0;background:#d8f85a;border-block:1px solid #dce3d1}.lab-marquee{display:flex;width:max-content;animation:lab-flow 50s linear infinite;will-change:transform}.marquee-group{display:flex;align-items:center;gap:55px;padding-right:55px;white-space:nowrap;flex:0 0 auto}.marquee-group>span{font:400 17px/1.5 Georgia,serif;letter-spacing:-.2px;color:#52624b}.marquee-group>i{font:normal 21px Arial;color:#718b5c}.marquee-toggle{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;background:#f8faf3;border:1px solid #bac8ae;border-radius:50%;font-size:11px;z-index:2}.moving-strip:after{position:absolute;right:0;top:0;bottom:0;content:'';width:70px;background:linear-gradient(270deg,#d8f85a 55%,transparent);pointer-events:none}.moving-strip.is-paused .lab-marquee{animation-play-state:paused}@keyframes lab-flow{to{transform:translateX(-50%)}}
/* A measured rhythm: four chapters, each with a different composition. */
.section-label{display:flex;justify-content:space-between;gap:30px;padding-top:25px;border-top:1px solid var(--line);color:#687562;font-size:10px;letter-spacing:.4px}.section-label>span:last-child{color:#909787;text-align:right}h2{font-size:clamp(40px,4.6vw,66px);line-height:1.09;letter-spacing:-.055em}h2 em{color:#7c8c6f;letter-spacing:-.055em}.lab-section{padding:95px 0 85px}.lab-section>.section-label{border-top:0;padding-top:0}.lab-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;margin-top:50px}.lab-intro>div{max-width:430px;padding-top:7px}.lab-intro p{font-size:15px;line-height:1.9;color:#6d7667;margin-bottom:22px}.lab-intro p:first-child{font-size:20px;color:#394434;line-height:1.6}.lab-intro .text-link{margin-top:4px}.lab-values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.lab-values p{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:18px;align-items:baseline;font-size:12px;color:#677260}.lab-values span{font:10px 'Courier New',monospace;color:#919c86}.projects-section{padding:0 0 86px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;margin:53px 0 42px}.section-heading>p{max-width:290px;color:#798270;font-size:13px;line-height:1.9}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-tile{border:1px solid #4756390e;border-radius:20px;overflow:hidden;min-width:0;display:flex;flex-direction:column;padding:27px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.project-tile:hover{transform:translateY(-4px);box-shadow:0 18px 35px #2c3a240a}.tile-copy{padding:9px 6px 7px;flex:1}.tile-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font:10px/1.7 'Courier New',monospace;color:#77866d}.tile-tick{font:20px Arial;color:#8e9b84}.tile-copy h3{font-size:43px;line-height:1.2;letter-spacing:-2px;margin:20px 0 17px}.tile-copy h3>span{color:#889c72}.tile-copy h4{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin-bottom:20px;color:#384434}.tile-copy>p{font-size:13px;line-height:1.85;color:#76806d;max-width:370px}.tile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:27px}.tile-image{min-width:0;order:-1;margin-bottom:26px;position:relative}.tile-image img{width:100%;height:auto;aspect-ratio:1320/936;object-fit:contain;border:1px solid #47563914;border-radius:8px;background:#fff;box-shadow:0 12px 23px #3440290a;pointer-events:none}.tile-image figcaption{font:9px/1.7 'Courier New',monospace;color:#7d8973;margin-top:10px}.tile-minis .tile-copy h3>span{color:#9f8cbd}.tile-lesson .tile-copy h3>span{color:#c29373}.tile-foco .tile-copy h3>span{color:#ad9e54}.tile-topo .tile-copy h3>span{color:#7499b3}.tile-minis .tile-meta,.tile-minis .tile-copy>p,.tile-minis .tile-image figcaption{color:#7b728c}.tile-minis .tile-copy h4{color:#4c435a}.tile-lesson .tile-meta,.tile-lesson .tile-copy>p,.tile-lesson .tile-image figcaption{color:#8b796a}.tile-lesson .tile-copy h4{color:#5a4c40}.tile-foco .tile-meta,.tile-foco .tile-copy>p,.tile-foco .tile-image figcaption{color:#857f60}.tile-topo .tile-meta,.tile-topo .tile-copy>p,.tile-topo .tile-image figcaption{color:#748b9b}.tile-foco .tile-copy h4{color:#524f3d}.tile-topo .tile-copy h4{color:#3d5262}
.founder-section{padding:0 0 82px}.founder-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:15%;align-items:center;padding:65px 6% 0}.founder-mark{display:grid;place-items:center;position:relative;aspect-ratio:1}.founder-mark:before,.founder-mark:after{position:absolute;content:'';inset:3%;border:1px solid #e1e5db;border-radius:50%}.founder-mark:after{inset:14%;border-style:dashed;border-color:#d7dfcf}.founder-mark img{width:53%;opacity:.82}.founder-content .eyebrow{margin-bottom:19px}.founder-content h2{margin-bottom:24px}.founder-content p:not(.eyebrow){font-size:14px;line-height:1.9;color:#76806d;max-width:440px}.founder-content blockquote{font:italic 27px/1.4 Georgia,serif;letter-spacing:-.6px;color:#5c6c50;margin:31px 0 17px}.founder-credit{font:10px/1.7 'Courier New',monospace;color:#8b967e}.questions-section{padding:0 0 75px}.questions-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;margin-top:50px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;list-style:none;cursor:pointer;font-size:14px;line-height:1.5;color:#4d5946}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:22px/1 Arial;color:#839176;transition:transform .25s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--blue)}.faq-list p{font-size:13px;line-height:1.9;color:#78836e;margin-bottom:23px;padding-right:25px}.faq-list .text-link{margin-bottom:22px}.closing{padding:66px 0 90px;text-align:center;position:relative;border-top:1px solid var(--line)}.closing>.eyebrow{margin-bottom:28px}.closing h2{font-size:clamp(48px,6vw,85px);margin-bottom:33px}.closing h2 em{color:var(--blue)}
/* A signature, not a wall of links. */
.site-footer{background:#f0efff;border-top:1px solid #e0e6d8;padding:52px 0 0}.footer-top{display:grid;grid-template-columns:1.7fr .75fr .9fr;gap:12%;align-items:start}.footer-intro>p{font-size:19px;line-height:1.5;letter-spacing:-.4px;margin:22px 0 23px;color:#56654b}.footer-intro .text-link{font-size:11px}.footer-top nav{display:flex;align-items:flex-start;flex-direction:column;gap:10px;font-size:11px;color:#748168}.footer-top nav .eyebrow{margin-bottom:12px;font-size:10px;color:#4a5e3b}.footer-top nav a:hover{color:var(--blue)}.footer-signature{display:flex;align-items:center;justify-content:space-between;gap:70px;padding-top:65px;padding-bottom:35px}.footer-signature>img{width:55%;max-width:650px;opacity:.92}.back-top{display:grid;place-items:center;width:59px;height:59px;border:1px solid #c1ceb5;border-radius:50%;font-size:24px;transition:background .25s,color .25s}.back-top:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #d9e1d0;padding:21px 0 25px;font:10px/1.7 'Courier New',monospace;color:#7a876e}.footer-bottom a:hover{color:var(--blue)}
/* Project pages share the same alphabet, each tells its own story. */
.product-hero{padding-top:33px;padding-bottom:78px}.breadcrumb{display:inline-block;color:#87907d;font-size:10px;margin-bottom:55px}.breadcrumb:hover{color:var(--blue)}.product-hero h1{font-size:clamp(58px,6.7vw,98px);letter-spacing:-.065em;line-height:1.04}.product-hero h1 em{color:#8c77aa;letter-spacing:-.06em}.product-hero-heading .eyebrow{margin-bottom:28px}.product-hero-heading>p{max-width:405px;font-size:15px;line-height:1.85;color:#7c7487;margin-top:27px}.product-hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:28px 0 45px}.access-note{font:10px/1.7 'Courier New',monospace;color:#919982;display:block}.product-screenshot{border:1px solid #4c563310;border-radius:19px;overflow:hidden;padding:25px;margin:38px 0 0;min-width:0}.screenshot-top{display:flex;justify-content:space-between;gap:25px;font:10px/1.7 'Courier New',monospace;color:#7e748b;padding:0 0 23px}.product-screenshot img{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid #4a3b5915;box-shadow:0 12px 24px #3e295d09}.product-screenshot figcaption{font:10px/1.8 'Courier New',monospace;color:#91889c;margin:19px 0 0}.detail-section{padding:0 0 85px}.feature-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-trio article{padding:30px;border-radius:16px;border:1px solid #4b5d3510}.feature-num{font:11px 'Courier New',monospace;color:#879379}.feature-trio h3{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:35px 0 19px}.feature-trio p{font-size:13px;color:#78846c;line-height:1.9}.conversation-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:center;margin-top:45px}.conversation-layout>div>p{font-size:14px;line-height:1.9;color:#7d7588;margin-top:26px;max-width:390px}.conversation-layout h2 em{color:#8c77aa}.small-note{font:11px/1.85 'Courier New',monospace!important;color:#8b947f!important}.conversation-card{background:#fff;border:1px solid #e5e1ed;border-radius:17px;padding:23px}.conversation-bar{display:flex;justify-content:space-between;gap:15px;font:10px/1.7 'Courier New',monospace;color:#9486a2;border-bottom:1px solid #eee9f3;padding-bottom:18px}.conversation-message{padding:22px 5px 0}.conversation-message>span{font:10px/1.5 'Courier New',monospace;color:#849577}.conversation-message>p{font-size:13px;line-height:1.85;color:#7c7487;margin-top:8px}.conversation-message.user{background:#e4d7ff;border-radius:9px;padding:14px 17px;margin:20px 0 0 12%;}.conversation-message.user>span{color:#9184a2}.conversation-message.user>p{color:#655a74}.agent-name.blue{color:#5f78a3}.agent-name.violet{color:#9b81b4}.agent-name.green{color:#7f9b72}.conversation-result{margin:26px 0 0;background:#e4d7ff;padding:18px;border:1px solid #e9e1f4;border-radius:9px}.conversation-result>span{font:10px 'Courier New',monospace;color:#a08db4}.conversation-result>p{font-size:14px;color:#746080;margin-top:7px}.editorial-split{display:grid;grid-template-columns:1.1fr .9fr;gap:13%;margin-top:45px}.editorial-split>div>p{font-size:14px;line-height:1.95;color:#79816f;margin-bottom:22px}.invite-section{padding:58px 65px;border:1px solid #e1dcec;border-radius:20px;margin-bottom:80px}.invite-section h2{margin:24px 0}.invite-section h2 em{color:#927bab}.invite-section>p:not(.eyebrow){color:#8a7d97;font-size:14px;line-height:1.9;max-width:550px;margin-bottom:30px}.invite-section>.small-note{display:block;margin-top:18px;max-width:460px;color:#94889f!important}.lesson-opening{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.lesson-opening h1{font-size:clamp(80px,8.2vw,118px);line-height:.98;letter-spacing:-.075em;margin:29px 0}.lesson-opening h1 em{color:#ba8c6d}.lesson-deck{font-size:14px;line-height:1.85;color:#8a7c6d;max-width:330px;margin-bottom:25px}.lesson-opening .access-note{margin-top:19px;color:#9d9180}.note-scene{position:relative;align-self:center;background:#ffae8f;border:1px solid #e6e0d2;border-radius:20px;padding:26px 29px 21px}.note-topline{display:flex;justify-content:space-between;gap:20px;font:10px/1.8 'Courier New',monospace;color:#a29883;margin-bottom:28px}.note-paper{background:#fff9f2;min-height:365px;padding:35px;box-shadow:0 16px 30px #95866a15;border:1px solid #e7dfcd;transform:rotate(-3deg);position:relative}.paper-date{font:10px/1.7 'Courier New',monospace;color:#9e957f}.note-paper p{font:42px/1.2 Georgia,serif;letter-spacing:-1.4px;margin:39px 0 28px;color:#625c4a}.note-paper p em{color:#b4896a}.note-rule{width:47px;height:1px;background:#d5cdb8;margin-bottom:20px}.note-paper>span:last-child{font:10px/1.6 'Courier New',monospace;color:#b3a58d}.note-bottomline{font:10px/1.8 'Courier New',monospace;color:#9d937f;margin-top:33px;text-align:center}.page-lesson .detail-section h2 em{color:#ae9479}.page-lesson .product-screenshot{margin-top:50px}.writing-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.writing-examples article{border-top:1px solid var(--line);padding-top:19px}.writing-examples article>span{font:10px/1.7 'Courier New',monospace;color:#9a927d}.writing-examples h3{font-size:35px;line-height:1.15;letter-spacing:-1.2px;margin:35px 0 25px}.writing-examples h3 em{color:#ae9479}.writing-examples p{font-size:13px;line-height:1.9;color:#8c846e;max-width:290px}.access-manifesto{padding:50px 0 70px}.access-manifesto h2{font-size:clamp(42px,5.4vw,77px);margin:28px 0 35px}.access-manifesto h2 em{color:#a9906d}.access-manifesto>div{display:flex;justify-content:space-between;gap:70px;align-items:center;border-top:1px solid var(--line);padding-top:28px}.access-manifesto>div>p{font-size:14px;line-height:1.9;color:#8c846e;max-width:600px}.access-manifesto .button{flex-shrink:0}
/* Legal reading stays readable and visually continuous with the studio. */
.policy-wrap{width:calc(100% - 112px);max-width:1320px;margin:auto}.policy-intro{padding:36px 0 60px;border-bottom:1px solid var(--line)}.policy-back{font:10px/1.7 'Courier New',monospace;color:#849279}.policy-intro>.eyebrow{margin:45px 0 25px}.policy-intro h1{font-size:clamp(47px,6.6vw,88px);line-height:1.08;letter-spacing:-.06em}.policy-intro h1 em{color:#7d9070}.policy-deck{max-width:450px;font-size:15px;line-height:1.9;color:#7e8973;margin-top:25px}.policy-date{display:block;font:10px/1.8 'Courier New',monospace;color:#95a189;margin-top:25px}.policy-layout{display:grid;grid-template-columns:220px minmax(0,790px);gap:9%;align-items:start;padding:60px 0 80px}.policy-index{display:flex;flex-direction:column;gap:17px;position:sticky;top:35px;font:11px/1.8 'Courier New',monospace;color:#849575}.policy-index>span{color:#a2ad98;margin-bottom:8px}.policy-index a:hover{color:var(--blue)}.policy-content{min-width:0}.policy-content section{padding-bottom:45px;margin-bottom:42px;border-bottom:1px solid var(--line);scroll-margin-top:40px}.policy-content h2{font-size:35px;margin:17px 0 29px;line-height:1.2;letter-spacing:-1.3px}.policy-content h3{font-size:16px;line-height:1.5;color:#526748;margin:29px 0 11px}.policy-content p{font-size:14px;line-height:1.95;color:#7a896f;margin-bottom:18px}.policy-content p a{text-decoration:underline;text-underline-offset:4px;color:#617c4f}.policy-project{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e8eaff;border:1px solid #dce5d2;padding:25px;border-radius:13px;margin:25px 0}.policy-project strong{font-size:23px;font-weight:400;color:#4f6941;display:block}.policy-project small{font-size:11px;color:#8e9e80;display:block;margin-top:5px}.policy-project>span:last-child{font-size:23px;color:#698f55}.policy-email{font-size:20px;display:inline-block;color:#617c4f;border-bottom:1px solid #b5c7a6;padding-bottom:8px;overflow-wrap:anywhere}.policy-content .policy-note{font-size:12px;color:#9aaa8b;margin-top:25px}
/* Invitation is honest: prepare a message, then send it in your own email app. */
#invite-dialog{width:calc(100% - 32px);max-width:535px;max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border:1px solid #e0e2d9;border-radius:18px;background:#fffefa;color:var(--ink);box-shadow:0 30px 100px #23351c2e}#invite-dialog::backdrop{background:#26371c33;backdrop-filter:blur(9px)}#invite-dialog .dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}#invite-dialog .eyebrow{font-size:10px;color:#8e987f}#invite-dialog .dialog-top button{width:35px;height:35px;border-radius:50%;border:1px solid #dce2d4;background:transparent;font-size:23px;color:#7a886d}#invite-dialog h2{font-size:39px;line-height:1.08;letter-spacing:-1.8px;margin:27px 0 20px}#invite-dialog h2 em{color:#899e77}#invite-dialog p{color:#819273;font-size:13px;line-height:1.85}#invite-dialog label{display:block;font-size:11px;color:#6c805d;margin:22px 0 8px}#invite-dialog label span{font-size:11px;color:#a2ad95}#invite-dialog input,#invite-dialog textarea{display:block;width:100%;min-width:0;border:1px solid #d6e0cb;border-radius:7px;background:#fafcf7;color:#465c39;padding:13px;font-size:14px;line-height:1.5;resize:vertical}#invite-dialog input::placeholder,#invite-dialog textarea::placeholder{color:#a4ae99}#invite-dialog .form-privacy{font-size:11px;color:#a2ae96;line-height:1.8;margin:15px 0}#invite-dialog .form-privacy a{text-decoration:underline;text-underline-offset:3px}#invite-dialog .action-primary{display:inline-flex;gap:20px;align-items:center;padding:14px 18px;border-radius:25px;background:var(--blue);border:1px solid var(--blue);font-size:11px;color:#fff;margin-top:8px;cursor:pointer}#invite-dialog #invite-copy{display:block;color:#6b845a;background:#fffefa;border:1px solid #cbd9be;border-radius:25px;padding:11px 17px;font-size:11px;margin-top:18px}#invite-dialog #invite-feedback{margin-top:25px}
.motion-ready .reveal{opacity:0;transform:translateY(19px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero{gap:0 12%}.hero h1{font-size:124px}.gallery-card{min-height:470px}}
@media(max-width:1150px){.container,.site-header,.policy-wrap{width:calc(100% - 80px)}.hero{gap:0 6%;padding-top:47px}.hero h1{font-size:clamp(73px,8vw,96px)}.hero-copy>.eyebrow{font-size:10px}.gallery-card{padding:20px;min-height:370px}.gallery-hint{display:none}.gallery-topline{margin-bottom:22px}.gallery-bottomline{margin-top:22px}.section-heading{gap:35px}.tile-copy h4{font-size:23px}.founder-content{gap:10%;padding-inline:2%}.desktop-nav{gap:22px}.brand{width:140px}.hero-bottom>p{font-size:13px}.product-hero h1{font-size:clamp(60px,6.9vw,85px)}.lesson-opening h1{font-size:96px}.note-paper p{font-size:38px}.policy-layout{grid-template-columns:180px minmax(0,1fr);gap:7%}}
@media(max-width:900px){.container,.site-header,.policy-wrap{width:calc(100% - 56px)}.site-header{height:88px;gap:25px}.desktop-nav{gap:19px;font-size:11px}.header-contact{font-size:11px;gap:10px}.brand{width:125px}.hero{gap:0 5%}.hero h1{font-size:78px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.2px}.hero-bottom .button{font-size:11px;padding:13px 18px;gap:22px}.gallery-card{padding:16px;min-height:320px;border-radius:15px}.gallery-topline>span:last-child{font-size:9px}.gallery-note .eyebrow{font-size:10px}.hero-foot{margin-top:42px}.lab-intro{gap:8%}.lab-values{gap:20px}.lab-values p{font-size:11px;gap:12px}.project-tile{padding:21px}.tile-copy h3{font-size:36px}.tile-copy h4{font-size:22px}.tile-copy>p{font-size:12px}.tile-actions{gap:13px}.tile-actions .text-link{font-size:11px;gap:20px}.tile-actions .small-link{font-size:11px}.founder-content blockquote{font-size:23px}.questions-layout{gap:8%}.footer-top{gap:8%}.footer-intro>p{font-size:17px}.conversation-layout{gap:7%}.feature-trio article{padding:24px}.feature-trio h3{font-size:25px}.lesson-opening{gap:8%}.lesson-opening h1{font-size:88px}.note-scene{padding:20px}.note-paper{padding:25px;min-height:335px}.note-paper p{font-size:35px}.writing-examples{gap:25px}.writing-examples h3{font-size:30px}.invite-section{padding:44px}.access-manifesto>div{gap:35px}}
@media(max-width:740px){.container,.site-header,.policy-wrap{width:calc(100% - 40px)}.site-header{height:77px}.brand{width:128px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:43px;height:43px;border-radius:50%;border:1px solid #d8e0d1;background:transparent;align-items:center}.menu-toggle>span{height:1px;width:16px;background:#667b54;transition:transform .25s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu:not([hidden]){position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:7px;top:85px;left:0;right:0;padding:25px;border:1px solid #dde4d4;border-radius:17px;background:#fffefb;box-shadow:0 15px 35px #2a3e1c14}.mobile-menu a{font-size:17px;color:#667b54;padding:7px 0;width:100%}.mobile-menu a:last-child{font-size:12px;margin-top:9px;color:var(--blue)}.hero{display:block;padding-top:36px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:28px}.hero h1{font-size:clamp(76px,16vw,112px);line-height:.98;letter-spacing:-.075em}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-top:28px}.hero-bottom>p{font-size:13px;margin:0;max-width:290px}.hero-bottom>.button{max-width:210px;font-size:11px;gap:15px;padding:12px 16px;align-self:end}.project-carousel{padding-top:0;margin-top:44px}.gallery-note{margin-bottom:12px}.gallery-note .eyebrow{font-size:10px}.gallery-card{padding:22px 23px 17px;border-radius:17px;min-height:0}.carousel-track{gap:13px;border-radius:17px}.carousel-slide{flex-basis:calc(100% - 18px)}.gallery-topline{font-size:12px;margin-bottom:23px}.gallery-topline>span:last-child{font-size:10px}.gallery-bottomline{margin-top:20px;font-size:10px}.gallery-hint{display:block;font-size:9px}.carousel-controls{gap:10px;padding-top:12px}.carousel-pagination button{width:23px}.carousel-arrows button{width:32px;height:32px}.hero-foot{font-size:10px;padding:20px 0 25px;margin-top:33px;gap:30px}.hero-foot>span{max-width:180px}.hero-foot>a{white-space:nowrap}.moving-strip{padding:20px 0}.marquee-group{gap:34px;padding-right:34px}.marquee-group>span{font-size:16px}.marquee-group>i{font-size:18px}.lab-section{padding:62px 0 58px}.section-label{font-size:10px;gap:20px;padding-top:20px}.section-label>span:last-child{max-width:175px;font-size:9px}.lab-intro{grid-template-columns:1fr;gap:28px;margin-top:35px}h2{font-size:clamp(36px,7.2vw,50px);line-height:1.13}.lab-intro>div{padding:0;max-width:none}.lab-intro p{font-size:14px;max-width:530px}.lab-intro p:first-child{font-size:18px;max-width:460px}.lab-values{margin-top:37px;grid-template-columns:1fr;gap:16px}.lab-values p{font-size:12px;padding-top:15px;gap:20px}.projects-section{padding-bottom:57px}.section-heading{display:block;margin-top:35px;margin-bottom:30px}.section-heading>p{margin-top:24px;font-size:13px;max-width:400px}.project-grid{gap:18px}.project-tile{border-radius:16px;padding:19px}.tile-copy{padding:4px 3px}.tile-copy h3{font-size:33px;margin:15px 0}.tile-copy h4{font-size:21px;line-height:1.25;letter-spacing:-.7px}.tile-copy>p{font-size:12px;line-height:1.85}.tile-meta{font-size:9px}.tile-tick{font-size:15px}.tile-actions{margin-top:22px;gap:8px}.tile-actions .text-link{font-size:11px;gap:12px}.tile-actions .small-link{font-size:10px;gap:7px}.tile-image{margin-bottom:19px}.tile-image figcaption{font-size:9px}.founder-section{padding-bottom:58px}.founder-content{padding:32px 0 0;gap:7%;grid-template-columns:.55fr 1.45fr}.founder-mark:before{inset:0}.founder-mark:after{inset:12%}.founder-mark img{width:55%}.founder-content h2{font-size:40px}.founder-content p:not(.eyebrow){font-size:13px}.founder-content .eyebrow{font-size:10px}.founder-content blockquote{font-size:21px;line-height:1.4}.founder-credit{font-size:9px}.questions-section{padding-bottom:55px}.questions-layout{grid-template-columns:1fr;gap:30px;margin-top:33px}.faq-list summary{padding:20px 0;font-size:14px}.faq-list p{font-size:13px}.closing{padding:50px 0 65px}.closing h2{font-size:clamp(43px,8vw,60px)}.closing .eyebrow{font-size:10px}.site-footer{padding-top:37px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 40px}.footer-intro{grid-column:1/-1}.footer-intro>p{font-size:19px;margin:19px 0}.footer-top nav{font-size:12px;gap:12px}.footer-top nav .eyebrow{font-size:10px}.footer-signature{padding:45px 0 25px;gap:30px}.footer-signature>img{width:67%}.back-top{width:43px;height:43px;font-size:19px}.footer-bottom{font-size:9px;padding:17px 0 21px;gap:17px}.footer-bottom>span:nth-child(2){display:none}.product-hero{padding-top:27px;padding-bottom:55px}.breadcrumb{font-size:10px;margin-bottom:40px}.product-hero h1{font-size:clamp(48px,8.9vw,68px);line-height:1.07}.product-hero-heading .eyebrow{font-size:10px;margin-bottom:23px}.product-hero-heading>p{font-size:14px;max-width:430px}.product-hero-actions{gap:18px 22px;margin:26px 0 30px}.product-hero-actions .access-note{width:100%;font-size:10px}.product-screenshot{padding:17px;border-radius:16px;margin-top:30px}.screenshot-top{font-size:10px;gap:20px;padding-bottom:17px}.screenshot-top>span:last-child{text-align:right;max-width:180px;font-size:9px}.product-screenshot img{border-radius:6px}.product-screenshot figcaption{font-size:9px;margin-top:13px}.detail-section{padding-bottom:55px}.feature-trio{grid-template-columns:1fr;gap:14px}.feature-trio article{padding:25px}.feature-trio h3{font-size:28px;margin-top:25px}.feature-trio p{font-size:14px;max-width:500px}.conversation-layout{grid-template-columns:1fr;gap:30px;margin-top:32px}.conversation-layout>div>p{max-width:500px;font-size:14px}.conversation-card{padding:20px}.conversation-message p{font-size:13px}.editorial-split{grid-template-columns:1fr;gap:30px;margin-top:32px}.editorial-split>div>p{font-size:14px;max-width:550px}.invite-section{padding:32px 25px;margin-bottom:50px}.invite-section h2{font-size:40px}.invite-section>.eyebrow{font-size:10px}.invite-section>p:not(.eyebrow){font-size:13px}.lesson-opening{grid-template-columns:1fr;gap:38px}.lesson-opening h1{font-size:clamp(83px,16vw,110px)}.lesson-opening .eyebrow{font-size:10px}.lesson-deck{font-size:14px;max-width:390px}.note-scene{max-width:480px;width:100%;justify-self:center;padding:24px 27px}.note-paper{min-height:370px;padding:31px}.note-paper p{font-size:43px}.writing-examples{grid-template-columns:1fr;gap:33px}.writing-examples h3{font-size:38px;margin:24px 0 20px}.writing-examples p{max-width:450px;font-size:14px}.access-manifesto{padding:30px 0 55px}.access-manifesto h2{font-size:clamp(37px,7.7vw,52px)}.access-manifesto>div{display:block}.access-manifesto>div>p{font-size:14px}.access-manifesto .button{margin-top:26px}.policy-intro{padding-top:28px;padding-bottom:40px}.policy-intro>.eyebrow{margin-top:36px}.policy-intro h1{font-size:clamp(43px,8.5vw,62px)}.policy-deck{font-size:14px}.policy-date{font-size:10px}.policy-layout{grid-template-columns:1fr;gap:35px;padding-top:32px;padding-bottom:45px}.policy-index{position:static;display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px;padding-bottom:25px;border-bottom:1px solid var(--line)}.policy-index>span{grid-column:1/-1}.policy-content h2{font-size:31px}.policy-content p{font-size:14px}.policy-email{font-size:18px}.policy-project{padding:20px}.policy-project small{font-size:11px}.policy-content section{padding-bottom:30px;margin-bottom:30px}}
@media(max-width:500px){.hero-bottom{display:block}.hero-bottom>p{max-width:290px;font-size:14px;margin-bottom:23px}.hero-bottom>.button{max-width:none;font-size:12px;padding:14px 21px;gap:32px}.hero h1{font-size:clamp(72px,18vw,94px)}.gallery-card{padding:18px 17px 15px}.gallery-topline{margin-bottom:20px;font-size:11px}.gallery-topline>span:last-child{font-size:9px;max-width:145px}.gallery-bottomline{font-size:9px;margin-top:18px}.gallery-hint{display:none}.carousel-pagination button{width:24px}.project-grid{grid-template-columns:1fr;gap:21px}.project-tile{padding:22px}.tile-copy h3{font-size:42px;margin:21px 0 17px}.tile-copy h4{font-size:27px}.tile-copy>p{font-size:14px;max-width:390px}.tile-meta{font-size:10px}.tile-image figcaption{font-size:9px}.tile-actions{gap:18px}.tile-actions .text-link{font-size:12px;gap:23px}.tile-actions .small-link{font-size:11px;gap:12px}.founder-content{display:block;padding-top:35px}.founder-mark{width:150px;margin-bottom:35px;aspect-ratio:1}.founder-content h2{font-size:43px}.founder-content p:not(.eyebrow){font-size:14px}.founder-content blockquote{font-size:24px}.founder-content .eyebrow{font-size:10px}.founder-credit{font-size:10px}.lab-intro h2{font-size:clamp(33px,8.3vw,41px)}.section-label>span:last-child{max-width:140px}.section-heading h2{font-size:clamp(35px,8.5vw,44px)}.hero-foot>span{max-width:150px}.hero-foot>a{font-size:9px}.marquee-group>span{font-size:16px}.closing h2{font-size:clamp(39px,9.4vw,49px)}.product-hero h1{font-size:clamp(44px,10.3vw,55px)}.product-hero-heading>p{font-size:14px}.product-hero-actions .button{padding:14px 20px;gap:28px}.product-hero-actions .text-link{font-size:11px;gap:13px}.screenshot-top{font-size:9px}.screenshot-top>span:last-child{font-size:9px;max-width:140px}.product-screenshot{padding:14px}.product-screenshot figcaption{font-size:9px}.lesson-opening h1{font-size:clamp(80px,20vw,104px)}.note-scene{padding:21px}.note-topline{font-size:9px}.note-paper{padding:27px;min-height:340px}.note-paper p{font-size:39px}.note-bottomline{font-size:9px}.editorial-split h2{font-size:clamp(33px,8.1vw,41px)}.invite-section h2{font-size:clamp(34px,8vw,42px)}#invite-dialog{padding:25px}#invite-dialog h2{font-size:35px}#invite-dialog p{font-size:13px}#invite-dialog .form-privacy{font-size:11px}#invite-dialog label{font-size:12px}.policy-intro h1{font-size:clamp(41px,10.5vw,54px)}}
@media(max-width:360px){.container,.site-header,.policy-wrap{width:calc(100% - 32px)}.hero h1{font-size:73px}.hero-copy>.eyebrow{font-size:10px}.gallery-note .eyebrow{font-size:10px}.gallery-card{padding:15px}.gallery-topline>span:last-child{font-size:9px;max-width:130px}.section-label{font-size:9px}.section-label>span:last-child{max-width:115px;font-size:9px}.project-tile{padding:18px}.tile-copy h4{font-size:25px}.footer-top{gap:30px 20px}.footer-intro>p{font-size:17px}.footer-top nav{font-size:11px}.product-hero h1{font-size:42px}.product-hero-actions{gap:14px}.product-hero-actions .text-link{font-size:11px}.policy-email{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal{opacity:1;transform:none;transition:none}.carousel-slide,.carousel-pagination button>span,.project-tile,.button,.button>span[aria-hidden],.faq-list summary>span,.menu-toggle>span{transition:none}.project-tile:hover,.button:hover,.button:hover>span[aria-hidden]{transform:none}.lab-marquee{animation:none;will-change:auto;width:100%}.marquee-group{flex-wrap:wrap;white-space:normal;justify-content:center;gap:15px 22px;padding:0 6%}.marquee-group+.marquee-group,.marquee-toggle,.moving-strip:after{display:none}.marquee-group>span{font-size:14px}.marquee-group>i{font-size:13px}}

/* Small text is part of the experience, not an afterthought. */
.eyebrow,.section-label,.breadcrumb,.gallery-note .eyebrow,.gallery-topline>span:last-child,.gallery-bottomline,.gallery-hint,.hero-foot,.tile-meta,.tile-image figcaption,.founder-credit,.footer-bottom{color:#66745c}.tile-copy>p,.lab-intro p,.lab-values p,.section-heading>p,.founder-content p:not(.eyebrow),.faq-list p,.feature-trio p,.editorial-split>div>p{color:#626e59}.tile-minis .tile-copy>p,.tile-minis .tile-meta,.tile-minis .tile-image figcaption,.conversation-layout>div>p,.conversation-message>p,.product-hero-heading>p{color:#6e617d}.tile-lesson .tile-copy>p,.tile-lesson .tile-meta,.tile-lesson .tile-image figcaption,.lesson-deck,.writing-examples p,.access-manifesto>div>p{color:#796652}.tile-foco .tile-copy>p,.tile-foco .tile-meta,.tile-foco .tile-image figcaption{color:#70694b}.tile-topo .tile-copy>p,.tile-topo .tile-meta,.tile-topo .tile-image figcaption{color:#5c7282}.footer-top nav{color:#59684e}.policy-content p,.policy-deck,.policy-project small{color:#617153}.small-note{color:#6d7d5f!important}.invite-section>p:not(.eyebrow),.invite-section>.small-note{color:#756485!important}.screenshot-top,.product-screenshot figcaption{color:#6f637d}.lesson-opening .access-note,.note-topline,.note-bottomline,.paper-date,.note-paper>span:last-child,.writing-examples article>span{color:#87765e}#invite-dialog p{color:#657855}#invite-dialog label{color:#566b48}#invite-dialog .form-privacy{color:#6e7d61}#invite-dialog input::placeholder,#invite-dialog textarea::placeholder{color:#89977c}.page-lesson .screenshot-top,.page-lesson .product-screenshot figcaption{color:#85705b}
@media(max-width:360px){.hero h1{font-size:67px}}
.carousel-track:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

/* Static platform screens: original pixels, quiet gallery framing. */
.interface-window{position:relative;isolation:isolate;width:100%;min-width:0;overflow:hidden;border:1px solid #222b3833;border-radius:12px;background:#fff;box-shadow:0 2px 3px #14213808,0 16px 32px -16px #14213840,0 42px 65px -38px #14213850;user-select:none;-webkit-user-select:none}
.interface-chrome{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:8px;height:34px;padding:0 13px;background:linear-gradient(#ffffff,#f6f7f9);border-bottom:1px solid #dfe3e9;color:#87909f;font:10px/1.4 Arial,Helvetica,sans-serif;pointer-events:none}
.window-dots{font-size:8px;letter-spacing:2px;color:#c7ccd4;white-space:nowrap}.window-address{justify-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eceef2;border:1px solid #e5e8ed;border-radius:5px;padding:3px 22px;color:#6d7583;letter-spacing:.15px}.window-mark{text-align:right;font-size:13px;color:#a4acb8}
.interface-window .interface-capture{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;background:#fff;box-shadow:none;pointer-events:none;-webkit-user-drag:none}
.gallery-image{aspect-ratio:auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.gallery-card{padding:24px 20px 22px;min-height:430px;background-image:radial-gradient(ellipse at 50% 50%,#ffffffa8 0%,#ffffff00 74%)}.gallery-topline{margin-bottom:24px}.gallery-bottomline{margin-top:24px}.gallery-card:before{display:none}
.project-grid{grid-template-columns:1fr;gap:30px}.project-tile{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:6%;padding:40px;align-items:center;position:relative}.project-tile:hover{transform:none;box-shadow:none}.tile-copy{padding:12px 0}.tile-image{order:0;margin:0;align-self:center;padding:25px 0;position:relative;isolation:isolate}.tile-image:before{content:'';position:absolute;z-index:-1;inset:-20px -20px;background:radial-gradient(ellipse,#ffffffb8 0%,#ffffff00 70%);pointer-events:none}.tile-image figcaption{margin-top:16px;text-align:center;font-size:10px}.tile-copy h3{font-size:clamp(38px,4.2vw,58px);margin-top:23px}.tile-copy h4{font-size:clamp(22px,2.3vw,29px)}.tile-copy>p{font-size:14px;max-width:340px}.project-screenshot{padding:32px;background-image:radial-gradient(ellipse at 50% 45%,#ffffffc9,transparent 75%)}.product-screenshot>.interface-window{max-width:1000px;margin-inline:auto}.product-screenshot figcaption{margin-top:24px;text-align:center}.screenshot-top{padding-bottom:26px}.interface-window[data-product=lesson]{background:#f7f7f8}
@media(min-width:1100px){.hero{grid-template-columns:.85fr 1.15fr;gap:6%}.gallery-card{padding:26px 22px}.gallery-image .interface-chrome{height:31px}}
@media(max-width:900px){.project-tile{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5%;padding:28px}.tile-copy>p{font-size:13px}.interface-chrome{grid-template-columns:38px minmax(0,1fr) 24px;padding:0 10px}.window-address{padding:3px 12px}}
@media(max-width:740px){.project-tile{display:flex;flex-direction:column;gap:8px;padding:23px}.tile-image{order:-1;width:100%;padding:3px 0 15px}.tile-copy{width:100%;padding:10px 0 3px}.tile-copy h3{font-size:39px;margin-top:17px}.tile-copy h4{font-size:25px}.tile-copy>p{max-width:100%}.tile-image figcaption{font-size:9px;margin-top:13px}.project-grid{gap:24px}.gallery-card{padding:20px 14px 17px;min-height:0}.gallery-topline,.gallery-bottomline{padding-inline:5px}.interface-window{border-radius:9px;box-shadow:0 2px 3px #14213808,0 14px 26px -15px #1421384d}.interface-chrome{height:27px;font-size:9px;gap:4px}.window-dots{font-size:6px;letter-spacing:1px}.window-address{padding:2px 8px}.product-screenshot{padding:18px}.screenshot-top{padding-bottom:19px}.product-screenshot figcaption{margin-top:18px}.tile-image:before{inset:0}}
@media(prefers-reduced-motion:reduce){.interface-window{animation:none;transition:none}}

/* Jewel colors on visual stages; white space for the story. */
.mint{--project-color:var(--mint)}.lilac{--project-color:var(--lilac)}.butter{--project-color:var(--butter)}.sky{--project-color:var(--sky)}.peach{--project-color:var(--peach)}
.gallery-card{color:#fff;background:var(--project-color);background-image:none;border-color:#ffffff20}.gallery-topline>span:first-child{color:#fff}.gallery-topline>span:last-child,.gallery-bottomline{color:#fff}
.project-tile{background:#fff;border-color:#e5e6ed;padding:24px 24px 24px 40px;gap:5%}.project-tile .tile-copy h3,.project-tile .tile-copy h4{color:#232535}.project-tile .tile-copy h3>span,.project-tile .tile-tick{color:var(--project-color)}.project-tile .tile-meta,.project-tile .tile-copy>p,.project-tile .small-link{color:#5b5e70}.project-tile .text-link{color:var(--project-color);border-color:currentColor}.project-tile .text-link:hover,.project-tile .small-link:hover{color:var(--blue)}
.tile-image{padding:27px 24px 21px;border-radius:13px;background:var(--project-color);width:100%;margin:0}.tile-image:before{display:none}.project-tile .tile-image figcaption{color:#fff;font-size:10px;margin-top:20px}.product-screenshot{background:var(--project-color);border-color:#ffffff15}.product-screenshot .screenshot-top,.product-screenshot figcaption,.page-lesson .product-screenshot .screenshot-top,.page-lesson .product-screenshot figcaption{color:#fff}
.status-dot{background:#4055ef}.status-dot.purple{background:#7549db}.status-dot.coral{background:#c93863}.lab-intro h2 em{color:#4055ef}.founder-content blockquote,.questions-layout h2 em{color:#7549db}.product-hero h1 em,.conversation-layout h2 em,.invite-section h2 em{color:#7549db}.page-lesson .lesson-opening h1 em,.page-lesson .detail-section h2 em,.writing-examples h3 em,.access-manifesto h2 em{color:#c93863}.note-scene{background:#f9e8ee;border-color:#f0c9d6}.note-paper{background:#fffafb;border-color:#ecd9e0;box-shadow:0 18px 35px #83314b15}.note-paper p em{color:#c93863}.note-topline,.note-bottomline{color:#78465a}.feature-trio article{background:#fff;border-color:#e5e6ed;border-top:3px solid var(--project-color)}.feature-trio article h3{color:#232535}.feature-trio article p,.feature-trio article .feature-num{color:#5b5e70}.agent-name.blue{color:#4055ef}.agent-name.violet{color:#7549db}.agent-name.green{color:#007e86}.conversation-result,.conversation-message.user{background:#f0eafa}.conversation-result>span,.conversation-result>p,.conversation-message.user>span,.conversation-message.user>p{color:#593596}.invite-section{background:#f6f3fc;border-color:#e4dcf4}
.moving-strip{background:#f0effb;border-color:#e1dff2}.moving-strip:after{background:linear-gradient(270deg,#f0effb 55%,transparent)}.marquee-group>span{color:#403766}.marquee-group>i{color:#7549db}.marquee-toggle{color:#403766;background:#fff;border-color:#ccc5e4}.site-footer{background:#f3f4fa;border-color:#e1e3ef}.footer-intro>p,.footer-top nav .eyebrow{color:#32364e}.footer-top nav,.footer-bottom{color:#555b73}.footer-bottom{border-color:#dddfea}.back-top{border-color:#c7cce0}.policy-intro h1 em{color:#7549db}.policy-project strong,.policy-project>span:last-child{color:var(--blue)}
@media(max-width:900px){.project-tile{padding:24px;gap:5%}.tile-image{padding:20px 17px 17px}}
@media(max-width:740px){.project-tile{padding:15px;gap:12px}.tile-copy{padding:10px 7px 9px;width:100%}.tile-image{padding:19px 14px 15px}.project-tile .tile-image figcaption{font-size:9px;margin-top:16px}}


/* ==========================================================================
   ZEETUDE / NOIR — 2026-10-29
   Absolute-black canvas, editorial type, kinetic fog and tactile liquid glass.
   No layout dependencies; product screenshots retain their original colors.
   ========================================================================== */
:root{
  color-scheme:dark;
  --paper:#000;
  --white:#080a0f;
  --ink:#f7f7fa;
  --muted:#989ba9;
  --line:rgba(255,255,255,.115);
  --blue:#a3acff;
  --brand-blue:#2937ff;
  --ease:cubic-bezier(.18,.75,.23,1);
  --type-sans:"Manrope","Avenir Next","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --type-display:"Instrument Serif","Iowan Old Style","Bodoni MT","Didot",Georgia,serif;
}
html{background:#000;scroll-padding-top:104px}
body.studio{
  background:#000;
  color:var(--ink);
  font-family:var(--type-sans);
  font-weight:400;
  letter-spacing:-.018em;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.studio::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  opacity:.085;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E");
}
body.studio > *{position:relative}
body.studio .container{max-width:1340px}
body.studio :is(h1,h2,h3,h4){font-family:var(--type-sans);font-weight:500;letter-spacing:-.067em;text-wrap:balance}
body.studio em{font-family:var(--type-display);font-weight:400;font-style:italic;letter-spacing:-.045em}
body.studio :is(h1,h2,h3,h4) em{color:#d6d9ff}
body.studio :is(.eyebrow,.section-label,.breadcrumb,.tile-meta,.gallery-topline>span:last-child,.gallery-bottomline,.gallery-hint,.hero-foot,.tile-image figcaption,.founder-credit,.footer-bottom,.feature-num,.small-note,.screenshot-top,.product-screenshot figcaption,.policy-date,.policy-index,.note-topline,.note-bottomline,.writing-examples article>span,.access-note){
  font-family:var(--type-sans);font-weight:500;letter-spacing:.075em;
  color:#9397a5;
}
body.studio :is(.eyebrow,.section-label,.breadcrumb){text-transform:uppercase;font-size:10px}
body.studio ::selection{background:#9ca8ff;color:#05050c}
body.studio :is(a,button,summary,input,textarea):focus-visible{outline:2px solid #b8beff;outline-offset:4px}
body.studio .skip:focus{background:#f5f5ff;color:#07070b}
body.studio :is(.site-header,.site-footer,.closing,.policy-intro,.policy-content section,.section-label,.footer-bottom){border-color:var(--line)}
body.studio :is(.hero-bottom>p,.hero-foot,.lab-intro p,.lab-intro p:first-child,.lab-values p,.section-heading>p,.tile-copy>p,.founder-content p:not(.eyebrow),.faq-list p,.feature-trio p,.product-hero-heading>p,.conversation-layout>div>p,.editorial-split>div>p,.writing-examples p,.access-manifesto>div>p,.lesson-deck,.policy-deck,.policy-content p,.invite-section>p:not(.eyebrow)){
  color:#a6a9b5;
}
body.studio :is(.lab-intro p:first-child,.tile-copy h4,.footer-intro>p,.policy-content h3,.feature-trio h3){color:#ebedf6}
body.studio :is(.section-label>span:last-child,.gallery-note .eyebrow,.tile-image figcaption,.founder-credit,.footer-bottom,.screenshot-top,.product-screenshot figcaption){color:#8c90a0}
body.studio .section-label{border-color:var(--line);padding-top:21px}
body.studio :is(.status-dot,.status-dot.purple,.status-dot.coral){
  background:#8695ff;box-shadow:0 0 0 4px rgba(100,112,255,.09),0 0 18px rgba(118,128,255,.55);
}
body.studio :is(.hero h1 em,.lab-intro h2 em,.section-heading h2 em,.closing h2 em,.founder-content blockquote,.questions-layout h2 em,.product-hero h1 em,.conversation-layout h2 em,.invite-section h2 em,.page-lesson .lesson-opening h1 em,.page-lesson .detail-section h2 em,.writing-examples h3 em,.access-manifesto h2 em,.policy-intro h1 em){color:#c1c7ff}
body.studio .hero h1 em{color:#a8b2ff}
body.studio .text-link{border-color:rgba(181,187,255,.4);color:#e5e6ff}
body.studio .text-link:hover{color:#fff;border-color:#e5e6ff}
body.studio :is(.small-link,.breadcrumb,.policy-back,.hero-foot>a){color:#a5aadd}
body.studio :is(.small-link:hover,.breadcrumb:hover,.policy-back:hover,.hero-foot>a:hover){color:#fff}

/* Glass masthead: a barely visible liquid edge on a deep black field. */
body.studio .site-header{
  position:sticky;top:12px;
  z-index:40;height:80px;max-width:1480px;
  margin:12px auto 0;padding:0 28px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:22px;
  background:rgba(9,10,15,.78);
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 14px 48px rgba(0,0,0,.38);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
  transition:height .4s var(--ease),border-color .35s,background .35s,box-shadow .35s;
}
body.studio .site-header.is-scrolled{
  height:69px;border-color:rgba(255,255,255,.18);
  background:rgba(5,6,10,.92);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 55px rgba(0,0,0,.6);
}
body.studio .site-header::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse 65% 95% at 50% -55%,rgba(255,255,255,.14),transparent 100%);
}
body.studio .brand{width:144px;position:relative;filter:drop-shadow(0 0 14px rgba(46,64,255,.14))}
body.studio .brand img{width:100%}
body.studio .desktop-nav{gap:32px;color:#a1a4b0;font-size:12px;letter-spacing:-.01em}
body.studio .desktop-nav a:hover,body.studio .desktop-nav a[aria-current]{color:#fff}
body.studio .desktop-nav a::after{background:#a3acff;bottom:5px}
body.studio .header-contact{border-bottom:1px solid rgba(255,255,255,.28);font-size:12px;color:#eceef9}
body.studio .header-contact:hover{color:#fff;border-color:#fff}

/* Fluid controls: a glimmer travels through the glass without obscuring text. */
body.studio :is(.button,.back-top,.carousel-arrows button,.menu-toggle,.marquee-toggle){
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid rgba(203,210,255,.28);
  background:linear-gradient(136deg,rgba(255,255,255,.15),rgba(255,255,255,.045) 34%,rgba(255,255,255,.075) 100%),#121421;
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.3);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  transition:transform .45s var(--ease),background .35s,border-color .35s,box-shadow .45s var(--ease);
}
body.studio :is(.button,.back-top,.carousel-arrows button,.menu-toggle,.marquee-toggle)::before{
  content:"";position:absolute;pointer-events:none;inset:-2px;border-radius:inherit;
  background:radial-gradient(circle at var(--pointer-x,30%) var(--pointer-y,0%),rgba(255,255,255,.34),transparent 42%);
  opacity:.4;transition:opacity .4s,transform .6s var(--ease);
}
body.studio :is(.button,.back-top,.carousel-arrows button,.menu-toggle,.marquee-toggle):hover:not(:disabled){
  transform:translateY(-2px);
  border-color:rgba(206,211,255,.54);
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 14px 32px rgba(63,72,176,.17),0 10px 30px #0008;
}
body.studio :is(.button,.back-top,.carousel-arrows button,.menu-toggle,.marquee-toggle):hover:not(:disabled)::before{opacity:.95;transform:scale(1.12)}
body.studio .button{border-radius:999px;min-height:52px;padding:14px 23px;font-size:12px;font-weight:600;letter-spacing:-.01em}
body.studio .button:hover{background:linear-gradient(120deg,#20264e,#0c1022)}
body.studio .button>span[aria-hidden]{position:relative}
body.studio .carousel-arrows button:disabled{background:#0c0c0f;color:#70727a;box-shadow:none;opacity:.48}
body.studio .carousel-pagination button>span{background:#606370}
body.studio .carousel-pagination button[aria-pressed=true]>span{background:#bdc4ff;box-shadow:0 0 13px rgba(130,140,255,.65)}

/* Hero and kinetic smoke: content fades in sharply at the end of the motion. */
body.studio .hero{padding-top:74px;min-height:700px;gap:7%;align-items:center}
body.studio .hero-copy>.eyebrow{color:#a4a7b3;letter-spacing:.08em}
body.studio .hero h1{
  font-size:clamp(73px,7.7vw,126px);
  font-weight:500;line-height:.99;letter-spacing:-.082em;
  color:#fafaff;
}
body.studio .hero h1 em{letter-spacing:-.065em}
body.studio .hero-bottom>p{font-size:14px;max-width:335px;line-height:1.85}
body.studio .hero-foot{border-color:var(--line);color:#868a98;margin-top:60px}
body.studio .hero-copy>.eyebrow{animation:zeetude-fog-in .85s .06s both var(--ease)}
body.studio .hero h1{animation:zeetude-fog-in 1.12s .16s both var(--ease)}
body.studio .hero-bottom{animation:zeetude-fog-in 1.12s .36s both var(--ease)}
body.studio .project-carousel{position:relative;isolation:isolate;padding-top:20px;animation:zeetude-fog-in 1.3s .42s both var(--ease)}
body.studio .project-carousel::before,body.studio .project-carousel::after{
  content:"";pointer-events:none;position:absolute;border-radius:50%;z-index:-1;
  border:1px solid rgba(237,240,255,.2);
  background:radial-gradient(circle at 28% 21%,rgba(255,255,255,.37),rgba(111,128,243,.14) 18%,rgba(255,255,255,.045) 49%,rgba(255,255,255,.012) 72%);
  box-shadow:inset -8px -12px 27px rgba(129,146,255,.12),inset 5px 7px 15px rgba(255,255,255,.14),0 0 75px rgba(84,98,255,.10);
}
body.studio .project-carousel::before{width:172px;height:172px;top:-34px;right:-38px;animation:zeetude-droplet-drift 9s ease-in-out infinite alternate}
body.studio .project-carousel::after{width:83px;height:83px;top:75px;right:66px;animation:zeetude-droplet-join 9s ease-in-out infinite alternate}
body.studio .gallery-note{position:relative;z-index:2}
body.studio .gallery-note .eyebrow{color:#999eae}
body.studio .carousel-track{border-radius:24px}
body.studio .carousel-slide{opacity:.38;transform:scale(.965)}
body.studio .carousel-slide.is-current{opacity:1;transform:none}
body.studio .gallery-card{
  position:relative;isolation:isolate;overflow:hidden;color:#f9f9ff;
  padding:28px 24px 24px;min-height:420px;
  border:1px solid rgba(255,255,255,.16);border-radius:24px;
  background:linear-gradient(155deg,rgba(var(--glow),.20) 0%,rgba(255,255,255,.055) 31%,rgba(var(--glow),.06) 58%,#050608 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 22px 65px rgba(0,0,0,.43);
}
body.studio .gallery-card::before{
  content:"";display:block;position:absolute;inset:0;height:auto;pointer-events:none;
  background:radial-gradient(540px circle at var(--pointer-x,80%) var(--pointer-y,5%),rgba(255,255,255,.12),transparent 60%);
}
body.studio .gallery-topline,body.studio .gallery-bottomline{position:relative}
body.studio .gallery-topline>span:first-child{font-weight:600}
body.studio .gallery-topline>span:last-child,body.studio .gallery-bottomline{color:#c0c2d3}
body.studio .gallery-image{position:relative}
body.studio .interface-window{
  border:1px solid rgba(216,226,255,.22);border-radius:13px;
  box-shadow:0 1px 0 rgba(255,255,255,.12),0 22px 65px rgba(0,0,0,.56);
  background:#fff;
}
body.studio .interface-chrome{background:linear-gradient(#f9faff,#eeeff2);color:#727786}
body.studio .interface-capture{background:#fff}
body.studio .carousel-controls{color:#a8abb8}
body.studio .gallery-hint{color:#888d9d}

/* Color is kept as a controlled refracted glow, never a solid card wall. */
body.studio .mint{--glow:64,85,239}
body.studio .lilac{--glow:142,93,237}
body.studio .butter{--glow:238,111,64}
body.studio .sky{--glow:18,185,201}
body.studio .peach{--glow:236,70,137}
body.studio .moving-strip{
  padding:19px 0;background:#07080e;border-block:1px solid rgba(160,171,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
body.studio .moving-strip::after{background:linear-gradient(270deg,#07080e 40%,transparent)}
body.studio .marquee-group>span{font-family:var(--type-display);font-style:italic;font-size:20px;letter-spacing:0;color:#d8daea}
body.studio .marquee-group>i{color:#838bff;font-size:16px}
body.studio .marquee-toggle{z-index:3;right:23px}
body.studio .lab-section{padding-top:110px;padding-bottom:96px}
body.studio h2{font-size:clamp(42px,5vw,76px);line-height:1.09}
body.studio .lab-values{margin-top:80px}
body.studio .lab-values p{border-color:var(--line);color:#b8bac5}
body.studio .lab-values span{color:#858ac0}
body.studio .section-heading{margin-top:60px;margin-bottom:44px}

/* Showcase panels and liquid droplets behind untouched static previews. */
body.studio .project-grid{gap:24px}
body.studio .project-tile{
  background:linear-gradient(142deg,#0c0d12 0%,#050506 76%);
  border:1px solid rgba(255,255,255,.125);
  border-radius:26px;padding:32px 35px 32px 44px;gap:5%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:border-color .55s var(--ease),transform .65s var(--ease),box-shadow .65s var(--ease);
}
body.studio .project-tile:hover{
  transform:translateY(-4px);border-color:rgba(167,173,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 22px 70px rgba(0,0,0,.48);
}
body.studio .project-tile .tile-copy h3{font-size:clamp(42px,4.5vw,69px);letter-spacing:-.075em;color:#f6f7fb}
body.studio .project-tile .tile-copy h4{font-size:clamp(23px,2.25vw,31px);font-weight:500;letter-spacing:-.048em;line-height:1.3;color:#e4e6f0}
body.studio .project-tile .tile-copy h3>span{color:rgb(var(--glow))}
body.studio .project-tile .tile-tick{color:#bfc4ff}
body.studio .project-tile :is(.tile-meta,.tile-copy>p,.small-link){color:#a5a8b8}
body.studio .project-tile .text-link{color:#f0f0ff;border-color:rgba(var(--glow),.55)}
body.studio .project-tile .text-link:hover{color:#fff;border-color:#fff}
body.studio .project-tile .tile-image{
  isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.1);
  border-radius:19px;padding:30px 23px 23px;
  background:radial-gradient(ellipse at 38% 10%,rgba(var(--glow),.35),transparent 66%),linear-gradient(150deg,#111322,#090a0e 78%);
}
body.studio .tile-image::before,body.studio .tile-image::after{
  content:"";display:block;position:absolute;pointer-events:none;z-index:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
  background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.35),rgba(var(--glow),.20) 30%,rgba(255,255,255,.025) 64%);
  box-shadow:inset 3px 4px 13px rgba(255,255,255,.12),inset -6px -9px 18px rgba(var(--glow),.17),0 0 35px rgba(var(--glow),.1);
  transition:transform .9s cubic-bezier(.2,1,.22,1),border-radius .9s var(--ease);
}
body.studio .tile-image::before{width:108px;height:108px;left:-34px;top:9%;transform:translate(37px,26px) scale(1.04)}
body.studio .tile-image::after{width:54px;height:54px;left:48px;top:20%;transform:translate(-6px,2px) scale(.85)}
body.studio .project-tile:hover .tile-image::before{transform:translate(-14px,-8px) scale(1.04);border-radius:44% 56% 58% 42%}
body.studio .project-tile:hover .tile-image::after{transform:translate(67px,-20px) scale(1.04);border-radius:54% 46% 44% 56%}
body.studio .project-tile .tile-image .interface-window{position:relative;z-index:2}
body.studio .project-tile .tile-image figcaption{position:relative;z-index:2;color:#b8bcca}
body.studio .founder-mark::before{border-color:rgba(170,180,255,.19)}
body.studio .founder-mark::after{border-color:rgba(170,180,255,.13)}
body.studio .founder-mark img{filter:drop-shadow(0 0 22px rgba(74,91,255,.12))}
body.studio .founder-content blockquote{font-family:var(--type-display);font-style:italic;font-size:clamp(26px,2.6vw,37px);letter-spacing:-.025em;line-height:1.3}
body.studio .faq-list details{border-color:var(--line)}
body.studio .faq-list summary{color:#e8e9f1;transition:color .3s}
body.studio .faq-list summary>span{color:#adb3f8}
body.studio .faq-list details[open] summary{color:#c7ccff}

/* Subpages are as considered as the homepage. */
body.studio .product-hero{padding-top:51px}
body.studio .product-hero h1{font-size:clamp(61px,7.1vw,102px);line-height:1.03}
body.studio .product-hero-heading>p{color:#a6a9ba}
body.studio .product-screenshot{
  padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:24px;
  background:radial-gradient(ellipse at 40% 0%,rgba(var(--glow,121,105,241),.29),transparent 70%),linear-gradient(145deg,#11111b,#08080d);
}
body.studio .product-screenshot :is(.screenshot-top,figcaption){color:#bfc0d1}
body.studio .feature-trio article{
  border:1px solid rgba(255,255,255,.13);border-top:1px solid rgba(177,186,255,.28);
  border-radius:19px;background:linear-gradient(150deg,#111218,#08090d);
  transition:transform .45s var(--ease),border-color .4s;
}
body.studio .feature-trio article:hover{transform:translateY(-4px);border-color:rgba(168,177,255,.4)}
body.studio .feature-trio article :is(.feature-num,p){color:#a7aaba}
body.studio .feature-trio article h3{color:#f1f2f8}
body.studio .conversation-card{
  background:linear-gradient(160deg,#0f1018,#08090d);border:1px solid rgba(255,255,255,.13);
  border-radius:22px;color:#f4f5ff;box-shadow:0 20px 55px #0006;
}
body.studio .conversation-bar{color:#a7aaba;border-color:var(--line)}
body.studio .conversation-message>span{color:#b7beff}
body.studio .conversation-message>p{color:#c4c7d3}
body.studio .conversation-message.user,body.studio .conversation-result{
  background:rgba(117,73,219,.16);border:1px solid rgba(174,147,255,.17);border-radius:14px;
}
body.studio .conversation-message.user :is(span,p),body.studio .conversation-result :is(span,p){color:#dcd2fa}
body.studio .invite-section{
  border:1px solid rgba(180,169,255,.23);border-radius:25px;
  background:radial-gradient(ellipse at 100% 0%,rgba(117,73,219,.18),transparent 55%),#0b0b11;
}
body.studio .invite-section :is(p,.small-note){color:#bab7cc!important}
body.studio .note-scene{
  border:1px solid rgba(233,160,205,.22);border-radius:23px;
  background:radial-gradient(ellipse at 25% 0%,rgba(236,70,137,.2),transparent 70%),#101016;
}
body.studio .note-paper{
  background:#111116;border-color:rgba(255,255,255,.2);
  box-shadow:0 22px 60px #0008;
}
body.studio .note-paper p{color:#e9e7ed}
body.studio .note-paper p em{color:#f8a9cf}
body.studio .note-paper :is(.paper-date,span){color:#b2aebc}
body.studio .note-rule{background:rgba(255,255,255,.22)}
body.studio .note-topline,body.studio .note-bottomline{color:#c1b3c0}
body.studio .writing-examples article{border-color:var(--line)}
body.studio .policy-index{color:#a4a9ba}
body.studio .policy-index>span{color:#d3d4e1}
body.studio .policy-index a:hover{color:#fff}
body.studio .policy-content :is(h3,p){color:#bfc1ce}
body.studio .policy-content h3{color:#f2f3f9}
body.studio .policy-content p a{color:#c6cbff}
body.studio .policy-project{
  border:1px solid rgba(169,178,255,.21);
  border-radius:17px;background:linear-gradient(145deg,#11121d,#090a10);
}
body.studio .policy-project strong{color:#f1f2fd}
body.studio .policy-project small{color:#9da1b4}
body.studio .policy-project>span:last-child{color:#b1baff}
body.studio .policy-email{color:#dce0ff;border-color:rgba(179,189,255,.4)}

/* Invite modal: true dark dialog, soft focused inputs. */
#invite-dialog{
  color:#f4f5fb;background:#0c0d13;border:1px solid rgba(214,217,255,.22);
  border-radius:23px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 35px 100px #000d;
}
#invite-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(13px)}
#invite-dialog .eyebrow,#invite-dialog label,#invite-dialog label span{color:#aeb1c4}
#invite-dialog h2,#invite-dialog h2 em{color:#f5f6fc}
#invite-dialog p,#invite-dialog .form-privacy{color:#b8bbca}
#invite-dialog .dialog-top button{
  color:#fff;border:1px solid rgba(255,255,255,.2);background:#171822;
}
#invite-dialog input,#invite-dialog textarea{
  background:#13141e;color:#fff;border:1px solid rgba(255,255,255,.19);
  border-radius:11px;
}
#invite-dialog input::placeholder,#invite-dialog textarea::placeholder{color:#858a9e}
#invite-dialog input:focus,#invite-dialog textarea:focus{border-color:#aab5ff}
#invite-dialog #invite-copy{background:#151626;color:#f5f6ff;border-color:rgba(255,255,255,.25)}
#invite-dialog .action-primary{background:#2937ff;border-color:#6570ff;color:#fff}
#invite-dialog #invite-feedback{color:#c3c7d5}

/* The footer belongs to the black canvas, not to another colored panel. */
body.studio .site-footer{
  padding-top:65px;
  background:#000;border-top:1px solid rgba(255,255,255,.13);
}
body.studio .footer-intro>p{color:#e9eaf3;font-size:clamp(19px,2.1vw,25px);line-height:1.5}
body.studio .footer-top nav,body.studio .footer-top nav .eyebrow{color:#a8aaba}
body.studio .footer-top nav a:hover{color:#fff}
body.studio .footer-signature>img{filter:drop-shadow(0 0 30px rgba(41,55,255,.1))}
body.studio .back-top{border-radius:50%}
body.studio .footer-bottom{color:#9195a7;border-color:var(--line)}

/* Scroll smoke: no-JS stays visible; progressive enhancement only. */
body.studio.motion-ready .reveal{
  opacity:0;filter:blur(12px);transform:translate3d(0,27px,0) scale(.985);
  transition:opacity .9s var(--ease),transform 1.05s var(--ease),filter 1.05s var(--ease);
  transition-delay:var(--reveal-delay,0ms);
}
body.studio.motion-ready .reveal.visible{opacity:1;filter:blur(0);transform:none}
@keyframes zeetude-fog-in{
  from{opacity:0;filter:blur(15px);transform:translate3d(0,23px,0) scale(.985)}
  to{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}
}
@keyframes zeetude-droplet-drift{
  from{transform:translate3d(-9px,10px,0) scale(1)}
  to{transform:translate3d(14px,-12px,0) scale(1.11)}
}
@keyframes zeetude-droplet-join{
  from{transform:translate3d(0,0,0) scale(.9)}
  to{transform:translate3d(35px,-32px,0) scale(1.17)}
}
@media(max-width:1150px){
  body.studio .hero{min-height:600px;gap:5%}
  body.studio .gallery-card{min-height:365px;padding:23px 20px}
  body.studio .project-tile{padding:26px}
}
@media(max-width:900px){
  body.studio .site-header{height:72px;padding-inline:21px}
  body.studio .site-header.is-scrolled{height:66px}
  body.studio .hero{min-height:0;padding-top:54px}
  body.studio .hero h1{font-size:clamp(67px,8vw,90px)}
  body.studio .gallery-card{min-height:310px;padding:18px}
  body.studio .project-tile .tile-image{padding:23px 16px 17px}
}
@media(max-width:740px){
  html{scroll-padding-top:84px}
  body.studio .container,body.studio .site-header,body.studio .policy-wrap{width:calc(100% - 36px)}
  body.studio .site-header{top:8px;margin-top:8px;height:66px;padding-inline:19px;border-radius:19px}
  body.studio .site-header.is-scrolled{height:61px}
  body.studio .brand{width:124px}
  body.studio .menu-toggle{display:flex;width:40px;height:40px;border-radius:13px;gap:5px}
  body.studio .menu-toggle>span{background:#e1e4ff;width:16px}
  body.studio .mobile-menu:not([hidden]){
    display:flex;top:calc(100% + 8px);padding:22px;border:1px solid rgba(255,255,255,.17);
    border-radius:20px;background:rgba(10,11,17,.96);
    box-shadow:inset 0 1px rgba(255,255,255,.09),0 25px 65px #000b;
    -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
    animation:zeetude-fog-in .35s both var(--ease);
  }
  body.studio .mobile-menu a{color:#e2e4f2;font-size:16px}
  body.studio .mobile-menu a:last-child{color:#b7bdff}
  body.studio .hero{padding-top:57px;display:block}
  body.studio .hero h1{font-size:clamp(67px,15.5vw,105px)}
  body.studio .hero-bottom{display:block;margin-top:30px}
  body.studio .hero-bottom>p{font-size:14px;margin-bottom:24px}
  body.studio .hero-bottom>.button{max-width:none;width:auto}
  body.studio .project-carousel{margin-top:53px}
  body.studio .project-carousel::before{width:108px;height:108px;right:-10px;top:-21px}
  body.studio .project-carousel::after{width:47px;height:47px;right:42px;top:40px}
  body.studio .gallery-card{min-height:0;padding:22px 17px 20px;border-radius:18px}
  body.studio .carousel-track{border-radius:20px}
  body.studio .hero-foot{margin-top:35px}
  body.studio .moving-strip{padding:17px 0}
  body.studio .marquee-group>span{font-size:19px}
  body.studio .lab-section{padding-top:75px;padding-bottom:65px}
  body.studio h2{font-size:clamp(36px,7.8vw,51px)}
  body.studio .lab-values{margin-top:40px}
  body.studio .section-heading{margin-top:36px}
  body.studio .project-grid{gap:20px}
  body.studio .project-tile{padding:15px;gap:13px;border-radius:21px}
  body.studio .project-tile .tile-image{padding:20px 14px 15px}
  body.studio .project-tile .tile-copy{padding:12px 9px}
  body.studio .project-tile .tile-copy h3{font-size:clamp(39px,8.5vw,51px)}
  body.studio .project-tile .tile-copy h4{font-size:25px}
  body.studio .site-footer{padding-top:45px}
  body.studio .product-hero{padding-top:34px}
  body.studio .product-hero h1{font-size:clamp(48px,9vw,70px)}
  body.studio .product-screenshot{padding:17px;border-radius:20px}
  body.studio .note-paper{min-height:340px}
  body.studio .feature-trio article:hover,body.studio .project-tile:hover{transform:none}
}
@media(max-width:500px){
  body.studio .hero h1{font-size:clamp(64px,17.4vw,89px)}
  body.studio .hero-copy>.eyebrow{font-size:9px}
  body.studio .hero-bottom .button{font-size:12px}
  body.studio .gallery-card{padding:17px 14px 17px}
  body.studio .gallery-bottomline{font-size:9px}
  body.studio .project-tile .tile-copy h4{font-size:25px}
  body.studio .tile-image::before{width:72px;height:72px}
  body.studio .tile-image::after{width:38px;height:38px}
  body.studio .product-hero h1{font-size:clamp(44px,10.5vw,58px)}
  body.studio .lesson-opening h1{font-size:clamp(79px,19vw,103px)}
  body.studio .mobile-menu a{min-height:39px}
}
@media(max-width:360px){
  body.studio .hero h1{font-size:64px}
  body.studio .container,body.studio .site-header,body.studio .policy-wrap{width:calc(100% - 28px)}
  body.studio .product-hero h1{font-size:42px}
}
@media(hover:none),(pointer:coarse){
  body.studio :is(.button,.back-top,.carousel-arrows button,.menu-toggle,.marquee-toggle){-webkit-backdrop-filter:none;backdrop-filter:none}
  body.studio .project-carousel::before,body.studio .project-carousel::after{animation:none}
  body.studio .project-tile:hover .tile-image::before{transform:translate(37px,26px) scale(1.04)}
  body.studio .project-tile:hover .tile-image::after{transform:translate(-6px,2px) scale(.85)}
}
@media(prefers-reduced-motion:reduce){
  body.studio .hero-copy>.eyebrow,body.studio .hero h1,body.studio .hero-bottom,body.studio .project-carousel,
  body.studio .project-carousel::before,body.studio .project-carousel::after,
  body.studio .mobile-menu:not([hidden]){animation:none!important}
  body.studio.motion-ready .reveal{opacity:1;filter:none;transform:none;transition:none!important}
  body.studio :is(.project-tile,.feature-trio article,.button,.back-top,.carousel-arrows button,.menu-toggle,.marquee-toggle,.tile-image::before,.tile-image::after){transition:none!important}
  body.studio :is(.project-tile,.feature-trio article,.button,.back-top,.carousel-arrows button,.menu-toggle,.marquee-toggle):hover{transform:none!important}
  body.studio .lab-marquee{animation:none!important}
}


/* ZEETUDE SITE REFINEMENT · 30 Oct 2026
   Stronger navigation, focus states, stable carousel, comfortable touch UI. */
html{scroll-padding-top:112px}
body.studio{overflow-x:clip}
body.studio .desktop-nav{gap:clamp(12px,1.65vw,25px)}
body.studio .desktop-nav a{white-space:nowrap;position:relative}
body.studio .desktop-nav a[aria-current="page"]{color:#f4f4ff}
body.studio .mobile-menu a[aria-current="page"]{color:#fff;font-weight:700}
body.studio .mobile-menu a:focus-visible{outline:2px solid #b7c5ff;outline-offset:3px}
body.studio :is(.exp-primary,.exp-secondary,.gallery-link,.ft-inline-link):focus-visible{outline:2px solid #b1c4ff;outline-offset:4px}
body.studio .gallery-link{font:600 11px/1.4 var(--type-sans),sans-serif;color:#edf1ff;text-decoration:none;border-bottom:1px solid rgba(225,232,255,.35);padding-bottom:3px;transition:color .2s,border-color .2s}
body.studio .gallery-link:hover{color:#b9c9ff;border-color:#b9c9ff}
body.studio .project-carousel{min-width:0}
body.studio .carousel-track{scroll-behavior:auto}
body.studio .carousel-track.is-dragging{scroll-behavior:auto}
body.studio .carousel-track a{touch-action:manipulation}
body.studio .carousel-slide:not(.is-current) a{pointer-events:none}
body.studio .gallery-card{min-width:0}
body.studio .tile-actions{flex-wrap:wrap;row-gap:8px}
body.studio .tile-actions a{max-width:100%}
body.studio .site-header{isolation:isolate}
body.studio .site-header::before{z-index:-1}
body.studio .mobile-menu{max-height:min(76vh,660px);overflow-y:auto;overscroll-behavior:contain}
body.studio .site-footer a:focus-visible{outline:2px solid #b1c4ff;outline-offset:4px}
body.studio .exp-section,body.studio .lab-section,body.studio .projects-section{scroll-margin-top:112px}
body.studio .exp-real-screen img,body.studio .tile-image img{max-width:100%;height:auto}
body.studio .footer-signature img{height:auto}
@media(min-width:741px) and (max-width:1100px){
 body.studio .desktop-nav,body.studio .header-contact{display:none}
 body.studio .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:43px;height:43px;border-radius:13px}
 body.studio .menu-toggle>span{display:block;width:16px;height:1px;background:#e1e4ff;transition:transform .25s}
 body.studio .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
 body.studio .menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 body.studio .mobile-menu:not([hidden]){display:flex;position:absolute;flex-direction:column;align-items:stretch;gap:7px;top:calc(100% + 8px);left:0;right:0;border:1px solid rgba(255,255,255,.17);border-radius:20px;padding:22px;background:#0b0d16;box-shadow:0 22px 60px rgba(0,0,0,.8)}
 body.studio .mobile-menu a{display:block;color:#dce1f7;font-size:16px;padding:10px 0;width:100%}
 body.studio .mobile-menu a:last-child{color:#b7c5ff}
}
@media(max-width:740px){
 html{scroll-padding-top:85px}
 body.studio .mobile-menu a{min-height:42px;display:flex;align-items:center}
 body.studio .gallery-link{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 body.studio .carousel-slide,body.studio .gallery-link{transition:none!important}
 body.studio .carousel-track{scroll-behavior:auto!important}
}