:root{--ink:#20232b;--muted:#686c77;--accent:#6256dc;--border:#e3e5eb;--paper:#fafbfc;--white:#fff;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.045em;font-weight:550}p{color:var(--muted)}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:650;line-height:1.6;color:var(--muted)}.brand-dot{color:var(--accent)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #e3e5eb9c;background:#fafbfce8;backdrop-filter:blur(18px)}.nav-wrap{height:88px;max-width:1320px;width:calc(100% - 96px);margin:auto;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:19px;font-weight:650;letter-spacing:-.045em}.wordmark .brand-dot{margin-left:2px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a:hover{color:var(--accent)}nav .nav-contact{border:1px solid #d9dbe3;border-radius:7px;padding:10px 16px;display:flex;gap:20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:700px;align-items:center;padding-block:88px 76px;gap:8px}.location{font-size:10px;letter-spacing:.13em;display:inline-flex;align-items:center;gap:10px;padding-left:10px}
.status-dot{position:relative;display:inline-block;height:7px;width:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 1px #10b98144;margin:0 4px 0 8px;flex-shrink:0}
.status-dot::after{content:'';position:absolute;inset:-2px;border-radius:50%;border:1.5px solid #34d399;animation:status-ping 2.2s cubic-bezier(0,0,.2,1) infinite}
@keyframes status-ping{0%{transform:scale(.9);opacity:.95}65%,100%{transform:scale(2.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.status-dot::after{animation:none!important}}.hero h1{font-size:clamp(43px,4.7vw,64px);line-height:1.12;letter-spacing:-.055em;margin:27px 0 24px;font-weight:560}.hero h1>span{color:var(--accent)}.hero-intro{font-size:17px;line-height:1.8;max-width:445px}.actions{display:flex;gap:13px;align-items:center;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;font-size:12px;font-weight:600;border-radius:7px;padding:14px 20px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white;box-shadow:0 4px 10px #20232b14}.primary:hover{background:var(--accent)}.quiet{background:#fff;border:1px solid var(--border)}.hero-note{font-size:11px;color:#7c808a;display:flex;align-items:center;gap:10px;margin-top:41px}.small-rule{width:24px;height:1px;background:#999eaa}.hero-stage{height:490px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 55% 52%,#dedbf663,transparent 65%)}.stage-grid{position:absolute;inset:25px 0;background-image:linear-gradient(#d6d6e324 1px,transparent 1px),linear-gradient(90deg,#d6d6e324 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}.orbit{position:absolute;border:1px solid #d8d8e454;border-radius:50%;width:400px;height:400px;top:30px;left:55px;z-index:-1}.orbit-two{width:310px;height:310px;top:75px;left:100px}.phone{border:5px solid #242730;border-radius:34px;background:#fff;overflow:hidden;box-shadow:0 28px 45px -16px #272d5142;position:absolute;width:216px}.phone img{width:100%}.hero-phone{width:208px;top:29px;left:55px;transform:rotate(-7deg);z-index:2}.mini-product{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;line-height:1.5}.mini-product img{width:35px;height:35px;object-fit:cover;border-radius:10px}.mini-product small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.ekstre-mini{position:absolute;left:4px;top:20px;z-index:4;padding:12px 18px;background:#ffffffed;border:1px solid #fff;border-radius:14px;box-shadow:0 8px 28px #3038510c;transform:rotate(-5deg)}.hero-gardrop{position:absolute;top:130px;right:0;width:225px;background:#fff;border-radius:19px;border:1px solid #e7e6ec;box-shadow:0 20px 50px #30385117;z-index:3;transform:rotate(7deg);overflow:hidden}.hero-gardrop .mini-product{padding:15px}.wardrobe-crop{width:100%;height:218px;object-fit:cover;object-position:50% 19%}.preview-label{font-size:10px;padding:14px;border-top:1px solid #eee;display:flex;gap:8px}.spark{color:var(--accent)}.stage-caption{position:absolute;bottom:0;left:90px;font-size:9px;letter-spacing:.16em;color:#8b8e9b}.intro-strip{border-block:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding-block:25px;font-size:11px;color:var(--muted)}.intro-strip>div{display:flex;align-items:center;gap:18px}.intro-strip i{width:3px;height:3px;background:#b8bcc5;border-radius:50%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px}h2{font-size:38px;letter-spacing:-.045em}.section-heading h2{margin-top:13px}.section-heading p{font-size:13px;line-height:1.8}.product{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.product-content{padding:42px 44px 29px}.product-identity{display:flex;align-items:center;gap:12px}.product-identity img{border-radius:12px;width:44px;height:44px}.product-identity h3{font-size:21px;letter-spacing:-.04em;margin-bottom:5px}.product-identity span{font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--muted)}.product-identity .product-number{margin-left:auto;color:#bdc2ca;font-size:12px}.product h4{font-size:34px;margin:34px 0 18px;letter-spacing:-.045em}.product-content>p{font-size:13px;line-height:1.9;max-width:390px}.feature-lines{display:grid;gap:10px;margin:24px 0;font-size:11px;color:#555d68}.feature-lines span:before{content:'✓';margin-right:10px;color:#73888a}.product-link-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:26px}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:13px;font-weight:600}.text-link:hover{color:var(--accent)}.pill{font-size:9px;border:1px solid #dfe3e7;border-radius:30px;padding:4px 9px;color:#666e79;white-space:nowrap}.founder-label{display:block;font-size:8px;letter-spacing:.15em;color:#858b95;margin-top:25px}.product-stage{position:relative;overflow:hidden;min-height:555px;isolation:isolate}.finance-stage{background:radial-gradient(ellipse at 70% 40%,#c2e7df,#edf5f3 68%)}.stage-topline{position:absolute;top:30px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.17em;color:#6b8b85}.phone-front{top:87px;left:22%;transform:rotate(-7deg);z-index:2}.phone-back{top:125px;left:54%;width:189px;transform:rotate(9deg);z-index:1}.stage-tag{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:4;white-space:nowrap;background:#ffffffec;padding:12px 17px;border:1px solid white;border-radius:10px;box-shadow:0 10px 25px #4c575b0e;font-size:10px}.stage-tag>span{color:#528a7d;margin-right:8px}.product-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:21px 30px;border-top:1px solid var(--border);font-size:10px;color:#727884}.product-bottom>a{white-space:nowrap;color:var(--ink);display:flex;gap:20px}.product-details{margin:0 8px 40px;scroll-margin-top:110px}.product-details details{border-bottom:1px solid var(--border)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;padding:20px 13px;font-size:12px}summary::-webkit-details-marker{display:none}summary>span{font-size:11px;color:var(--muted)}summary b{display:inline-block;margin-left:20px;transition:transform .2s}details[open] summary b{transform:rotate(45deg)}.details-content{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:10px 14px 28px}.details-content h4{font-size:15px;letter-spacing:-.015em;margin-bottom:10px}.details-content p{font-size:13px;line-height:1.8}.wardrobe-stage{background:radial-gradient(ellipse at 65% 40%,#e2d9f0,#f1eef5 70%)}.wardrobe-stage .stage-topline{color:#897699}.wardrobe-stage .phone-front{transform:rotate(-6deg);top:88px}.wardrobe-stage .phone-back{transform:rotate(9deg);top:140px}.wardrobe-stage .stage-tag{bottom:40px}.screen-note{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:8px;color:#766b81;z-index:5}.philosophy{padding-top:24px;padding-bottom:110px}.philosophy>h2{font-size:44px;line-height:1.25;margin:26px 0 22px}.philosophy>h2 span{color:#9297a3}.philosophy-intro{font-size:14px;max-width:580px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:53px}.principles article{border-top:1px solid var(--border);padding-top:20px}.principle-index{font-size:11px;color:#858c99}.principles h3{font-size:18px;margin:18px 0 13px}.principles p{font-size:13px;max-width:285px;line-height:1.9}.experience{background:#f1f3f6;border-block:1px solid #e9ebf0}.two-column{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.experience h2{margin:20px 0}.experience .two-column>div>p{font-size:14px}.timeline{border-left:1px solid #d7dbe3;padding-left:32px}.timeline article{position:relative}.timeline article:before{content:'';position:absolute;width:7px;height:7px;background:#656175;border:4px solid #f1f3f6;box-sizing:content-box;border-radius:50%;left:-40px;top:5px}.role-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.timeline h3{font-size:22px}.company{display:inline-block;font-size:15px;margin:8px 0 18px}.company span{font-size:12px;color:#8b8e97;margin-left:9px}.timeline p{font-size:13px;line-height:1.9}.timeline .work-areas{font-size:11px;margin:17px 0}.tech-text{font-size:10px;color:#767c87;line-height:1.8}.earlier-role{margin-top:38px;padding-top:28px;border-top:1px solid #dfe2e9}.timeline .earlier-role:before{top:33px;background:#bbc0cb}.earlier-role h3{font-size:17px;margin:12px 0}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:48px}.cap-icon{font-size:22px;color:#78768b}.capability-grid h3{font-size:14px;letter-spacing:-.02em;margin:18px 0}.capability-grid p{font-size:13px;line-height:2.2}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--border)}.about h2{font-size:43px;line-height:1.15;margin:25px 0}.about-signature{font-size:15px;font-weight:500;margin-top:50px}.about-signature span{display:block;font-size:11px;color:var(--muted);margin-top:5px;font-weight:400}.about-copy>p{font-size:14px;line-height:1.9;margin-bottom:20px}.about-copy .large-copy{font-size:21px;line-height:1.5;letter-spacing:-.03em;color:var(--ink)}.intersection{padding-top:24px;border-top:1px solid var(--border);font-size:15px;font-weight:550;display:flex;gap:13px;align-items:center;margin-top:28px}.intersection span{color:#a5a7b2;font-weight:400}.earlier{padding-top:25px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.research-grid article{padding:27px;border:1px solid var(--border);border-radius:12px;background:#fff}.research-grid .eyebrow{font-size:8px}.research-grid h3{font-size:19px;margin:23px 0 13px;line-height:1.3}.research-grid p{font-size:12px;line-height:1.9}.research-grid .text-link{font-size:11px;margin-top:22px}.currently{background:#1c1e27;color:#f3f3f8;text-align:center;padding:83px 0 67px;position:relative;overflow:hidden}.currently:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#59487b28,transparent 60%);pointer-events:none}.currently .wrap{position:relative}.currently .eyebrow{color:#a3a2b5;font-size:9px}.connected-products{display:flex;align-items:center;justify-content:center;margin:36px auto 29px}.connected-products img{width:56px;height:56px;border-radius:15px;box-shadow:0 0 35px #aaa0db11;transition:transform .25s}.connected-products a:hover img{transform:translateY(-4px)}.connection{width:82px;height:1px;background:linear-gradient(90deg,#67647d1c,#77728d);position:relative}.connection i{position:absolute;height:3px;width:15px;background:#b3a0e3;top:-1px;border-radius:10px;animation:travel 5s ease-in-out infinite}.connection-center{font-size:20px;color:#a9a2bd;padding:0 20px}.currently h2{font-size:48px;letter-spacing:-.04em}.currently h2 span{color:#82798f;font-weight:300;margin:0 10px}.currently h2+p{margin:18px 0 28px;color:#a9a7b6;font-size:13px}.currently h3{font-size:25px;line-height:1.4;font-weight:450;letter-spacing:-.025em}.currently-descriptions{display:flex;justify-content:center;gap:70px;margin:35px 0 27px}.currently-descriptions p{font-size:11px;color:#9e9eae;line-height:1.9}.currently-descriptions strong{color:#d2d0dc;font-weight:500}.currently-note{font-size:10px;color:#90909f}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;padding-block:115px}.contact h2{font-size:47px;margin:20px 0}.contact p{font-size:13px;line-height:1.9}.contact-location{display:block;font-size:10px;color:#858995;margin-top:28px}.contact-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:24px 0;font-size:21px;letter-spacing:-.03em}.contact-links a:hover{color:var(--accent)}.contact-links small{display:block;font-size:8px;letter-spacing:.12em;color:#7f8490;margin-bottom:7px}.contact-links a>span+span{font-size:25px;font-weight:300}.skip{position:fixed;top:12px;left:12px;transform:translateY(-200%);z-index:100;background:white;padding:10px 20px}.skip:focus{transform:none}.reveal{animation:reveal .65s ease both}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes travel{0%,100%{left:0;opacity:0}35%,65%{opacity:.8}90%{left:80%;opacity:0}}
@media(min-width:1450px){.hero{min-height:750px}.hero h1{font-size:68px}}@media(max-width:1050px){.wrap,.nav-wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1.2fr 1fr;min-height:630px}.hero h1{font-size:48px}.hero-stage{transform:scale(.85);transform-origin:center right;width:420px;margin-left:-55px}.hero-intro{font-size:15px;max-width:360px}.product-content{padding:30px}.product h4{font-size:28px}.product-stage{min-height:540px}.phone-front{left:13%}.phone-back{left:49%}.two-column{gap:55px}.about{gap:45px}.contact{gap:50px}.intro-strip>div{gap:10px}.intro-strip{font-size:10px}}
@media(max-width:760px){.wrap,.nav-wrap{width:calc(100% - 40px)}.nav-wrap{height:72px}.wordmark{font-size:17px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:0;font-size:12px;padding:10px 0 10px 16px}.menu-toggle span{font-size:19px}nav{display:none;position:absolute;top:71px;left:0;right:0;padding:22px;background:#fafbfc;border-bottom:1px solid var(--border);box-shadow:0 15px 25px #171b2610;align-items:stretch;gap:8px}nav.open{display:flex;flex-direction:column}nav>a{padding:12px}nav .nav-contact{margin-top:5px;justify-content:space-between}.hero{grid-template-columns:1fr;padding:54px 0 30px;gap:24px}.hero h1{font-size:clamp(36px,8.5vw,58px);margin-top:24px}.hero-intro{max-width:470px;font-size:16px}.hero-stage{width:min(450px,100%);height:465px;margin:10px auto 0;transform:none}.hero-phone{left:12%;width:195px}.hero-gardrop{right:3%;width:205px}.hero-note{margin-top:28px}.location{font-size:8px}.stage-caption{left:0;width:100%;text-align:center}.hero-stage .orbit{left:5%;width:90%;height:360px}.hero-stage .orbit-two{left:15%;width:70%;height:280px}.ekstre-mini{left:2%}.intro-strip{padding:22px 0;gap:13px;flex-direction:column;align-items:flex-start;font-size:10px}.intro-strip>div{gap:15px}.section{padding-block:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}h2{font-size:32px}.section-heading p{font-size:13px}.product{grid-template-columns:1fr}.product-content{padding:29px 26px}.product h4{font-size:32px;margin-top:29px}.product-content>p{font-size:14px;max-width:none}.feature-lines{font-size:12px}.product-stage{min-height:490px}.phone-front{left:23%;top:74px;width:195px}.phone-back{left:51%;top:112px;width:177px}.wardrobe-stage .phone-front{top:72px}.wardrobe-stage .phone-back{top:115px}.product-bottom{padding:20px 25px;flex-direction:column;gap:14px;font-size:10px;line-height:1.8}.product-bottom a{align-self:flex-start}.product-details{margin-bottom:28px}summary{font-size:12px;padding-inline:2px}summary>span{font-size:9px}summary b{margin-left:8px}.details-content{grid-template-columns:1fr;gap:25px;padding-inline:2px}.philosophy{padding-top:15px}.philosophy>h2{font-size:34px;line-height:1.25}.desktop{display:none}.principles{grid-template-columns:1fr;gap:25px;margin-top:35px}.principles article{display:grid;grid-template-columns:30px 1fr;gap:8px}.principle-index{padding-top:2px}.principles h3{margin:0;font-size:18px}.principles p{grid-column:2;max-width:none;font-size:14px}.two-column{grid-template-columns:1fr;gap:35px}.timeline{margin-left:5px;padding-left:26px}.timeline article:before{left:-34px}.timeline p{font-size:14px}.capability-grid{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:30px}.capability-grid h3{font-size:14px;line-height:1.4}.capability-grid p{font-size:14px}.about{grid-template-columns:1fr;gap:32px}.about h2{font-size:37px}.about-signature{margin-top:25px}.about-copy>p{font-size:15px}.intersection{font-size:14px}.earlier{padding-top:15px}.research-grid{grid-template-columns:1fr}.research-grid article{padding:25px}.research-grid p{font-size:14px}.research-grid .eyebrow{font-size:10px}.research-grid h3{margin-top:18px}.currently{padding:65px 0 55px}.currently h2{font-size:35px}.currently h2 span{margin:0 4px}.currently h3{font-size:23px}.currently-descriptions{gap:22px;margin-block:30px}.currently-descriptions p{font-size:10px}.currently-note{font-size:10px;display:block;max-width:280px;margin:auto}.connection{width:47px}.connection-center{padding:0 16px}.contact{grid-template-columns:1fr;gap:27px}.contact h2{font-size:38px}.contact p{font-size:14px}.contact-links a{font-size:21px}.contact-links small{font-size:10px}.button{font-size:12px;padding-inline:16px}.actions{gap:10px}.hero-gardrop .mini-product{padding:12px}.hero-gardrop .mini-product small{font-size:9px}}
@media(max-width:380px){.hero-stage{height:420px}.hero-phone{width:170px;left:8%}.hero-gardrop{width:175px;top:115px}.wardrobe-crop{height:185px}.preview-label{font-size:9px}.hero h1{font-size:35px}.phone-front{left:14%}.phone-back{left:48%}.product-link-row{gap:5px}.pill{font-size:8px}.intro-strip>div{gap:9px;font-size:9px}.product h4{font-size:29px}.currently h2{font-size:31px}.intersection{gap:9px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.product-content>.brand-note{font-size:10px;line-height:1.7;color:#797181;margin-top:16px;max-width:340px}.brand-status{grid-column:1/-1;border-top:1px solid var(--border);padding-top:20px}
/* Readable supporting copy and touch targets across screen sizes. */
nav,.button,.text-link,.product-content>p,.principles p,.timeline p,.about-copy>p,.research-grid p,.contact p{font-size:14px}.eyebrow,.location,.hero-note,.intro-strip,.product-identity span,.feature-lines,.pill,.founder-label,.product-bottom,.tech-text,.research-grid .eyebrow,.contact-location,.contact-links small,footer p,.footer-right>div,.product-content>.brand-note{font-size:12px}.feature-lines{font-size:13px}.founder-label{font-size:10px}.pill{font-size:11px}.product-identity span{font-size:10px}.product-bottom{font-size:11px}.stage-topline,.stage-caption,.screen-note{font-size:10px}.capability-grid p{font-size:14px}.capability-grid h3{font-size:15px}.section-heading p,.philosophy-intro,.details-content p{font-size:14px}.currently-descriptions p,.currently-note,.currently h2+p{font-size:13px}summary{min-height:56px;font-size:14px}summary>span{font-size:12px}.contact-links small{font-size:11px}.product-stage .stage-tag{font-size:11px}.product-content>.brand-note{line-height:1.7}.currently .eyebrow{font-size:12px}@media(max-width:760px){.intro-strip>div{flex-wrap:wrap;gap:9px}.location{font-size:10px}.product-link-row{flex-wrap:wrap;gap:12px}summary{align-items:center}summary>span{max-width:165px;text-align:right;font-size:11px}.product-stage{min-height:510px}.product-bottom{font-size:12px}.currently-descriptions{gap:20px}.currently-descriptions p{font-size:12px}.hero-note{font-size:11px}.stage-caption{font-size:9px}.product-stage .stage-topline{font-size:9px}.screen-note{font-size:9px}.hero-stage{overflow:clip}.hero h1{overflow-wrap:normal}}
.hero-gardrop .wardrobe-crop{object-position:50% 24%}.wardrobe-stage .phone-front{width:228px;left:23%;top:74px}.wardrobe-stage .phone-back{width:186px;left:57%;top:129px;opacity:.7}@media(max-width:760px){.wardrobe-stage .phone-front{width:205px;left:20%;top:73px}.wardrobe-stage .phone-back{left:56%;width:176px}}
.outfit-preview{grid-column:1/-1;margin:0;padding:30px;display:grid;grid-template-columns:160px 1fr;gap:40px;align-items:center;background:#f0edf7;border:1px solid #e7e2f0;border-radius:20px}.outfit-preview img{width:160px;border-radius:22px;box-shadow:0 10px 30px #40315117}.outfit-preview h4{font-size:28px;line-height:1.25;margin:15px 0}.outfit-preview p{max-width:430px}@media(max-width:600px){.outfit-preview{grid-template-columns:1fr;gap:25px;padding:25px}.outfit-preview img{width:180px;margin:auto}.outfit-preview h4{font-size:24px}}

.hero-identity{font-size:13px;line-height:1.7;color:var(--muted);margin-top:22px;max-width:470px}.hero-identity+h1{margin-top:16px}@media(max-width:760px){.hero-identity{font-size:12px;max-width:340px}}

/* Multi-language Visibility */
html[lang="tr"] .lang-en,
html[data-lang="tr"] .lang-en {
  display: none !important;
}
html[lang="en"] .lang-tr,
html[data-lang="en"] .lang-tr,
html:not([lang="tr"]) .lang-tr {
  display: none !important;
}

/* Nav Cluster & Language Switcher */
.nav-cluster {
  display: flex;
  align-items: center;
  gap: 24px;
}
.lang-switcher {
  display: inline-flex;
  align-items: center;
  background: #edf0f5;
  border: 1px solid #dcdee6;
  border-radius: 20px;
  padding: 2px;
  gap: 2px;
}
.lang-btn {
  border: none;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .04em;
  padding: 4px 9px;
  border-radius: 14px;
  cursor: pointer;
  line-height: 1.2;
  transition: all .18s ease;
  user-select: none;
}
.lang-btn:hover {
  color: var(--ink);
}
.lang-btn.active {
  background: var(--white);
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(27,30,46,.12);
}

.hero h1 .accent-text,
.philosophy h2 .accent-text {
  color: var(--accent);
}

.stage-tag .lang-en,
.stage-tag .lang-tr {
  color: inherit;
  margin-right: 0;
}

@media(max-width:760px) {
  .nav-cluster {
    gap: 8px;
  }
  .lang-btn {
    font-size: 10px;
    padding: 3px 7px;
  }
}

/* Ambient Mesh Glow Orbs */
body {
  overflow-x: clip;
}
.hero {
  position: relative;
}
.mesh-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  opacity: 0.42;
  z-index: 0;
  will-change: transform;
}
.mesh-orb-1 {
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, rgba(98,86,220,0.38) 0%, rgba(124,138,245,0.18) 50%, transparent 70%);
  top: -120px;
  right: -60px;
  animation: mesh-drift-1 16s ease-in-out infinite alternate;
}
.mesh-orb-2 {
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(73,89,234,0.25) 0%, transparent 65%);
  bottom: 20px;
  left: -80px;
  animation: mesh-drift-2 20s ease-in-out infinite alternate;
}
@keyframes mesh-drift-1 {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-35px, 35px) scale(1.06); }
  100% { transform: translate(25px, 50px) scale(0.96); }
}
@keyframes mesh-drift-2 {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(40px, -30px) scale(1.08); }
  100% { transform: translate(-20px, -45px) scale(0.92); }
}
@media (prefers-reduced-motion: reduce) {
  .mesh-orb { animation: none !important; }
}

/* Gradient Text Accents */
.accent-gradient, .accent-text {
  background: linear-gradient(135deg, #6256dc 15%, #8b7af8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* iOS Platform Badges */
.ios-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--muted);
  background: #f1f3f7;
  border: 1px solid var(--border);
  padding: 4px 10px;
  border-radius: 999px;
  margin-left: auto;
}
.ios-badge svg {
  color: var(--ink);
  opacity: .85;
}
@media (max-width: 760px) {
  .ios-badge { display: none; }
}

/* Smooth Desktop Cursor */
.cursor-dot, .cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 999px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity .3s ease;
}
.cursor-dot {
  width: 6px;
  height: 6px;
  background: var(--accent);
  margin: -3px 0 0 -3px;
  box-shadow: 0 0 8px rgba(98, 86, 220, 0.6);
}
.cursor-ring {
  width: 34px;
  height: 34px;
  border: 1.5px solid rgba(98, 86, 220, 0.4);
  margin: -17px 0 0 -17px;
  transition: width .25s ease, height .25s ease, margin .25s ease, background .25s ease, border-color .25s ease, opacity .3s ease;
}
.cursor-ring.grow {
  width: 58px;
  height: 58px;
  margin: -29px 0 0 -29px;
  background: rgba(98, 86, 220, 0.08);
  border-color: rgba(98, 86, 220, 0.55);
}
@media (hover: none), (pointer: coarse) {
  .cursor-dot, .cursor-ring { display: none !important; }
}

/* Enhanced Currently Building Card */
.currently {
  background: #14161f;
  border-radius: 28px;
  margin-block: 40px;
  box-shadow: 0 20px 60px rgba(11, 11, 18, 0.14);
  border: 1px solid #252837;
}
.currently .connected-products img {
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  transition: transform .25s ease, box-shadow .25s ease;
}
.currently .connected-products a:hover img {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 16px 36px rgba(98, 86, 220, 0.35);
}
.currently h2 {
  background: linear-gradient(180deg, #ffffff 40%, #c3c1d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* FAQ Accordion Section */
.faq-section {
  padding-block: 70px;
}
.faq-list {
  display: grid;
  gap: 14px;
  max-width: 860px;
  margin-top: 36px;
}
.faq-item {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.faq-item:hover {
  border-color: #cbd0dd;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .03);
}
.faq-item summary {
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 550;
  color: var(--ink);
  list-style: none;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary b {
  display: inline-block;
  font-size: 18px;
  color: var(--muted);
  transition: transform .25s ease;
  flex-shrink: 0;
}
.faq-item[open] summary b {
  transform: rotate(45deg);
  color: var(--accent);
}
.faq-body {
  padding: 0 24px 22px;
  border-top: 1px solid #f1f2f6;
  padding-top: 16px;
}
.faq-body p {
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
}
@media(max-width: 760px) {
  .faq-item summary {
    font-size: 14px;
    padding: 16px 18px;
  }
  .faq-body {
    padding: 0 18px 18px;
  }
}

/* Enhanced Multi-Column Footer */
.site-footer {
  border-top: 1px solid var(--border);
  padding-top: 65px;
  padding-bottom: 45px;
}
.footer-columns {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 48px;
}
.footer-col.col-brand .wordmark {
  font-size: 20px;
}
.footer-tagline {
  font-size: 13px;
  color: var(--muted);
  margin-top: 12px;
  line-height: 1.65;
  max-width: 290px;
}
.footer-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  font-size: 11px;
  font-weight: 550;
  color: #2b7055;
  background: #ebf7f1;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #d0ecdf;
}
.footer-col h4 {
  font-size: 11px;
  letter-spacing: .1em;
  font-weight: 650;
  color: var(--ink);
  margin-bottom: 18px;
  text-transform: uppercase;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 11px;
}
.footer-col li a {
  font-size: 13px;
  color: var(--muted);
  transition: color .2s ease;
}
.footer-col li a:hover {
  color: var(--accent);
}
.footer-bottom {
  margin-top: 55px;
  padding-top: 22px;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--muted);
}
.footer-bottom p {
  margin: 0;
  font-size: 12px;
  color: var(--muted);
}
.footer-legal {
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer-legal a {
  color: var(--muted);
  font-size: 12px;
  transition: color .2s ease;
}
.footer-legal a:hover {
  color: var(--accent);
}
@media(max-width: 900px) {
  .footer-columns {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }
}
@media(max-width: 600px) {
  .footer-columns {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .footer-legal {
    gap: 14px;
  }
}

/* Legal Pages (Privacy Policy & Terms of Service) */
.legal-page {
  padding-block: 70px 100px;
}
.legal-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 52px 60px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.02);
  margin-top: 32px;
}
.legal-header {
  margin-bottom: 36px;
  border-bottom: 1px solid #edf0f5;
  padding-bottom: 26px;
}
.legal-header h1 {
  font-size: 38px;
  letter-spacing: -.04em;
  margin: 12px 0 10px;
}
.legal-updated {
  font-size: 12px;
  color: var(--muted);
}
.legal-section {
  margin-bottom: 34px;
}
.legal-section:last-child {
  margin-bottom: 0;
}
.legal-section h2 {
  font-size: 18px;
  letter-spacing: -.02em;
  margin-bottom: 14px;
  color: var(--ink);
}
.legal-section p, .legal-section li {
  font-size: 14.5px;
  line-height: 1.85;
  color: #4a4f5c;
}
.legal-section ul {
  margin: 12px 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}
.legal-section strong {
  color: var(--ink);
}
.legal-section h3 {
  font-size: 15px;
  letter-spacing: -.01em;
  margin: 18px 0 6px;
  color: var(--ink);
  font-weight: 600;
}
.legal-section p + p {
  margin-top: 10px;
}
.legal-closing {
  margin-top: 36px;
  padding-top: 22px;
  border-top: 1px solid #edf0f5;
  font-size: 14px;
  line-height: 1.7;
  color: #4a4f5c;
}
.legal-closing p {
  margin: 2px 0;
}
@media (max-width: 760px) {
  .legal-page {
    padding-block: 40px 60px;
  }
  .legal-card {
    padding: 28px 20px;
    border-radius: 18px;
  }
  .legal-header h1 {
    font-size: 27px;
  }
}




/* Explain the work before introducing individual products. */
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;padding-block:75px 65px;min-height:680px}
.hero h1{font-size:clamp(42px,4.1vw,59px);line-height:1.12;letter-spacing:-.045em}
.hero h1>span{color:var(--ink)}
.hero-intro{max-width:565px;font-size:16px;line-height:1.85}
.hero-identity{font-size:13px;max-width:none}
.hero-note{font-size:12px;line-height:1.7;max-width:500px}
.hero-stage{min-width:0;opacity:.94}
.work-overview{padding:46px 0 55px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.work-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 65px;align-items:start}
.work-heading>.eyebrow{grid-column:1/-1}
.work-heading h2{font-size:32px;line-height:1.2}
.work-heading p{font-size:16px;line-height:1.8;max-width:460px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:35px}
.work-grid article{padding:24px 0 0;border-top:1px solid var(--border)}
.work-index{color:var(--accent);font-size:12px;letter-spacing:.1em}
.work-grid h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin:12px 0}
.work-grid p{font-size:15px;line-height:1.8}
@media(max-width:1050px) and (min-width:761px){.hero{gap:20px}.hero-stage{transform:scale(.75);margin-left:-80px}.hero h1{font-size:44px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:45px 0 35px;gap:20px;min-height:0}.hero h1{font-size:clamp(31px,7.6vw,49px)}.hero-stage{display:none}.hero-intro{font-size:16px}.hero-identity{font-size:12px}.hero-note{margin-top:24px}.work-overview{padding-block:32px 38px}.work-heading{grid-template-columns:1fr;gap:15px}.work-heading h2{font-size:28px}.work-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.work-grid article{padding-top:18px}.work-grid h3{margin:8px 0}.work-grid p{font-size:15px}}
.hero{overflow:clip}
@media(max-width:760px){.product h4{font-size:clamp(25px,7vw,32px);overflow-wrap:anywhere}.product-identity{flex-wrap:wrap}.product-identity>div{min-width:0}.product-identity .ios-badge{max-width:100%}.actions{flex-wrap:wrap}.work-heading,.work-grid article{min-width:0}}