@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--cream:#f5f4f0;--ink:#14152d;--muted:#5c6073;--violet:#6352df;--teal:#1bb8bd;--pink:#f66895;--line:rgba(20,21,45,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#ae9af6;color:#10112b}.shell{max-width:1430px;margin:auto;padding:0 clamp(22px,5vw,82px)}.mono,.eyebrow,.nav a,.small-label{font:600 .73rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:#5b52a2}.header{position:sticky;z-index:50;top:0;background:rgba(245,244,240,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.head-inner{height:77px;display:flex;justify-content:space-between;align-items:center;gap:2rem}.brand{font-family:'Space Grotesk',sans-serif;font-size:1.45rem;font-weight:700;letter-spacing:-.06em;display:flex;align-items:center;gap:12px}.brandmark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#42dfd2;font-size:26px}.nav{display:flex;align-items:center;gap:clamp(17px,2.9vw,48px)}.nav a{letter-spacing:.04em;font-size:.7rem}.nav a:hover,.footer a:hover{color:var(--violet)}.pill{border:1px solid currentColor;border-radius:100px;padding:12px 20px;display:inline-flex;gap:14px;align-items:center;font:600 .8rem 'IBM Plex Mono',monospace}.pill:hover{background:var(--ink);color:white}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:10px 13px;border-radius:9px;cursor:pointer}.hero{min-height:820px;padding-top:clamp(80px,11vw,170px);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:-200px;top:-220px;width:650px;height:650px;border:1px solid #beb9e8;border-radius:50%;pointer-events:none}.hero .hero-top{display:flex;justify-content:space-between;gap:20px}.hero .tiny{font-size:.73rem;color:var(--muted)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(4.5rem,11.6vw,11.7rem);letter-spacing:-.09em;line-height:.89;max-width:1130px;margin:65px 0 40px}.hero h1 em{font-style:normal;color:var(--violet)}.hero-bottom{display:flex;justify-content:space-between;gap:35px;align-items:end}.hero-bottom p{max-width:520px;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.45}.circle-link{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:var(--teal);font-size:3rem;transition:transform .3s}.circle-link:hover{transform:rotate(45deg)}.stripe{height:15px;background:repeating-linear-gradient(90deg,var(--violet) 0 16%,var(--teal) 16% 32%,var(--cream) 32% 36%)}.intro-timeline{padding:115px 0 130px;background:#e9e8f2}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:start}.section-heading h2{font:600 clamp(2.8rem,6.4vw,6rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;max-width:850px;margin:20px 0 55px}.section-heading aside{max-width:230px;color:var(--muted);font-size:.92rem}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #9f9caf;position:relative}.timeline:before{content:'';position:absolute;top:-3px;left:0;height:5px;width:0;background:var(--violet);transition:width 1.4s}.timeline.active:before{width:100%}.event{border-right:1px solid #b9b7c8;padding:30px 22px 12px 0;margin-right:20px;min-height:220px}.event:last-child{border-right:0}.event .time{font:600 1.45rem 'Space Grotesk';color:var(--violet)}.event h3{font:600 clamp(1.2rem,2.1vw,2rem)/1.2 'Space Grotesk';margin:20px 0 8px}.event p{font-size:.9rem;color:var(--muted)}.product{background:#10112b;color:#f9f8ff;padding:110px 0 125px;position:relative;overflow:hidden}.product:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 30%,rgba(103,76,220,.34),transparent 48%),radial-gradient(ellipse at 15% 95%,rgba(0,197,207,.15),transparent 50%);pointer-events:none}.product .shell{position:relative}.product .eyebrow{color:#42dfd2}.product h2{font:600 clamp(3.6rem,9vw,9rem)/.95 'Space Grotesk';letter-spacing:-.08em;margin:24px 0}.product .lead{font-size:clamp(1.2rem,2.3vw,1.9rem);color:#c7c8e8;max-width:740px}.product-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:8%;margin-top:65px}.product-photo{position:relative;display:flex;justify-content:center;align-items:center;min-height:600px}.product-photo:before{content:'';width:85%;aspect-ratio:1;border:1px solid #4f5081;border-radius:50%;position:absolute}.phone{height:580px;max-height:70vw;border:8px solid #25264e;border-radius:37px;box-shadow:20px 30px 55px #050515aa;object-fit:cover;position:relative;transform:rotate(-7deg);transition:transform .5s}.phone:hover{transform:rotate(0deg) translateY(-12px)}.product-meta{max-width:420px}.product-meta p{color:#bfc0de}.app-logo{width:76px;border-radius:18px;margin-bottom:35px}.cta{display:inline-flex;align-items:center;gap:20px;background:#9c8dff;color:#11112b;border-radius:100px;padding:17px 29px;font-weight:700;margin:25px 0}.cta:hover{background:#46dcd5}.app-banner{border-radius:20px;overflow:hidden;margin-top:30px;border:1px solid #50517f}.app-banner img{width:100%;object-fit:cover}.walkthrough{padding:125px 0}.walkthrough h2{font:600 clamp(3rem,6vw,6rem)/1 'Space Grotesk';letter-spacing:-.07em;margin:16px 0 60px}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:55px 0;border-top:1px solid var(--line)}.chapter:nth-child(2n){direction:rtl}.chapter:nth-child(2n)>*{direction:ltr}.chapter .visual{background:linear-gradient(135deg,#e6e2fa,#d9ecf0);border-radius:24px;min-height:470px;display:grid;place-items:center;padding:35px;overflow:hidden}.chapter:nth-child(3n) .visual{background:#1b1d43}.chapter img{width:min(290px,80%);max-height:520px;object-fit:contain;border-radius:22px;box-shadow:0 25px 40px #0a0c2945}.chapter h3{font:600 clamp(2.6rem,4vw,4.5rem)/1.05 'Space Grotesk';letter-spacing:-.06em;margin:16px 0 24px}.chapter p{max-width:450px;color:var(--muted);font-size:1.15rem}.statement{background:#d7d2f6;padding:160px 0;position:relative;overflow:hidden}.statement:after{content:'◷';font-size:600px;line-height:1;opacity:.06;position:absolute;right:-90px;top:-120px}.statement h2{font:600 clamp(4rem,11vw,12rem)/.93 'Space Grotesk';letter-spacing:-.08em;max-width:1150px;position:relative;z-index:1}.statement p{font-size:1.3rem;max-width:580px}.studio{padding:130px 0;background:#fff}.studio-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.studio h2,.expertise h2,.contact h2{font:600 clamp(3rem,6vw,6.5rem)/1 'Space Grotesk';letter-spacing:-.07em;margin:18px 0 40px}.studio p{font-size:1.2rem;color:var(--muted)}.expertise{padding:120px 0;background:#eeeeef}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service button{cursor:pointer;border:0;background:none;width:100%;text-align:left;padding:30px 0;display:grid;grid-template-columns:70px 1fr 40px;gap:10px;align-items:center;color:var(--ink);font:600 clamp(1.35rem,3vw,2.5rem) 'Space Grotesk'}.service button .num{font:500 .9rem 'IBM Plex Mono';color:var(--violet)}.service button .plus{font-size:2rem;font-weight:400;transition:transform .25s}.service[open] .plus{transform:rotate(45deg)}.service p{padding:0 50px 28px 80px;max-width:780px;color:var(--muted);margin:0}.contact{background:#1a1b3b;color:#fff;padding:135px 0}.contact h2{max-width:850px}.contact .eyebrow{color:#42dfd2}.contact a.email{font:600 clamp(1.5rem,4.6vw,4rem) 'Space Grotesk';letter-spacing:-.05em;text-decoration:underline;text-decoration-color:#41d7d4;text-underline-offset:10px;overflow-wrap:anywhere}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;margin-top:60px}.contact p{color:#c8c7dd}.footer{background:#101126;color:#bdc0d6;padding:35px 0}.foot-flex{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.foot-links{display:flex;gap:25px;flex-wrap:wrap}.foot-links a{font-size:.85rem}.legal{padding:90px 0 130px;min-height:75vh}.legal-head{max-width:900px}.legal h1{font:600 clamp(3rem,7vw,7rem)/1 'Space Grotesk';letter-spacing:-.075em;margin:22px 0}.legal .subtitle{color:var(--muted);font-size:1.25rem;max-width:800px}.legal-article{max-width:900px;margin-top:70px}.legal-article section{border-top:1px solid var(--line);padding:28px 0}.legal-article h2{font:600 1.5rem 'Space Grotesk';margin-bottom:13px}.legal-article p,.legal-article li{color:#52576e;font-size:1.04rem}.notice{background:#eae9f5;border-left:4px solid var(--teal);padding:22px 25px;margin:25px 0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #25bdbb;outline-offset:4px}@media(max-width:860px){.nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:710px}.hero h1{font-size:clamp(4.3rem,14vw,8rem)}.product-layout,.studio-grid,.contact-grid{grid-template-columns:1fr}.product-photo{min-height:530px}.phone{height:490px}.chapter{gap:5%}.section-heading aside{display:none}}@media(max-width:620px){.hero{padding-top:75px;min-height:650px}.hero .hero-top{display:block}.hero h1{margin-top:65px;font-size:clamp(4rem,16vw,6.8rem)}.hero-bottom p{font-size:1.1rem}.circle-link{width:72px;height:72px;flex-shrink:0}.intro-timeline,.walkthrough,.product,.studio,.expertise,.contact{padding-top:75px;padding-bottom:80px}.timeline{grid-template-columns:1fr 1fr;row-gap:15px}.event{min-height:160px}.product-layout{margin-top:20px}.product-photo{min-height:430px}.phone{height:390px}.chapter,.chapter:nth-child(2n){grid-template-columns:1fr;direction:ltr;gap:24px}.chapter:nth-child(2n)>*{direction:ltr}.chapter .visual{min-height:400px}.chapter .visual img{max-height:350px;width:auto}.chapter .content{grid-row:1}.statement{padding:95px 0}.service button{grid-template-columns:40px 1fr 24px}.service p{padding-left:0}.legal{padding-top:60px}.nav a{font-size:.9rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.phone,.circle-link{transition:none}}