:root{--royal:#2563eb;--royal-600:#1d4ed8;--cyan:#06b6d4;--ink:#0b1220;--ink-800:#162033;--text:#172033;--muted:#6b778d;--line:#e1e7f0;--canvas:#f7f9fc;--surface:#fff;--soft-blue:#eaf1ff;--soft-cyan:#e7fbfe;--soft-amber:#fff7df;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--font-display:"Poppins",Inter,system-ui,sans-serif;--font-body:"Cabinet Grotesk",Inter,system-ui,sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--sidebar:248px;--topbar:68px;--shadow:0 10px 30px #101e370f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--text);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:var(--topbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffe0;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--royal);border-radius:8px 8px 8px 2px;width:26px;height:26px;display:inline-block;position:relative;overflow:hidden;transform:rotate(-6deg)}.brand-mark:before,.brand-mark:after,.brand-mark span:before{content:"";background:#fff;border-radius:999px;position:absolute;transform:rotate(42deg)}.brand-mark:before{width:5px;height:28px;top:1px;left:8px}.brand-mark:after{width:5px;height:24px;top:4px;right:6px}.brand-mark span:before{width:18px;height:5px;top:10px;left:4px}.brand-mark.large{border-radius:17px 17px 17px 5px;width:58px;height:58px}.brand-mark.large:before{width:10px;height:61px;left:18px}.brand-mark.large:after{width:10px;height:55px;top:7px;right:13px}.brand-mark.large span:before{width:40px;height:10px;top:22px;left:9px}.brand-mark.small{border-radius:6px 6px 6px 2px;width:20px;height:20px}.brand-mark.small:before{width:4px;height:22px;left:6px}.brand-mark.small:after{width:4px;height:19px;top:3px;right:5px}.brand-mark.small span:before{width:14px;height:4px;top:8px;left:3px}.brand-name{letter-spacing:-.04em;font-size:20px;font-weight:700}.brand-slash{color:#a9b3c4}.brand-context,.version{color:var(--muted);font-size:13px}.topbar-actions{align-items:center;gap:24px;display:flex}.version{align-items:center;gap:8px;display:flex}.status-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 0 4px var(--soft-cyan);border-radius:50%}.icon-button{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:50%;font-size:18px}.shell{max-width:1600px;margin:auto;display:flex}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);flex:none}.sidebar-inner{top:var(--topbar);height:calc(100vh - var(--topbar));flex-direction:column;padding:40px 18px 24px;display:flex;position:sticky}.nav-label,.eyebrow,.type-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--royal);font-size:10px;font-weight:700;line-height:1.2}.nav-label{color:#8c99ad;margin:0 0 10px;padding:0 12px}.nav-link{color:#69758a;border-radius:9px;padding:9px 12px;font-size:14px;transition:all .18s;display:block}.nav-link:hover{color:var(--royal);background:var(--soft-blue)}.nav-link.active{background:var(--royal);color:#fff;box-shadow:0 6px 16px #2563eb33}.sidebar-foot{color:#a2adbd;margin:auto 12px 0;font-size:11px;line-height:1.6}.content{flex:1;min-width:0}.section-pad{padding:90px clamp(28px,6vw,96px)}.section-border{border-top:1px solid var(--line)}.hero{background:linear-gradient(135deg,#f7f9fc 0%,#f1f6ff 68%,#ecfbfd 100%);padding-top:82px;padding-bottom:84px}.hero-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:60px;margin-top:20px;display:grid}.hero h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--font-display);letter-spacing:-.06em;color:var(--ink);margin:0 0 28px;font-size:clamp(64px,8vw,112px);font-weight:600;line-height:.9}.hero-copy{color:#536178;max-width:570px;font-size:19px;line-height:1.5}.hero-actions{align-items:center;gap:22px;margin-top:36px;display:flex}.button{border-radius:var(--radius-pill);border:0;justify-content:center;align-items:center;gap:14px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.button span{font-size:18px;font-weight:400;line-height:0}.button-primary{background:var(--royal);color:#fff;box-shadow:0 8px 18px #2563eb2e}.button-primary:hover{background:var(--royal-600);transform:translateY(-1px)}.button-secondary{background:var(--surface);color:var(--text);border:1px solid #d5ddea}.button-ghost{color:#65738a;background:0 0}.text-link{color:var(--royal);font-size:14px;font-weight:700}.text-link span{margin-left:8px}.hero-orbit{place-items:center;height:370px;display:grid;position:relative}.orbit{border:1px solid #2563eb2e;border-radius:50%;position:absolute;transform:rotate(-24deg)}.orbit-one{width:300px;height:220px}.orbit-two{border-color:#06b6d433;width:390px;height:290px;transform:rotate(38deg)}.orbit-core{background:var(--ink);color:#fff;z-index:2;border-radius:50%;align-content:center;place-items:center;width:136px;height:136px;display:grid;box-shadow:0 16px 35px #0b12202e}.orbit-core strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:24px}.orbit-core small{color:#9eabc0;font-size:11px}.core-line{background:var(--cyan);width:20px;height:2px;margin-bottom:8px}.orbit-label{text-transform:uppercase;letter-spacing:.1em;color:#637089;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow);padding:7px 10px;font-size:11px;font-weight:700;position:absolute}.label-one{top:50px;right:40px}.label-two{bottom:45px;left:12px}.label-three{top:178px;right:-14px}.principles{border-top:1px solid #34558229;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:65px;padding-top:26px;display:grid}.principles>div{grid-template-columns:32px 1fr;column-gap:10px;display:grid}.principles p{color:#68768b;grid-column:2;margin:5px 0 0;font-size:13px;line-height:1.5}.principle-number{color:var(--royal);font-size:11px;font-weight:700}.section-intro{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:44px;display:flex}.section-intro h2{font-family:var(--font-display);letter-spacing:-.05em;color:var(--ink);margin:13px 0 0;font-size:clamp(42px,5vw,64px);font-weight:600;line-height:.95}.section-intro>p{color:#68758a;max-width:420px;margin:24px 0 0;font-size:16px}.color-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.swatch{border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;min-height:188px;padding:18px;display:flex}.swatch-top{text-transform:uppercase;letter-spacing:.1em;opacity:.75;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.swatch strong{letter-spacing:-.04em;font-size:24px}.swatch small{opacity:.75;font-size:12px}.swatch-royal{background:var(--royal);color:#fff}.swatch-cyan{background:var(--cyan);color:var(--ink)}.swatch-ink{background:var(--ink);color:#fff}.swatch-sand{color:var(--ink);background:#e8eef7}.semantic-row{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;padding:16px;display:grid}.semantic-row>div{align-items:center;gap:11px;padding:7px;display:flex}.semantic-row strong,.semantic-row small{display:block}.semantic-icon{border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.success{color:var(--success);background:#e5f7ea}.warning{color:#b77900;background:#fff4d8}.danger{color:var(--danger);background:#fee7e7}.info{color:#07819a;background:#e2f7fb}.type-samples{grid-template-columns:1fr 1fr;gap:16px;display:grid}.type-display,.type-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}.type-display{background:var(--ink);color:#fff;flex-direction:column;min-height:340px;display:flex}.type-display .type-meta{color:#60dbea}.type-xl{font-family:var(--font-display);letter-spacing:-.06em;margin:auto 0;font-size:clamp(44px,6vw,76px);line-height:.91}.type-xl em{color:var(--cyan);font-style:normal}.type-note{color:#9ca9bc;max-width:240px;font-size:12px}.type-body h3{font-family:var(--font-display);letter-spacing:-.04em;margin:54px 0 18px;font-size:38px;line-height:1}.type-body p{color:#65748b;max-width:360px}.type-meta-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:54px;padding-top:16px;font-size:11px;display:flex}.scale-row{color:#7b879a;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin-top:18px;font-size:11px;display:flex}.spacing-layout{grid-template-columns:1fr 1fr;gap:80px;display:grid}.spacing-bars>div{grid-template-columns:76px 1fr 50px;align-items:center;gap:16px;margin:16px 0;display:grid}.spacing-bars span,.spacing-bars b{color:var(--muted);font-size:11px;font-weight:500}.spacing-bars b{color:var(--royal);text-align:right;font-weight:700}.spacing-bars i{background:linear-gradient(90deg,var(--royal),var(--cyan));border-radius:2px;height:12px;display:block}.radius-demo{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.radius-card{background:var(--surface);border:1px solid var(--line);flex-direction:column;justify-content:space-between;height:88px;padding:15px;display:flex}.radius-card span{color:var(--muted);font-size:12px}.radius-card b{color:var(--royal);font-size:12px}.radius-sm{border-radius:8px}.radius-md{border-radius:14px}.radius-lg{border-radius:22px}.radius-pill{border-radius:999px}.theme-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.theme-card{border-radius:var(--radius-lg);padding:22px}.theme-light{border:1px solid var(--line);background:#fff}.theme-dark{background:var(--ink);color:#fff}.theme-card-top{letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.theme-chip{text-transform:none;letter-spacing:0;border:1px solid;border-radius:99px;padding:5px 9px;font-size:10px}.theme-preview{background:#f0f4f9;border-radius:12px;grid-template-columns:28px 1fr;gap:12px;height:160px;margin:24px 0 20px;padding:15px;display:grid}.theme-dark .theme-preview{background:#151e2f}.mini-nav{background:linear-gradient(#2563eb 0 22px,#0000 22px);border-radius:4px;height:130px}.mini-panel{background:#fff;border-radius:7px;grid-template-columns:1fr 34px;gap:6px;height:58px;padding:12px;display:grid}.theme-dark .mini-panel{background:#263249}.mini-panel span{background:#dce5f2;border-radius:9px;height:6px}.theme-dark .mini-panel span{background:#526078}.mini-panel span:nth-child(2){width:65%}.mini-panel i{background:#2563eb;border-radius:5px;grid-area:1/2/span 2}.mini-panel.short{height:40px;margin-top:-2px}.theme-card>strong,.theme-card>small{display:block}.theme-card>strong{font-size:14px}.theme-card>small{color:#738198;margin-top:4px;font-size:12px}.theme-dark>small{color:#a6b0c1}.logo-stage{background:var(--ink);border-radius:var(--radius-lg);color:#fff;min-height:285px;padding:54px 54px 36px}.logo-lockup{align-items:center;gap:18px;display:flex}.large-name{letter-spacing:-.07em;font-size:58px}.logo-tagline{color:var(--cyan);margin-left:78px;font-size:13px}.logo-rule{background:#2a3549;height:1px;margin:48px 0 25px}.logo-usage{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.logo-usage strong,.logo-usage small{display:block}.logo-usage strong{color:#fff;font-size:12px}.logo-usage small{color:#9eaabd;margin-top:4px;font-size:12px}.component-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.component-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.component-head,.component-foot{justify-content:space-between;padding:16px 18px;font-size:13px;display:flex}.component-head{border-bottom:1px solid var(--line);font-weight:700}.component-head code{color:var(--royal);font-family:monospace;font-size:11px;font-weight:400}.component-demo{background:#fcfdff;flex-wrap:wrap;align-items:center;gap:10px;min-height:170px;padding:26px 18px;display:flex}.component-foot{text-transform:uppercase;letter-spacing:.08em;color:#8b96a8;border-top:1px solid var(--line);font-size:10px}.form-demo{display:block}.form-demo label{margin-bottom:13px;font-size:12px;font-weight:700;display:block}.form-demo input,.form-demo select{color:#516078;background:#fff;border:1px solid #d6dfeb;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px;font-size:13px;display:block}.badge-demo{align-content:center}.badge{border-radius:var(--radius-pill);align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-blue{color:var(--royal);background:#eaf1ff}.badge-cyan{color:#087e95;background:#e4fafd}.badge-amber{color:#ad7500;background:#fff4d6}.badge-gray{color:#67758b;background:#eef1f5}.request-mini{justify-content:flex-start;width:100%}.request-mini .badge{margin-left:auto}.request-icon{background:var(--soft-blue);width:36px;height:36px;color:var(--royal);border-radius:10px;place-items:center;font-size:23px;display:grid}.request-mini strong,.request-mini span,.request-mini small{display:block}.request-mini small{color:var(--royal);letter-spacing:.08em;font-size:9px;font-weight:700}.request-mini strong{font-size:14px}.request-mini span:not(.badge){color:var(--muted);font-size:11px}.feedback-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.alert,.toast-demo{border-radius:var(--radius-md);gap:14px;padding:18px;display:flex}.alert strong{font-size:14px}.alert p{margin:4px 0 0;font-size:13px}.alert>span{border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-weight:700;display:grid}.alert-success{background:#ecf9ef;border:1px solid #c9efcf}.alert-success>span{color:var(--success);background:#c8efcf}.alert-attention{background:#fff8e4;border:1px solid #f8e5ac}.alert-attention>span{color:#ae7200;background:#ffe8a6}.inline-button{color:var(--royal);background:0 0;border:0;margin-top:9px;padding:0;font-size:12px;font-weight:700}.toast-demo{background:var(--ink);color:#fff;grid-column:1/-1;align-items:center;max-width:530px}.toast-icon{color:var(--cyan);font-size:21px}.toast-demo strong,.toast-demo small{display:block}.toast-demo strong{font-size:13px}.toast-demo small{color:#abb5c6;margin-top:2px;font-size:11px}.toast-demo button{color:#9ba8bc;background:0 0;border:0;margin-left:auto;font-size:20px}.lifecycle{align-items:flex-start;margin-top:16px;display:flex}.life-step{text-align:center;min-width:135px;position:relative}.life-step>span{color:#8b97a9;margin-bottom:10px;font-size:10px;display:block}.life-step i{color:#a0acbc;background:var(--surface);z-index:2;border:1px solid #d7dfeb;border-radius:50%;place-items:center;width:34px;height:34px;margin:auto;font-size:15px;font-style:normal;display:grid;position:relative}.life-step strong,.life-step small{display:block}.life-step strong{margin-top:12px;font-size:12px}.life-step small{color:var(--muted);margin-top:2px;font-size:10px}.life-step.done i{background:var(--royal);color:#fff;border-color:var(--royal)}.life-step.done>span,.life-step.current>span{color:var(--royal)}.life-step.current i{background:var(--soft-cyan);color:#04829b;border-color:var(--cyan)}.life-line{background:#d8e0eb;flex:1;height:1px;margin-top:76px}.life-line.done{background:var(--royal)}.life-line.active{background:linear-gradient(90deg,var(--royal),#d8e0eb)}.email-preview{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:28px;margin-top:58px;display:grid}.email-window{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;max-width:600px}.email-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;height:52px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.email-top small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:400}.email-kicker{color:var(--royal);letter-spacing:.12em;font-size:10px;font-weight:700}.email-body h3{font-family:var(--font-display);letter-spacing:-.05em;margin:20px 0 12px;font-size:38px;line-height:1}.email-body>p{color:#65748a;max-width:380px;font-size:14px}.email-detail{border-left:2px solid var(--cyan);margin:24px 0;padding:8px 14px}.email-detail span,.email-detail strong,.email-detail small{display:block}.email-foot{color:#8a96a7;margin-top:24px;font-size:11px;display:block}.email-notes{border-left:1px solid var(--line);padding-left:24px}.email-notes .eyebrow{color:var(--cyan)}.email-notes strong{font-family:var(--font-display);margin:12px 0;font-size:24px;line-height:1;display:block}.email-notes p{color:var(--muted);font-size:13px}.email-notes code{color:var(--royal);font:11px monospace}.responsive-grid{grid-template-columns:230px 1fr;align-items:center;gap:28px;display:grid}.device{background:var(--ink);border:1px solid #2c3d5a;border-radius:25px;padding:8px;box-shadow:0 15px 30px #101c3424}.device-desktop{border-radius:16px;padding:7px}.device-bar{align-items:center;gap:5px;height:18px;padding:0 7px;display:flex}.device-bar span{background:#5e6c83;border-radius:50%;width:5px;height:5px}.device-screen{min-height:330px;color:var(--ink);background:#f4f7fb;border-radius:18px;padding:20px}.device-desktop .device-screen{border-radius:10px;grid-template-columns:100px 1fr;gap:24px;min-height:250px;display:grid}.screen-label{letter-spacing:.1em;color:var(--royal);font-size:9px;font-weight:700;display:block}.device-phone strong{font-family:var(--font-display);letter-spacing:-.05em;margin:22px 0;font-size:30px;line-height:.95;display:block}.device-phone em{color:var(--royal);font-style:normal}.screen-action{background:var(--royal);color:#fff;border-radius:999px;justify-content:space-between;padding:11px 12px;font-size:11px;font-weight:700;display:flex}.screen-list{gap:8px;margin-top:24px;display:grid}.screen-list span{background:#fff;border:1px solid #e4e9f1;border-radius:8px;height:42px}.desk-side{background:linear-gradient(var(--royal) 0 28px,transparent 28px);border-right:1px solid #dee6f0;border-radius:4px}.desk-main strong{font-family:var(--font-display);letter-spacing:-.05em;margin:16px 0 22px;font-size:31px;display:block}.desk-table{grid-template-columns:2fr 1fr 1fr;gap:7px;display:grid}.desk-table span,.desk-table i{background:#dce4ef;border-radius:5px;height:10px}.desk-table i{background:#fff;border:1px solid #e4e9f1;height:35px}.access-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.access-item{border-top:2px solid var(--royal);padding-top:16px}.access-symbol{font-family:var(--font-display);color:var(--royal);margin-bottom:14px;font-size:28px;display:block}.access-item strong{font-size:14px}.access-item p{color:var(--muted);margin-top:5px;font-size:13px}.content-guides{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.content-guides>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px}.guide-number{color:var(--cyan);margin-bottom:32px;font-size:11px;font-weight:700;display:block}.content-guides strong{font-size:14px}.content-guides p{font-family:var(--font-display);letter-spacing:-.02em;color:#38455b;margin:12px 0 0;font-size:22px;line-height:1.1}.footer{border-top:1px solid var(--line);color:#8793a5;align-items:center;gap:10px;padding:26px clamp(28px,6vw,96px);font-size:11px;display:flex}.footer>span:last-child{margin-left:auto}@media (width<=980px){.sidebar{width:190px}.hero-grid{grid-template-columns:1fr}.hero-orbit{display:none}.color-grid{grid-template-columns:repeat(2,1fr)}.section-pad{padding-left:40px;padding-right:40px}}@media (width<=720px){.topbar{padding:0 18px}.brand-context,.version,.sidebar{display:none}.section-pad{padding:62px 20px}.hero{padding-top:58px}.hero h1{font-size:68px}.hero-copy{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.principles,.type-samples,.spacing-layout,.theme-cards,.component-grid,.feedback-grid,.email-preview,.content-guides{grid-template-columns:1fr}.section-intro{display:block}.section-intro>p{margin-top:18px}.color-grid,.semantic-row{grid-template-columns:1fr 1fr}.semantic-row{padding:10px}.semantic-row>div{padding:5px}.semantic-row small{font-size:10px}.scale-row{justify-content:flex-start;gap:22px;overflow:auto}.logo-stage{padding:34px 24px 26px}.large-name{font-size:40px}.logo-tagline{margin-top:15px;margin-left:0}.logo-usage{grid-template-columns:1fr;gap:16px}.type-display{min-height:270px}.type-body h3{margin-top:36px}.type-meta-row{margin-top:35px}.lifecycle{padding-bottom:12px;overflow:auto}.life-step{min-width:118px}.life-line{min-width:34px}.email-window{width:100%}.email-body{padding:26px 22px}.email-body h3{font-size:33px}.email-notes{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.responsive-grid{grid-template-columns:1fr}.device-phone{margin:auto}.access-grid{grid-template-columns:1fr 1fr}.footer{flex-wrap:wrap;padding:22px 20px}.footer>span:last-child{margin-left:30px}.request-mini .badge{margin-left:0}.request-mini{flex-wrap:wrap}.request-mini>div:nth-child(2){max-width:calc(100% - 55px)}}body.dark{--canvas:#101827;--surface:#162033;--text:#eef4ff;--ink:#f4f7fb;--line:#26344b;--muted:#a4b0c4;--soft-blue:#1c3158}.dark .topbar{border-color:var(--line);background:#101827e6}.dark .sidebar,.dark .section-border,.dark .footer{border-color:var(--line)}.dark .hero{background:linear-gradient(135deg,#101827,#132544 70%,#112f39)}.dark .hero h1,.dark .section-intro h2{color:#f4f7fb}.dark .hero-copy,.dark .section-intro>p{color:#aeb9c9}.dark .swatch-sand{color:#fff;background:#223049}.dark .semantic-row,.dark .component-card,.dark .type-body,.dark .radius-card,.dark .theme-light,.dark .email-window,.dark .content-guides>div{border-color:var(--line);background:#162033}.dark .theme-light .theme-preview{background:#202e44}.dark .type-body p,.dark .content-guides p{color:#c2cbda}.dark .form-demo input,.dark .form-demo select{color:#dce6f5;background:#19263a;border-color:#33445d}.dark .component-demo{background:#131e30}.dark .theme-light{color:#fff}.dark .theme-light small,.dark .theme-card>small{color:#a7b4c6}.dark .radius-card{color:#fff}.dark .email-detail{border-color:var(--cyan)}.dark .footer{color:#9ba8bc}.imagery-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.icon-sheet,.image-sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.icon-sheet-top{letter-spacing:.12em;color:var(--muted);justify-content:space-between;font-size:10px;font-weight:700;display:flex}.icon-sheet-top code{color:var(--royal);letter-spacing:0;font:11px monospace}.icon-row{gap:12px;margin:44px 0;display:flex}.visual-icon{background:var(--soft-blue);width:44px;height:44px;color:var(--royal);border-radius:12px;place-items:center;font-size:25px;display:grid}.icon-note strong,.icon-note small,.image-sheet strong,.image-sheet small{display:block}.icon-note strong,.image-sheet strong{font-size:14px}.icon-note small,.image-sheet small{color:var(--muted);margin-top:4px;font-size:12px}.image-art{background:linear-gradient(145deg,#cfe9f1 0%,#8bc6db 46%,#4e86a9 47%,#142a46 100%);border-radius:13px;height:166px;margin-bottom:18px;position:relative;overflow:hidden}.image-sun{background:#f7d17c;border-radius:50%;width:62px;height:62px;position:absolute;top:25px;right:28px}.image-home{clip-path:polygon(50% 0,100% 34%,90% 34%,90% 100%,10% 100%,10% 34%,0 34%);background:#f4f6ed;width:115px;height:82px;position:absolute;bottom:0;left:54px}.image-person{background:#2563eb;border-radius:15px 15px 4px 4px;width:26px;height:58px;position:absolute;bottom:0;left:31px}.token-contract{background:var(--ink);color:#fff;border-radius:var(--radius-lg);grid-template-columns:1fr 290px;align-items:center;gap:40px;margin-top:16px;padding:25px 28px;display:grid}.token-contract .eyebrow{color:var(--cyan)}.token-contract strong{font-family:var(--font-display);margin:10px 0 8px;font-size:25px;line-height:1.05;display:block}.token-contract p{color:#aeb9ca;max-width:420px;margin:0;font-size:13px}.token-contract code{color:#bcecf2;background:#16283d;border:1px solid #263f5b;border-radius:10px;padding:15px;font:12px/1.7 monospace}@media (width<=720px){.imagery-grid,.token-contract{grid-template-columns:1fr}.icon-row{justify-content:space-between}.image-art{height:140px}.token-contract{gap:20px}}svg.lucide{stroke:currentColor;vertical-align:middle;width:1em;height:1em}.icon-button svg{width:16px;height:16px}.button svg,.text-link svg,.inline-button svg,.semantic-icon svg{width:15px;height:15px}.visual-icon svg{width:20px;height:20px}.request-icon svg{width:18px;height:18px}.alert>span svg,.toast-icon svg{width:15px;height:15px}.toast-demo button svg{width:16px;height:16px}.life-icon{color:#a0acbc;background:var(--surface);z-index:2;border:1px solid #d7dfeb;border-radius:50%;place-items:center;width:34px;height:34px;margin:auto;font-size:15px;font-style:normal;position:relative;display:grid!important}.life-icon svg{width:15px;height:15px}.life-step.done .life-icon{background:var(--royal);color:#fff;border-color:var(--royal)}.life-step.current .life-icon{background:var(--soft-cyan);color:#04829b;border-color:var(--cyan)}body.dark{color:#f2f0ea;background:#101011}body:not(.dark){--canvas:#f3f5f8}.hero,.dark .hero{background:0 0!important}.hero{padding-bottom:42px!important}.swatch-cyan{color:#fff!important}.component-specimen .component-head{border-bottom:0!important}.icon-library-note{border-top:1px solid var(--line);color:var(--royal);align-items:center;gap:12px;margin-top:26px;padding-top:18px;display:flex}.icon-library-note>div{background:var(--soft-blue);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.icon-library-note p{margin:0}.icon-library-note strong,.icon-library-note small{display:block}.icon-library-note strong{color:var(--text);font-size:13px}.icon-library-note small{max-width:400px;color:var(--muted);margin-top:3px;font-size:11px;line-height:1.4}.life-icon svg{display:block}.dark .icon-library-note{border-color:#303034}.dark .icon-library-note>div{background:#1b315d}.dark .icon-library-note strong{color:#f2f0ea}.nav-group{margin-bottom:24px}.nav-link{padding:4px 12px}.nav-label{margin-bottom:5px}body.dark .topbar{background:#101011;border-color:#303034}body.dark .sidebar{border-color:#303034}body.dark .hero{background:#101011}body.dark .type-display{color:#f2f0ea;background:#1c1c20;border-color:#303034}body.dark .hero-copy,body.dark .section-intro>p{color:#9b9b9f}body.dark .section-border,body.dark .footer{border-color:#303034}body.dark .section-intro h2,body.dark .hero h1{color:#f2f0ea}body.dark .nav-link{color:#8e8e93}body.dark .nav-link:hover{color:#f2f0ea;background:#242427}body.dark .nav-link.active{background:var(--royal);color:#fff}body.dark .button-secondary{color:#f2f0ea;background:#1c1c20;border-color:#3a3a40}body.dark .button-ghost{color:#b8b8bd}body.dark .component-demo{background:#151517}body.dark .component-card,body.dark .type-body,body.dark .radius-card,body.dark .theme-light,body.dark .email-window,body.dark .content-guides>div,body.dark .icon-sheet,body.dark .image-sheet{background:#1c1c20;border-color:#303034}body.dark .theme-preview{background:#151517}body.dark .theme-card>small,body.dark .theme-light>small,body.dark .type-body p,body.dark .content-guides p{color:#9b9b9f}body.dark .form-demo input,body.dark .form-demo select{color:#f2f0ea;background:#151517;border-color:#3a3a40}body.dark .swatch-sand{color:#f2f0ea;background:#242427}body.dark .swatch-ink{color:#0b1220}body.dark .semantic-row{background:#1c1c20;border-color:#303034}body.dark .principles{border-color:#303034}body.dark .principles p{color:#9b9b9f}body.dark .logo-stage,body.dark .token-contract{background:#1c1c20;border:1px solid #303034}body.dark .email-top{border-color:#303034}body.dark .life-icon{background:#1c1c20}body.dark .life-line{background:#3a3a40}body.dark .footer{color:#8e8e93}.topbar,.sidebar,.section-border,.footer{border:0!important}.topbar{border-bottom:1px solid var(--line)!important}.sidebar{border-right:1px solid var(--line)!important}.component-card,.type-display,.type-body,.radius-card,.theme-light,.email-window,.content-guides>div,.icon-sheet,.image-sheet{border:none}.content{width:100%;max-width:960px}.shell{max-width:1208px}.hero-grid{grid-template-columns:1fr;max-width:780px}.hero-orbit{display:none}.principles{grid-template-columns:1fr;gap:22px;max-width:780px}.principles>div{max-width:650px}.section-intro{max-width:960px}.section-pad{padding-top:82px;padding-bottom:82px}.section-intro h2{font-size:clamp(42px,5vw,60px)}.hero h1,.section-intro h2,.type-xl,.type-body h3,.email-body h3,.email-notes strong,.content-guides p,.orbit-core strong,.desk-main strong{font-weight:400}.type-notes{gap:10px;max-width:420px;display:grid}.type-note{display:block}.type-note strong{color:#f2f0ea;font-weight:500}.section-intro>p{font-size:14px}.spacing-bars span,.spacing-bars b{font-size:10px}.type-spec-head{color:#9b9b9f;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.type-spec-head .type-meta{color:#60dbea}.scale-row b{color:var(--text);margin-left:4px;font-weight:500}.theme-card-top{align-items:flex-start}.theme-card>strong{font-family:var(--font-display);margin-top:18px;font-size:24px;font-weight:400;line-height:1.05;display:block}.theme-card>small{max-width:360px;margin-top:8px;font-size:13px;line-height:1.45;display:block}.theme-cards{grid-template-columns:1fr;gap:12px}.theme-card{grid-template-columns:180px minmax(180px,1fr) minmax(220px,1fr);align-items:center;gap:24px;padding:24px;display:grid}.theme-card-top{grid-column:1/-1}.theme-preview{grid-area:2/1;margin:0}.theme-card>strong{grid-area:2/2;margin:0}.theme-card>small{grid-area:2/3;margin:0}.theme-light{background:#eef3fa}.theme-dark{color:#f2f0ea;background:#1c1c20}.theme-dark .theme-card-top,.theme-dark>small{color:#9b9b9f}.theme-illustration{grid-template-columns:34px 1fr;gap:12px;display:grid;overflow:hidden;height:164px!important;padding:16px!important}.light-illustration{background:#f8fbff!important}.light-rail{align-content:start;gap:8px;display:grid}.light-rail i{background:#d7e1f0;border-radius:4px;height:7px}.light-rail i:first-child{background:linear-gradient(135deg,#2563eb 0 45%,#06b6d4 45%);height:28px}.light-work,.dark-work{flex-direction:column;display:flex}.illustration-kicker{letter-spacing:.12em;color:#2563eb;font-size:7px;font-weight:700}.light-work strong,.dark-work strong{font-family:var(--font-display);letter-spacing:-.04em;margin:11px 0;font-size:20px;line-height:.95}.illustration-action{color:#fff;background:#2563eb;border-radius:5px;justify-content:space-between;padding:7px 8px;font-size:8px;font-weight:700;display:flex}.illustration-action b{font-size:11px}.illustration-line{background:#d7e1f0;border-radius:4px;width:72%;height:6px;margin-top:10px}.dark-illustration{grid-template-columns:22px 1fr;background:#11151d!important}.dark-rail{align-content:start;gap:9px;display:grid}.dark-rail i{background:#394457;border-radius:3px;height:6px}.dark-rail i:first-child{background:#06b6d4;height:30px}.dark-work .illustration-kicker{color:#06b6d4}.dark-work strong{color:#f2f0ea}.illustration-stats{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:auto;display:grid}.illustration-stats i{background:#253041;border-bottom:2px solid #06b6d4;border-radius:4px;height:20px}.illustration-status{grid-template-columns:6px 1fr;gap:5px;margin-top:8px;display:grid}.illustration-status b{background:#06b6d4;border-radius:50%;width:6px;height:6px}.illustration-status span{background:#394457;border-radius:3px;height:5px}.image-art{background-image:url(https://images.pexels.com/photos/8055825/pexels-photo-8055825.jpeg?auto=compress&dpr=1&h=750&w=1260);background-position:50%;background-size:cover}.image-art span{display:none}.image-sheet{min-height:300px;padding:0;position:relative;overflow:hidden}.image-sheet .image-art{border-radius:0;height:300px;margin:0}.image-art:after{content:"";background:linear-gradient(#0000,#0b1220d1);position:absolute;inset:35% 0 0}.image-sheet>div:last-child{z-index:2;color:#fff;position:absolute;bottom:20px;left:22px;right:22px}.image-sheet>div:last-child strong{font-size:18px}.image-sheet>div:last-child small{color:#eef4ff;max-width:360px;font-size:12px;line-height:1.45}.dark-illustration .light-rail i{background:#394457}.dark-illustration .light-rail i:first-child{background:#06b6d4}.dark-illustration .illustration-kicker{color:#06b6d4}.dark-illustration .light-work strong{color:#f2f0ea}.dark-illustration .illustration-action{color:#10151d;background:#06b6d4}.dark-illustration .illustration-line{background:#394457}.dark .theme-light{color:#0b1220;background:#eef3fa}.dark .theme-light>small{color:#536178}.dark .theme-light .light-illustration{background:#f8fbff!important}.dark .theme-light .light-work strong{color:#0b1220}.dark .theme-light .illustration-kicker{color:#2563eb}.dark .theme-light .illustration-action{color:#fff}.device-phone .device-screen,.device-phone .device-screen strong{color:#0b1220!important}.logo-stage{background:0 0!important;border:0!important;padding:0!important}.logo-variants{grid-template-columns:1fr;gap:12px;display:grid}.logo-variant{border-radius:14px;flex-direction:column;justify-content:space-between;min-height:170px;padding:18px;display:flex}.logo-variant span{letter-spacing:.14em;font-size:10px;font-weight:700}.logo-variant strong{letter-spacing:-.07em;font-family:Poppins,Inter,system-ui,sans-serif;font-size:42px;font-weight:600}.logo-variant small{max-width:170px;font-size:11px;line-height:1.4}.logo-variant-light{color:#0b1220;background:#f7f9fc}.logo-variant-light small{color:#536178}.logo-variant-dark{color:#f2f0ea;background:#17171a}.logo-variant-dark small{color:#a8a8b0}.logo-variant-accent{color:#fff;background:#2563eb}.logo-variant-accent small{color:#dbeafe}.logo-stage .logo-rule,.logo-stage .logo-usage{display:none}@media (width<=720px){.logo-variants{grid-template-columns:1fr}.logo-variant{min-height:138px}.logo-variant strong{font-size:36px}.theme-card{display:block}.theme-card-top,.theme-preview,.theme-card>strong,.theme-card>small{margin-bottom:14px;display:block}.theme-illustration{display:grid!important}.theme-card>small{margin-bottom:0}}.theme-card.theme-light{color:#0b1220!important;background:#f7f9fc!important;border:1px solid #dbe4ef!important}.theme-card.theme-light .theme-card-top{color:#536178}.theme-card.theme-light .theme-chip{color:#2563eb;border-color:#2563eb}.theme-card.theme-light>strong{color:#0b1220}.theme-card.theme-light>small{color:#536178!important}.theme-card.theme-dark{color:#f2f0ea!important;background:#17171a!important;border:1px solid #303034!important}.theme-card.theme-dark .theme-card-top{color:#a8a8b0}.theme-card.theme-dark .theme-chip{color:#67e8f9;border-color:#67e8f9}.theme-card.theme-dark>strong{color:#f2f0ea}.theme-card.theme-dark>small{color:#a8a8b0!important}.theme-card.theme-light .theme-preview{background:#edf3fa!important}.theme-card.theme-dark .theme-preview{background:#11151d!important}.theme-illustration .light-work strong{font-size:16px!important}.component-grid{max-width:760px;grid-template-columns:1fr!important}.component-card{width:100%}body.dark #feedback .section-intro>p{color:#d1d1d5!important}.responsive-grid{grid-template-columns:220px minmax(0,1fr);align-items:end;gap:36px;max-width:800px}.device{position:relative}.device-label{letter-spacing:.14em;color:var(--royal);font-size:10px;font-weight:700;display:block;position:absolute;top:-22px;left:0}.device-phone{width:220px}.device-desktop{min-width:0}.device-desktop .device-screen{min-height:240px}.device-phone .device-screen{min-height:320px}.device-desktop .device-screen,.device-desktop .desk-main strong{color:#0b1220!important}.device-phone strong{font-size:24px!important;font-weight:500!important}body.dark .device-phone .device-screen,body.dark .device-desktop .device-screen{background:#1c1c20;color:#f2f0ea!important}body.dark .device-phone .device-screen strong,body.dark .device-desktop .desk-main strong{color:#f2f0ea!important}body.dark .device-phone .screen-list span{background:#242427;border-color:#3a3a40}body.dark .device-desktop .desk-side{border-color:#303034}body.dark .device-desktop .desk-table span{background:#394457}body.dark .device-desktop .desk-table i{background:#242427;border-color:#3a3a40}@media (width<=720px){.responsive-grid{grid-template-columns:1fr;gap:42px;max-width:320px}.device-phone{margin:auto}.device-desktop{width:100%}}.email-preview{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:42px;max-width:800px;margin-top:52px}.email-window{background:#fff;border:1px solid #e4e9f1;max-width:620px;box-shadow:0 18px 40px #0b122014}.email-top{border-bottom:1px solid #e4e9f1;height:58px;padding:0 24px}.email-brand{letter-spacing:-.06em;color:#0b1220;font-family:Poppins,Inter,system-ui,sans-serif;font-size:18px;font-weight:500}.email-top small{color:#6d7890;font-size:11px}.email-body{padding:42px 44px}.email-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.email-status>span:last-child{color:#2563eb;letter-spacing:.14em;font-size:10px;font-weight:700}.email-body h3{max-width:430px;margin:24px 0 14px;font-size:42px}.email-body>p{color:#536178;max-width:410px;line-height:1.55}.email-detail{background:#f7f9fc;border:1px solid #e4e9f1;border-left:3px solid #06b6d4;margin:28px 0 30px;padding:14px 16px}.email-detail span{color:#7a8598;font-size:11px}.email-detail strong{margin-top:3px;font-size:18px}.email-body .button-primary{padding:12px 18px}.email-foot{color:#7a8598;margin-top:30px}.email-notes{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.email-notes strong{margin:14px 0 10px;font-size:28px}.email-notes p{font-size:13px;line-height:1.5}.email-notes code{font-size:11px}.email-detail{background:#f2f5f9;border-radius:12px;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:16px;margin:28px 0 30px;padding:16px 18px;display:grid;border:0!important}.email-detail span,.email-detail strong,.email-detail small{margin:0}.email-detail strong{font-size:18px}.email-detail small{color:#7a8598;font-size:11px}.dark .email-detail{background:#242427}.dark .email-detail small,.dark .email-detail span{color:#a8a8b0}body.dark .email-window{box-shadow:none;background:#1c1c20;border-color:#303034}.dark .email-top{border-color:#303034}.dark .email-brand,.dark .email-body h3{color:#f2f0ea}.dark .email-top small,.dark .email-body>p,.dark .email-foot{color:#a8a8b0}.dark .email-detail{background:#151517;border-color:#303034}.dark .email-detail span,.dark .email-detail small{color:#a8a8b0}.dark .email-notes{border-color:#303034}.semantic-row{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px;padding:0}.semantic-row>div{background:#fff;border:0;border-radius:12px;align-items:center;gap:12px;min-height:76px;padding:14px 16px;display:flex}.semantic-icon{flex:none;width:30px;height:30px}.semantic-row strong{font-size:14px}.semantic-row small{color:var(--muted);margin-top:3px;font-size:11px}.dark .semantic-row>div,body.dark .semantic-row>div:first-child,body.dark .semantic-row>div:nth-child(2),body.dark .semantic-row>div:nth-child(3),body.dark .semantic-row>div:nth-child(4){background:#1c1c20}.semantic-row>div,body.dark .semantic-row>div:first-child,body.dark .semantic-row>div:nth-child(2),body.dark .semantic-row>div:nth-child(3),body.dark .semantic-row>div:nth-child(4){background:0 0!important}.semantic-row>div:first-child{background:#edf8f0!important}.semantic-row>div:nth-child(2){background:#fff7df!important}.semantic-row>div:nth-child(3){background:#fff0f0!important}.semantic-row>div:nth-child(4){background:#eaf8fb!important}.dark .semantic-row>div:first-child{background:#17251b!important}.dark .semantic-row>div:nth-child(2){background:#2a2314!important}.dark .semantic-row>div:nth-child(3){background:#2a1717!important}.dark .semantic-row>div:nth-child(4){background:#14262a!important}body.dark .semantic-row>div:first-child{background:#17251b!important}body.dark .semantic-row>div:nth-child(2){background:#2a2314!important}body.dark .semantic-row>div:nth-child(3){background:#2a1717!important}body.dark .semantic-row>div:nth-child(4){background:#14262a!important}.theme-cards{grid-template-columns:1fr;gap:12px;max-width:760px}.theme-card{width:100%;display:block!important}.theme-card-top{justify-content:space-between;align-items:flex-start;display:flex}.theme-card .theme-preview{width:100%;margin:22px 0 0;display:grid!important}.theme-card>strong{margin-top:18px;display:block}.theme-card>small{margin-top:8px;display:block}.brand-name,.large-name,.logo-variant strong,.email-brand{font-family:Poppins,Inter,system-ui,sans-serif;font-weight:500}.sidebar-inner{scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow:hidden auto}.component-grid{grid-template-columns:1fr;gap:12px;max-width:760px;display:grid}.component-specimen{padding:0;background:0 0!important;border:0!important}.component-specimen .component-head{justify-content:space-between;align-items:flex-start;padding:18px 0 12px;display:flex}.component-specimen .component-head>div{flex-direction:column;gap:3px;display:flex}.component-specimen .component-head span{font-size:14px;font-weight:600}.component-specimen .component-head small{color:var(--muted);font-size:12px}.component-specimen .component-head code{color:var(--royal);font-size:11px}.component-specimen .component-demo{background:var(--surface);border:0;border-radius:14px;padding:22px}.component-demo-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.component-demo-buttons .button,.request-card-demo .button{font-size:13px}.component-demo-buttons i,.request-card-demo button i{width:15px;height:15px}.component-specimen .component-foot{color:var(--muted);border:0;justify-content:space-between;gap:16px;padding:10px 2px 18px;font-size:11px;display:flex}.component-demo-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.field input,.field select{color:#172033;background:#fff;border:1px solid #dbe4ef;border-radius:9px;width:100%;height:42px;padding:0 12px;font-size:13px}.field small{color:var(--muted);font-size:11px;font-weight:400}.field-error input{border-color:#dc2626}.field-error small{color:#b42318}.component-demo-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.request-card-demo{max-width:520px}.request-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.request-type{letter-spacing:.12em;color:var(--royal);font-size:10px;font-weight:700}.request-card-demo>strong{font-family:var(--font-display);letter-spacing:-.04em;margin:20px 0 16px;font-size:27px;font-weight:400;display:block}.request-meta svg{width:15px;height:15px;color:var(--royal)}.dark .component-specimen .component-demo{background:#1c1c20}.dark .field input,.dark .field select{color:#f2f0ea;background:#151517;border-color:#3a3a40}.dark .field-error input{border-color:#f87171}.dark .field-error small{color:#fca5a5}@media (width<=720px){.component-demo-form{grid-template-columns:1fr}.component-specimen .component-foot{gap:4px;display:grid}.request-card-top{flex-direction:column;align-items:flex-start}.email-preview{grid-template-columns:1fr;gap:26px}.email-body{padding:32px 24px}.email-body h3{font-size:34px}}.feedback-grid{grid-template-columns:1fr;gap:10px;max-width:760px}.feedback-grid .alert,.feedback-grid .toast-demo{border-radius:12px;align-items:flex-start;max-width:none;padding:18px 20px;border:0!important}.feedback-grid .alert-success{background:#edf8f0;border-left:3px solid #16a34a!important}.feedback-grid .alert-attention{background:#fff7df;border-left:3px solid #f59e0b!important}.feedback-grid .toast-demo{background:#1c1c20;grid-column:auto;border-left:3px solid #06b6d4!important}.feedback-grid .alert p{color:#536178;max-width:560px}.feedback-grid .inline-button{padding:0}.dark .feedback-grid .alert-success{color:#f2f0ea;background:#17251b}.dark .feedback-grid .alert-attention{color:#f2f0ea;background:#2a2314}.dark .feedback-grid .alert p{color:#c9c9ce}.dark .feedback-grid .alert-success>span{background:#234b2d}.dark .feedback-grid .alert-attention>span{background:#5a4211}.feedback-grid .alert,.feedback-grid .toast-demo{box-shadow:none;border-radius:14px;padding:20px 22px;border:0!important}.feedback-grid .alert-success{background:#edf8f0}.feedback-grid .alert-attention{background:#fff7df}.feedback-grid .toast-demo{color:#0b1220;background:#eef4ff}.feedback-grid .alert>span{margin-top:1px}.feedback-grid .alert strong,.feedback-grid .toast-demo strong{letter-spacing:-.01em;font-size:15px}.feedback-grid .alert p{margin-top:5px;font-size:13px;line-height:1.45}.feedback-grid .inline-button{margin-top:12px}.feedback-grid .toast-icon{color:#0891b2}.feedback-grid .toast-demo small{color:#536178;margin-top:5px;font-size:12px}.feedback-grid .toast-demo button{color:#536178}.dark .feedback-grid .alert-success{background:#17251b}.dark .feedback-grid .alert-attention{background:#2a2314}.dark .feedback-grid .toast-demo{color:#f2f0ea;background:#182338}.dark .feedback-grid .toast-demo small,.dark .feedback-grid .toast-demo button{color:#b9c5d8}@media (width<=720px){.section-pad{padding-top:58px;padding-bottom:58px}.hero h1{font-size:64px}.principles{gap:18px}}.hero-copy,.hero-actions,.version{display:none!important}.type-samples{grid-template-columns:1fr}.radius-demo{display:none!important}.spacing-layout{grid-template-columns:1fr}.color-grid{grid-template-columns:1fr;gap:10px}.swatch{min-height:122px}.semantic-row{grid-template-columns:1fr}.dimozi-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font:600 13px/1.2 Cabinet Grotesk,Inter,sans-serif;display:inline-flex}.dimozi-button svg{width:15px;height:15px}.dimozi-button-primary{color:#fff;background:#2563eb}.dimozi-button-secondary{color:#172033;background:0 0;border:1px solid #dbe4ef}.dimozi-button-ghost{color:#2563eb;background:0 0}.dimozi-input{color:#172033;background:#fff;border:1px solid #dbe4ef;border-radius:9px;width:100%;height:42px;padding:0 12px;font:13px Cabinet Grotesk,Inter,sans-serif;transition:border-color .18s,box-shadow .18s}.dimozi-input::placeholder{color:#69758a}.dimozi-input:focus-visible{border-color:#2563eb;outline:0;box-shadow:0 0 0 3px #2563eb2e}.dimozi-input:disabled{cursor:not-allowed;opacity:.5}.dimozi-field{flex-direction:column;gap:7px;font:600 12px Cabinet Grotesk,Inter,sans-serif;display:flex}.dimozi-field small{color:#69758a;font-size:11px;font-weight:400}.dimozi-field-error .dimozi-input{border-color:#dc2626}.dimozi-field-error .dimozi-input:focus-visible{box-shadow:0 0 0 3px #dc262629}.dimozi-field-error small{color:#b42318}.dimozi-badge{border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font:600 11px Cabinet Grotesk,Inter,sans-serif;display:inline-flex}.dimozi-badge i{background:#2563eb;border-radius:50%;width:6px;height:6px}.dimozi-badge-blue{color:#1e55c7;background:#eaf1ff}.dimozi-badge-cyan{color:#087f91;background:#e8f9fb}.dimozi-badge-cyan i{background:#0891b2}.dimozi-badge-amber{color:#a66b00;background:#fff5d9}.dimozi-badge-amber i{background:#f59e0b}.dimozi-badge-gray{color:#596579;background:#eef1f5}.dimozi-badge-gray i{background:#8490a2}.dimozi-card{background:var(--surface);border-radius:12px}.dimozi-card-header,.dimozi-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.dimozi-card-content,.dimozi-card-header,.dimozi-card-footer{padding:0}.request-card-demo{padding:20px}.request-card-demo .dimozi-card-content strong{letter-spacing:-.04em;margin:20px 0 16px;font:400 27px/1.05 Poppins,Inter,sans-serif;display:block}.request-card-demo .dimozi-card-footer{justify-content:flex-start}.request-meta{color:var(--muted);gap:9px;margin-bottom:22px;font-size:12px;display:grid}.request-meta span{align-items:center;gap:8px;display:flex}.request-meta svg{color:#2563eb;width:15px;height:15px}.dark .dimozi-button-secondary{color:#f2f0ea;border-color:#3a3a40}.dark .dimozi-input{color:#f2f0ea;background:#151517;border-color:#3a3a40}.dark .dimozi-input::placeholder,.dark .dimozi-field small{color:#a8a8b0}.dark .dimozi-badge-blue{color:#bcd2ff;background:#1b315d}.dark .dimozi-badge-cyan{color:#8de4ee;background:#123238}.dark .dimozi-badge-amber{color:#ffd782;background:#3a2d12}.dark .dimozi-badge-gray{color:#c7c9d0;background:#2a2b2f}.dark .dimozi-card{background:#1c1c20}.dark .dimozi-field-error .dimozi-input{border-color:#f87171}.dark .dimozi-field-error .dimozi-input:focus-visible{box-shadow:0 0 0 3px #f8717133}.dimozi-select-trigger{color:#172033;background:#fff;border:1px solid #dbe4ef;border-radius:9px;outline:0;justify-content:space-between;align-items:center;gap:8px;width:100%;height:42px;padding:0 12px;font:13px Cabinet Grotesk,Inter,sans-serif;transition:border-color .18s,box-shadow .18s;display:flex}.dimozi-select-trigger:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.dimozi-select-chevron{color:#69758a;width:16px;height:16px}.dimozi-select-content{z-index:50;min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);color:#172033;background:#fff;border:1px solid #dbe4ef;border-radius:9px;padding:5px;font:13px Cabinet Grotesk,Inter,sans-serif;overflow:hidden;box-shadow:0 10px 30px #0b122024}.dimozi-select-viewport{padding:0}.dimozi-select-item{cursor:pointer;border-radius:6px;outline:0;align-items:center;height:34px;padding:0 30px 0 10px;display:flex;position:relative}.dimozi-select-item[data-highlighted]{color:#1e55c7;background:#eef4ff}.dimozi-select-item-indicator{align-items:center;width:14px;display:inline-flex;position:absolute;left:8px}.dimozi-select-item-indicator svg{width:14px;height:14px}.dimozi-select-item-indicator+span{margin-left:18px}.dimozi-select-scroll{color:#69758a;justify-content:center;align-items:center;height:18px;display:flex}.dimozi-select-scroll svg{width:14px;height:14px}.dark .dimozi-select-trigger{color:#f2f0ea;background:#151517;border-color:#3a3a40}.dark .dimozi-select-chevron{color:#a8a8b0}.dark .dimozi-select-content{color:#f2f0ea;background:#1c1c20;border-color:#3a3a40;box-shadow:0 14px 34px #00000059}.dark .dimozi-select-item[data-highlighted]{color:#bcd2ff;background:#242b3a}.dark .dimozi-select-scroll{color:#a8a8b0}