@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal-DWQgDHuA.woff2)format("woff2"),url(/assets/space-mono-vietnamese-700-normal-D-KrLuLr.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2)format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--violet-50:#f7f4ff;--violet-100:#ede8fb;--violet-200:#dbd0f7;--violet-400:#9577e8;--violet-600:#6842d9;--violet-700:#5731c7;--violet-900:#24143f;--white:#fff;--neutral-50:#f8f7fa;--neutral-100:#f1eff3;--neutral-200:#e6e2ea;--neutral-500:#827b8a;--neutral-600:#696372;--neutral-950:#17131e;--success-600:#16835f;--page:min(1440px, 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--neutral-50);color:var(--neutral-950);-webkit-font-smoothing:antialiased;margin:0;font-family:Jost Variable,Jost,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}code,.version,.eyebrow,.section-index,.type-label,.status,.status-chip,.draft-chip,.platform-tags{font-family:Space Mono,monospace}.site-shell{width:var(--page);background:var(--white);margin:0 auto;box-shadow:0 0 0 1px #24143f0a}.section-pad{padding-left:clamp(24px,5vw,76px);padding-right:clamp(24px,5vw,76px)}.site-header{z-index:20;border-bottom:1px solid var(--neutral-200);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 clamp(24px,5vw,76px);display:grid;position:sticky;top:0}.wordmark{letter-spacing:-.03em;align-items:center;gap:10px;width:fit-content;font-size:21px;font-weight:650;display:inline-flex}.brand-mark{flex:none;width:29px;height:29px;display:block}.site-header nav{align-items:center;gap:34px;font-size:13px;font-weight:550;display:flex}.site-header nav a{color:var(--neutral-600);transition:color .18s}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--violet-600)}.header-action{color:var(--violet-600);justify-self:end;align-items:center;gap:12px;font-size:13px;font-weight:650;display:inline-flex}.hero{background:radial-gradient(circle at 78% 45%, var(--violet-100), transparent 27%), var(--white);grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(32px,6vw,90px);min-height:720px;padding-top:74px;padding-bottom:86px;display:grid;overflow:hidden}.eyebrow{color:var(--violet-600);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 28px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{background:var(--violet-600);width:7px;height:7px;box-shadow:0 0 0 4px var(--violet-100);border-radius:50%}.hero h1{max-width:670px;color:var(--violet-900);letter-spacing:-.055em;margin:0;font-size:clamp(58px,6.5vw,94px);font-weight:500;line-height:.94}.hero h1 em,.voice h2 em{color:var(--violet-600);font-style:normal}.hero-copy{max-width:575px;color:var(--neutral-600);margin:30px 0 0;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 20px;font-size:13px;font-weight:650;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--violet-600);color:#fff;box-shadow:0 9px 22px #6842d930}.button-primary:hover{background:var(--violet-700)}.button-secondary{border-color:var(--neutral-200);color:var(--violet-900);background:#fff;box-shadow:0 3px 10px #24143f0d}.version{color:var(--neutral-500);letter-spacing:.06em;font-size:9px}.product-preview{background:#fff;border:1px solid #6842d929;border-radius:18px;min-width:620px;min-height:484px;position:relative;transform:rotate(1.2deg);box-shadow:0 32px 90px #24143f2b}.product-preview:before{content:"";z-index:-1;background:var(--violet-600);opacity:.12;filter:blur(1px);border-radius:50%;width:210px;height:210px;position:absolute;bottom:-45px;left:-55px}.preview-bar{border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;height:55px;padding:0 18px;display:flex}.preview-wordmark{align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.preview-wordmark .brand-mark{width:17px;height:17px}.preview-avatar{background:var(--violet-100);width:25px;height:25px;color:var(--violet-600);border-radius:50%;place-items:center;font-family:Space Mono,monospace;font-size:7px;font-weight:700;display:grid}.preview-body{padding:28px}.preview-heading{justify-content:space-between;align-items:flex-start;display:flex}.preview-heading code,.campaign-info code{color:var(--neutral-500);letter-spacing:.06em;font-size:7px}.preview-heading h2{letter-spacing:-.035em;margin:6px 0 0;font-size:25px;font-weight:550}.preview-heading button{background:var(--violet-600);color:#fff;cursor:pointer;border:0;border-radius:9px;width:31px;height:31px;font-size:18px}.preview-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 12px;display:grid}.preview-metrics article{border:1px solid var(--neutral-200);border-radius:12px;min-height:105px;padding:16px}.preview-metrics span,.preview-metrics small,.sample-result span,.sample-result small{color:var(--neutral-500);font-size:8px;display:block}.preview-metrics strong{color:var(--violet-900);letter-spacing:-.04em;margin:6px 0 4px;font-size:28px;font-weight:550;display:block}.preview-campaign{background:var(--neutral-50);border-radius:13px;grid-template-columns:82px 1fr auto;align-items:center;gap:16px;padding:12px;display:grid}.campaign-art{color:#fff;text-align:center;background:linear-gradient(145deg,#d6c6f4,#5631c2);place-items:center;height:82px;font-size:8px;font-weight:700;line-height:1.15;display:grid}.campaign-art i{font-weight:400}.campaign-info h3{margin:4px 0 2px;font-size:14px}.campaign-info p{color:var(--neutral-500);margin:0 0 9px;font-size:8px}.status{color:var(--success-600);align-items:center;gap:5px;font-size:7px;display:inline-flex}.status i,.status-chip i{background:var(--success-600);border-radius:50%;width:5px;height:5px}.more{color:var(--neutral-500);align-self:start;font-size:9px}.manifesto{background:var(--violet-900);color:#fff;grid-template-columns:1fr 2fr;padding-top:110px;padding-bottom:110px;display:grid}.section-index{color:var(--violet-600);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:10px;font-weight:700}.section-index.inverse{color:#bca6fa}.manifesto h2,.section-heading h2,.voice h2,.platform h2{letter-spacing:-.045em;margin:0;font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1}.manifesto h2 span{color:#bda8f6}.manifesto div>p{color:#bdb5c7;max-width:620px;margin:30px 0 0;font-size:17px;line-height:1.65}.principles{background:var(--neutral-200);border-bottom:1px solid var(--neutral-200);grid-template-columns:repeat(3,1fr);gap:1px;padding-top:0;padding-bottom:0;display:grid}.principles article{background:#fff;min-height:320px;padding:36px 32px}.principles code{color:var(--violet-600);font-size:10px}.principles article>span{color:var(--violet-600);margin-top:78px;font-size:12px;font-weight:650;display:block}.principles h3{letter-spacing:-.03em;margin:9px 0;font-size:25px;font-weight:550}.principles p{max-width:285px;color:var(--neutral-600);margin:0;font-size:14px;line-height:1.55}.system,.typography,.interface{padding-top:120px;padding-bottom:120px}.section-heading{grid-template-columns:1fr 2fr;margin-bottom:52px;display:grid}.section-heading>div>p{max-width:650px;color:var(--neutral-600);margin:20px 0 0;font-size:16px;line-height:1.6}.color-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.color-card{border:1px solid var(--neutral-200);background:#fff;border-radius:15px;overflow:hidden}.swatch{height:148px}.color-card>div:last-child{grid-template-columns:1fr auto;gap:4px 10px;padding:16px;display:grid}.color-card strong{font-size:13px}.color-card span,.color-card code{color:var(--neutral-500);font-size:9px}.color-card code{grid-column:1/-1}.color-card.primary .swatch{background:var(--violet-600)}.color-card.deep .swatch{background:var(--violet-900)}.color-card.soft .swatch{background:var(--violet-100)}.color-card.white .swatch{background:var(--white)}.color-card.canvas .swatch{background:var(--neutral-50)}.color-card.ink .swatch{background:var(--neutral-950)}.ratio-note{color:var(--neutral-500);text-transform:uppercase;margin:24px 0 0;font-family:Space Mono,monospace;font-size:9px}.ratio-note span{color:var(--violet-600);font-weight:700}.typography{background:var(--neutral-50)}.type-grid{grid-template-columns:1.35fr .65fr;gap:14px;display:grid}.type-grid article{border:1px solid var(--neutral-200);background:#fff;border-radius:17px;min-height:490px;padding:28px}.type-label{color:var(--neutral-500);letter-spacing:.05em;justify-content:space-between;font-size:9px;display:flex}.big-type{float:left;width:37%;color:var(--violet-600);letter-spacing:-.09em;margin:54px 0 0;font-size:168px;font-weight:500;line-height:.75}.type-phrase{letter-spacing:-.04em;margin:64px 0 0;font-size:43px;font-weight:500;line-height:1.02}.alphabet{clear:both;color:var(--neutral-500);letter-spacing:.05em;margin:0;padding-top:68px;font-size:12px;line-height:1.7}.mono-card{font-family:Space Mono,monospace}.mono-lines{margin-top:60px}.mono-lines p{letter-spacing:-.04em;margin:0 0 15px;font-size:clamp(17px,2vw,27px)}.mono-lines p:nth-child(2){color:var(--violet-600)}.mono-rule{max-width:390px;color:var(--neutral-500);margin:76px 0 0;font-size:10px;line-height:1.7}.component-stage{border:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:20px;padding:38px}.component-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-chip,.draft-chip{border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 12px;font-size:9px;font-weight:700;display:inline-flex}.status-chip{color:var(--success-600);background:#e8f5f0}.draft-chip{background:var(--violet-100);color:var(--violet-600)}.sample-card{border:1px solid var(--neutral-200);background:#fff;border-radius:15px;grid-template-columns:105px 1fr auto auto;align-items:center;gap:22px;margin-top:32px;padding:17px;display:grid;box-shadow:0 10px 30px #24143f0f}.sample-art{background:linear-gradient(145deg, var(--violet-200), var(--violet-600));color:#fff;border-radius:10px;place-items:center;height:90px;font-size:32px;font-weight:600;display:grid}.sample-info code{color:var(--neutral-500);font-size:8px}.sample-info h3{margin:5px 0 3px;font-size:20px}.sample-info p{color:var(--neutral-500);margin:0;font-size:12px}.sample-result{border-left:1px solid var(--neutral-200);min-width:130px;padding-left:24px}.sample-result strong{color:var(--violet-600);margin:5px 0;font-size:25px;font-weight:550;display:block}.icon-button{border:1px solid var(--neutral-200);width:38px;height:38px;color:var(--violet-600);cursor:pointer;background:#fff;border-radius:9px}.ui-rules{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.ui-rules p{color:var(--neutral-600);gap:12px;margin:0;font-size:12px;line-height:1.5;display:flex}.ui-rules code{color:var(--violet-600);font-size:9px}.voice{background:var(--violet-600);color:#fff;grid-template-columns:1fr 1fr;gap:70px;padding-top:110px;padding-bottom:110px;display:grid}.voice h2{margin-top:24px}.voice h2 em{color:#d8ccfa}.voice-rules{border-top:1px solid #ffffff4d}.voice-rules article{border-bottom:1px solid #ffffff4d;grid-template-columns:95px 1fr;padding:24px 0;display:grid}.voice-rules code{color:#d8ccfa;font-size:9px}.voice-rules p{margin:0;font-size:17px;line-height:1.45}.platform{grid-template-columns:.5fr 1fr 1fr;align-items:start;gap:50px;padding-top:95px;padding-bottom:95px;display:grid}.platform h2{font-size:clamp(38px,4vw,56px)}.platform div>p{max-width:600px;color:var(--neutral-600);line-height:1.6}.platform div>p code{color:var(--violet-600);font-size:.85em}.platform-tags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.platform-tags span{border:1px solid var(--neutral-200);color:var(--neutral-600);border-radius:999px;padding:9px 11px;font-size:9px}footer{border-top:1px solid var(--neutral-200);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:110px;padding:0 clamp(24px,5vw,76px);display:grid}.footer p{color:var(--neutral-600)}footer>p{color:var(--neutral-600);font-size:12px}footer>span{color:var(--neutral-500);justify-self:end;font-family:Space Mono,monospace;font-size:8px}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:72px}.product-preview{width:90%;min-width:720px;margin-top:16px}.manifesto,.section-heading,.voice{grid-template-columns:1fr;gap:38px}.section-heading{gap:20px}.principles{grid-template-columns:1fr}.principles article{min-height:230px}.principles article>span{margin-top:42px}.type-grid,.platform{grid-template-columns:1fr}.platform-tags{justify-content:flex-start}}@media (width<=680px){.site-header{height:70px}.header-action{display:none}.site-header{grid-template-columns:1fr}.hero{min-height:auto;padding-top:54px;padding-bottom:64px}.hero h1{font-size:52px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.product-preview{transform-origin:0 0;min-width:550px;margin-bottom:-130px;transform:scale(.72)rotate(1.2deg)}.manifesto,.system,.typography,.interface,.voice{padding-top:80px;padding-bottom:80px}.manifesto{grid-template-columns:1fr;gap:30px}.color-grid{grid-template-columns:1fr 1fr}.swatch{height:105px}.type-grid article{min-height:430px}.big-type{float:none;width:auto;margin-top:45px;font-size:120px}.type-phrase{margin-top:28px;font-size:34px}.alphabet{padding-top:36px;font-size:9px}.component-stage{padding:20px}.sample-card{grid-template-columns:76px 1fr auto}.sample-result{border-left:0;border-top:1px solid var(--neutral-200);grid-column:2/-1;padding:14px 0 0}.ui-rules,.voice{grid-template-columns:1fr}.voice-rules article{grid-template-columns:70px 1fr}.voice-rules p{font-size:15px}footer{grid-template-columns:1fr auto}footer>p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.site-header nav a{transition:none}}