@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.1uklb5el4zgvl.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.05i4gb4p0piv4.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.2g-0we2o5_ngd.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.1zvg0ggiaivzo.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.0jaqhc1tb-5xm.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.1hvvd1t-trplq.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.25pbmqxk8u2s7.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.0n_ln9vqskgts.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.2wu4yy186g04j.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.10uaeld2xxvpt.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.2bbpeapf-lbjw.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.13y-iz2lazqtb.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fcf129058e6e31f2-s.p.1ubek13yfcpkr.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7b74840ea7c05e95-s.0t1_atrj_pkiu.woff2)format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3eca85881bcfa204-s.p.0unco9n87mni8.woff2)format("woff2");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:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_f4ab500f-module__IhwAaW__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_f4ab500f-module__IhwAaW__variable{--font-body:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0781808e3393dbfb-s.p.3uuzd4ky6sm1t.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0781808e3393dbfb-s.p.3uuzd4ky6sm1t.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0781808e3393dbfb-s.p.3uuzd4ky6sm1t.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");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:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");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:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.quicksand_da077d6c-module__VC25zW__className{font-family:Quicksand,Quicksand Fallback;font-style:normal}.quicksand_da077d6c-module__VC25zW__variable{--font-display:"Quicksand", "Quicksand Fallback"}
@layer tokens,base,components,routes;
@layer tokens {
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#1e7bf0;--brand-sky:#29b6f0;--brand-amber:#f5a800;--brand-gold:#ffd34d;--surface:var(--lightningcss-light,#fdfdfb)var(--lightningcss-dark,#080b13);--on-surface:var(--lightningcss-light,#131b3a)var(--lightningcss-dark,#eef1fb);--on-surface-muted:var(--lightningcss-light,#4a5372)var(--lightningcss-dark,#97a1c0);--on-surface-dim:var(--lightningcss-light,#666f8c)var(--lightningcss-dark,#727da0);--border:var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff17);--surface-contrast:var(--lightningcss-light,#131b3a)var(--lightningcss-dark,#101725);--surface-contrast-deep:var(--lightningcss-light,#0d142e)var(--lightningcss-dark,#171f33);--on-surface-contrast:#eef1fa;--on-surface-contrast-muted:#b9c2dc;--on-surface-contrast-dim:#8e99be;--radius-pill:999px;--radius-circle:50%;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-overshoot:cubic-bezier(.16, 1.02, .3, 1);--z-behind:-1;--z-pinned:40;--z-nav:50;--z-panel:60;--shell:1240px;--nav-h:64px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@property --atom-accent{syntax:"<color>";inherits:true;initial-value:#1e7bf0}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--grain-opacity:.02;--home-grade:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--grain-opacity:.04}}:root[data-theme=dark]{--grain-opacity:.04}
}

@layer tokens {
:root{--light-x:18%;--light-y:0%;--light-far-x:82%;--light-far-y:100%;--wash-cool:var(--lightningcss-light,#8aa3c6)var(--lightningcss-dark,#46577a);--wash-warm:var(--lightningcss-light,#c9a880)var(--lightningcss-dark,#7a6444);--wash-cool-strength:34%;--wash-warm-strength:30%;--glass-blur:14px;--glass-tint:var(--lightningcss-light,#ffffff9e)var(--lightningcss-dark,#1e273a9e);--glass-rim:var(--lightningcss-light,#ffffffe6)var(--lightningcss-dark,#ffffff21);--glass-edge:var(--lightningcss-light,#131b3a1a)var(--lightningcss-dark,#ffffff1a);--glass-shadow:var(--lightningcss-light,6px 16px 36px #131b3a1a)var(--lightningcss-dark,6px 16px 36px #0000006b);--glass-rim-contrast:#ffffff21;--glass-edge-contrast:#ffffff1a}
}

@layer base {
*{box-sizing:border-box}:lang(ko){word-break:keep-all;overflow-wrap:break-word}body{font-family:var(--font-body), "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-amber)}::selection{color:var(--surface-contrast);background:#ffe9b8}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:2px}
}

@layer base {
.shell{max-width:var(--shell);margin:0 auto;padding-inline:5vw}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--lightningcss-light,color-mix(in srgb, var(--brand) 90%, #000))var(--lightningcss-dark,var(--brand));align-items:center;gap:12px;margin-bottom:20px;font-size:12.5px;font-weight:700;display:flex}.kicker:after{content:"";opacity:.5;background:linear-gradient(90deg,currentColor,#0000);flex:1;max-width:96px;height:1px}.kicker--onDark{color:var(--brand-sky)}.sectionTitle{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0 0 18px;font-size:clamp(34px,4.6vw,62px);font-weight:800;line-height:1.02}.sectionLead{max-width:58ch;color:var(--on-surface-muted);text-wrap:pretty;margin:0;font-size:18px;line-height:1.65}.brandMark{transition:transform .9s var(--ease-out);background-image:url(/brand-mark.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.navBrand:hover .brandMark,.navBrand:focus-visible .brandMark{transform:rotate(400deg)}.reveal{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transform:translateY(38px)}.reveal.is-revealed{opacity:1;transform:translateY(0)}html[data-motion=js] .homeReveal{opacity:0}html[data-motion=js] .homeReveal.is-shown{opacity:1}.visuallyHidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
}

@layer base {
.bandFull{position:relative}.bandFull--material{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--on-surface-contrast) 12%, transparent)}.bandFull--material:after{content:"";pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.splitOff{--split-lead:7fr;--split-trail:5fr;grid-template-columns:minmax(0, var(--split-lead)) minmax(0, var(--split-trail));align-items:start;gap:clamp(32px,4.5vw,72px);display:grid}.splitSticky{top:calc(var(--nav-h) + 28px);position:sticky}@media (max-width:900px){.splitOff{grid-template-columns:1fr}.splitSticky{position:static}}
}

@layer base {
.bleedRight{max-width:var(--shell);margin-inline:auto;padding-inline:5vw}@media (min-width:901px){.bleedRight{max-width:none;padding-right:0;padding-left:max(5vw, calc(50vw - var(--shell) / 2 + 5vw));margin-right:0}}.bleedGuard{overflow-x:clip}.seamCross{z-index:1;margin-top:calc(-1 * var(--seam-depth,64px));position:relative}@media (max-width:900px){.seamCross{--seam-depth:0px}}
}

@layer base {
@keyframes lumioPulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes lumioDrift{0%,to{transform:translate(0)}50%{transform:translate(34px,-26px)}}@keyframes lumioMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lumioShine{0%{background-position:200%}to{background-position:-200%}}@media (prefers-reduced-motion:reduce){.brandMark{transition:none}.navBrand:hover .brandMark,.navBrand:focus-visible .brandMark{transform:none}.reveal{opacity:1;transition:none;transform:none}html[data-motion=js] .homeReveal{opacity:1}.heroBadge span,.heroOrb,.marqueeTrack,.heroTitle em{animation:none!important}}
}

@layer components {
.productShot{background:#131b3a0a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 60px #131b3a29}.productShot[data-frame=desktop]{aspect-ratio:16/10}.productShot[data-frame=mobile]{aspect-ratio:9/27.4}.productShot picture,.productShot img{width:100%;height:100%;display:block}.productShot img{object-fit:cover;object-position:top center}
}

@layer components {
.mockupFrame{background:var(--surface);overflow:clip}.mockupCanvas{--px:calc(100cqi / 1512);--mockup-ground:color-mix(in srgb, var(--on-surface) 3%, var(--surface));--mockup-line:var(--border);--mockup-tint:var(--accent,var(--brand));font-family:var(--font-body), system-ui, sans-serif;letter-spacing:0;color:var(--on-surface);background:var(--mockup-ground);-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;line-height:1.35;display:flex;position:absolute;inset:0;overflow:clip;container-type:inline-size}.mockupFrame[data-frame=mobile] .mockupCanvas{--px:calc(100cqi / 514)}.mockupCanvas [data-tone=accent]{--tone:var(--mockup-tint)}.mockupCanvas [data-tone=brand]{--tone:var(--brand)}.mockupCanvas [data-tone=sky]{--tone:var(--brand-sky)}.mockupCanvas [data-tone=amber]{--tone:var(--brand-amber)}.mockupCanvas [data-tone=neutral]{--tone:var(--on-surface-dim)}.mockupScreen{font-size:calc(13 * var(--px));flex:1;min-height:0;display:flex}.mockupBrowserBar{gap:calc(7 * var(--px));height:calc(34 * var(--px));padding-inline:calc(14 * var(--px));border-bottom:1px solid var(--mockup-line);background:color-mix(in srgb, var(--on-surface) 6%, var(--surface));flex:none;align-items:center;display:flex}.mockupBrowserDot{width:calc(10 * var(--px));aspect-ratio:1;border-radius:var(--radius-circle);background:color-mix(in srgb, var(--on-surface) 16%, transparent)}.mockupBrowserUrl{width:calc(380 * var(--px));height:calc(20 * var(--px));border-radius:var(--radius-pill);background:var(--surface);margin-inline:auto}.mockupStatusBar{height:calc(46 * var(--px));padding-inline:calc(28 * var(--px));font-size:calc(15 * var(--px));background:var(--surface);flex:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.mockupStatusIcons{gap:calc(5 * var(--px));align-items:center;display:flex}.mockupStatusIcons>span{width:calc(16 * var(--px));height:calc(10 * var(--px));border-radius:calc(3 * var(--px));opacity:.8;background:currentColor}.mockupStatusIcons>span:last-child{width:calc(24 * var(--px))}.mockupRender{z-index:calc(var(--z-panel) + 1);background:var(--surface);position:fixed;inset:0}.mockupRender .productShot{width:100vw;box-shadow:none;border-radius:0}
}

@layer components {
.mockupSidebar{width:calc(210 * var(--px));--rail-text:var(--on-surface-contrast);--rail-muted:var(--on-surface-contrast-muted);--rail-dim:var(--on-surface-contrast-dim);padding:calc(14 * var(--px)) calc(10 * var(--px));color:var(--rail-muted);background:var(--surface-contrast);flex-direction:column;flex:none;display:flex}.mockupWorkspace{gap:calc(10 * var(--px));padding:calc(4 * var(--px)) calc(6 * var(--px)) calc(18 * var(--px));align-items:center;display:flex}.mockupLogo{width:calc(30 * var(--px));aspect-ratio:1;border-radius:calc(9 * var(--px));background:linear-gradient(135deg, var(--mockup-tint), var(--brand-sky))}.mockupSkeleton{gap:calc(5 * var(--px));display:grid}.mockupSkeleton>span{width:calc(84 * var(--px));height:calc(7 * var(--px));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--rail-text) 22%, transparent)}.mockupSkeleton>span+span{width:calc(52 * var(--px));opacity:.6}.mockupNav{gap:calc(14 * var(--px));flex:1;align-content:start;display:grid}.mockupNavGroup{gap:calc(2 * var(--px));display:grid}.mockupNavLabel{padding:0 calc(8 * var(--px)) calc(4 * var(--px));font-size:calc(10.5 * var(--px));color:var(--rail-dim);font-weight:600}.mockupNavItem{gap:calc(10 * var(--px));padding:calc(7 * var(--px)) calc(8 * var(--px));border-radius:calc(8 * var(--px));font-size:calc(12.5 * var(--px));align-items:center;display:flex}.mockupNavItem[data-active=true]{color:var(--rail-text);background:color-mix(in srgb, var(--mockup-tint) 28%, transparent)}.mockupNavIcon{width:calc(14 * var(--px));aspect-ratio:1;border:calc(1.5 * var(--px)) solid currentColor;border-radius:calc(4 * var(--px));opacity:.7}.mockupSidebarUser{gap:calc(10 * var(--px));padding:calc(12 * var(--px)) calc(6 * var(--px)) 0;border-top:1px solid color-mix(in srgb, var(--rail-text) 12%, transparent);align-items:center;display:flex}.mockupSidebarUser strong,.mockupSidebarUser small{display:block}.mockupSidebarUser strong{font-size:calc(12.5 * var(--px));color:var(--rail-text)}.mockupSidebarUser small{font-size:calc(10.5 * var(--px))}.mockupSidebar[data-variant=light]{--rail-text:var(--on-surface);--rail-muted:var(--on-surface-muted);--rail-dim:var(--on-surface-dim);border-right:1px solid var(--mockup-line);background:color-mix(in srgb, var(--on-surface) 2%, var(--surface))}.mockupSidebar[data-variant=light] .mockupNavItem[data-active=true]{background:color-mix(in srgb, var(--mockup-tint) 14%, transparent)}.mockupMain{flex-direction:column;flex:1;min-width:0;display:flex}.mockupTopbar{height:calc(56 * var(--px));padding-inline:calc(20 * var(--px));border-bottom:1px solid var(--mockup-line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;display:flex}.mockupTopbarTitle small{font-size:calc(9.5 * var(--px));letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-dim);font-weight:600;display:block}.mockupTopbarTitle strong{font-size:calc(15 * var(--px))}.mockupTopbarActions{gap:calc(10 * var(--px));align-items:center;display:flex}.mockupPill{gap:calc(6 * var(--px));padding:calc(6 * var(--px)) calc(12 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(8 * var(--px));font-size:calc(12 * var(--px));background:var(--surface);align-items:center;display:inline-flex}.mockupAvatar{width:calc(var(--size) * var(--px));aspect-ratio:1;border-radius:var(--radius-circle);font-size:calc(var(--size) * .38 * var(--px));color:color-mix(in srgb, var(--tone) 45%, var(--on-surface));background:color-mix(in srgb, var(--tone) 18%, var(--surface));flex:none;place-items:center;font-weight:700;display:inline-grid}
}

@layer components {
.mockupCard{min-width:0;padding:calc(14 * var(--px)) calc(16 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(10 * var(--px));background:var(--surface)}.mockupCardHead{gap:calc(10 * var(--px));margin-bottom:calc(12 * var(--px));font-size:calc(13 * var(--px));justify-content:space-between;align-items:center;display:flex}.mockupStat{gap:calc(12 * var(--px));align-items:center;display:flex}.mockupStatIcon{width:calc(34 * var(--px));aspect-ratio:1;border-radius:calc(9 * var(--px));background:color-mix(in srgb, var(--tone) 16%, var(--surface));flex:none;place-items:center;display:grid}.mockupStatIcon:after{content:"";aspect-ratio:1;border:calc(1.8 * var(--px)) solid var(--tone);border-radius:calc(4 * var(--px));width:42%}.mockupStatValue{font-size:calc(20 * var(--px));line-height:1.15;display:block}.mockupStatValue small{color:var(--on-surface-dim);font-size:.7em;font-weight:500}.mockupStatLabel{font-size:calc(11.5 * var(--px));color:var(--on-surface-muted)}.mockupBars{gap:calc(10 * var(--px));height:calc(130 * var(--px));align-items:stretch;display:flex}.mockupBarColumn{gap:calc(5 * var(--px));font-size:calc(10 * var(--px));color:var(--on-surface-dim);flex-direction:column;flex:1;align-items:center;display:flex}.mockupBarTrack{border-radius:calc(3 * var(--px));background:color-mix(in srgb, var(--on-surface) 6%, transparent);transform-origin:bottom;flex-direction:column-reverse;flex:1;width:100%;display:flex;overflow:hidden}.mockupBarSegment{background:var(--tone);flex:none}.mockupLegend{gap:calc(14 * var(--px));font-size:calc(11 * var(--px));color:var(--on-surface-muted);font-weight:400;display:flex}.mockupLegend>span:before{content:"";width:calc(7 * var(--px));aspect-ratio:1;margin-right:calc(5 * var(--px));border-radius:var(--radius-circle);background:var(--tone);display:inline-block}@keyframes mockupBarRise{0%{scale:1 .08}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mockupBarTrack{animation:linear both mockupBarRise;animation-timeline:view();animation-range:entry 10% cover 40%}}}.mockupTable{font-size:calc(12 * var(--px));display:grid}.mockupTableHead,.mockupTableCell{gap:calc(8 * var(--px));min-width:0;padding:calc(8 * var(--px)) calc(10 * var(--px));white-space:nowrap;border-bottom:1px solid var(--mockup-line);align-items:center;display:flex;overflow:hidden}.mockupTableHead{font-size:calc(10.5 * var(--px));color:var(--on-surface-dim);font-weight:600}.mockupTableCell small{color:var(--on-surface-dim)}.mockupBadge{padding:calc(2 * var(--px)) calc(8 * var(--px));border-radius:var(--radius-pill);font-size:calc(10.5 * var(--px));color:color-mix(in srgb, var(--tone) 45%, var(--on-surface));background:color-mix(in srgb, var(--tone) 14%, transparent);font-weight:600;display:inline-block}
}

@layer components {
.mockupPage{gap:calc(16 * var(--px));width:calc(930 * var(--px));padding-top:calc(22 * var(--px));align-content:start;margin-inline:auto;display:grid}.mockupPageHead{gap:calc(12 * var(--px));justify-content:space-between;align-items:center;display:flex}.mockupPageHead strong{font-size:calc(17 * var(--px));display:block}.mockupPageHead small{font-size:calc(12 * var(--px));color:var(--on-surface-muted)}.mockupPageActions{gap:calc(8 * var(--px));display:flex}.mockupButton{gap:calc(6 * var(--px));padding:calc(7 * var(--px)) calc(13 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(8 * var(--px));font-size:calc(12 * var(--px));white-space:nowrap;background:var(--surface);align-items:center;font-weight:600;display:inline-flex}.mockupButton[data-primary=true]{color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));border-color:#0000}.mockupNotice{padding:calc(10 * var(--px)) calc(14 * var(--px));border-radius:calc(8 * var(--px));font-size:calc(11.5 * var(--px));color:color-mix(in srgb, var(--brand-amber) 45%, var(--on-surface));background:color-mix(in srgb, var(--brand-amber) 13%, var(--surface));margin:0}
}

@layer components {
.mockupField{gap:calc(5 * var(--px));min-width:0;display:grid}.mockupField>small{font-size:calc(11 * var(--px));font-weight:600}.mockupInput{padding:calc(7 * var(--px)) calc(26 * var(--px)) calc(7 * var(--px)) calc(10 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(6 * var(--px));font-size:calc(11.5 * var(--px));white-space:nowrap;background:var(--surface);position:relative;overflow:hidden}.mockupInput[data-empty=true]{color:var(--on-surface-dim)}.mockupInput[data-select=true]:after{content:"";top:38%;right:calc(11 * var(--px));width:calc(5 * var(--px));aspect-ratio:1;border-right:calc(1.5 * var(--px)) solid var(--on-surface-muted);border-bottom:calc(1.5 * var(--px)) solid var(--on-surface-muted);position:absolute;rotate:45deg}.mockupChips{gap:calc(6 * var(--px));flex-wrap:wrap;display:flex}.mockupChips>span{gap:calc(6 * var(--px));padding:calc(5 * var(--px)) calc(11 * var(--px));border:1px solid var(--mockup-line);border-radius:var(--radius-pill);font-size:calc(11.5 * var(--px));align-items:center;font-weight:600;display:inline-flex}.mockupChips>span[data-active=true]{background:color-mix(in srgb, var(--mockup-tint) 14%, var(--surface));border-color:#0000}.mockupChips small{color:var(--on-surface-muted);font-weight:400}.mockupCheck{width:calc(13 * var(--px));aspect-ratio:1;border:1px solid color-mix(in srgb, var(--on-surface) 28%, transparent);border-radius:calc(3 * var(--px))}.mockupStatus{gap:calc(6 * var(--px));align-items:center;display:inline-flex}.mockupStatus:before{content:"";width:calc(7 * var(--px));aspect-ratio:1;border-radius:calc(2 * var(--px));background:var(--tone)}.mockupToggle{width:calc(36 * var(--px));height:calc(20 * var(--px));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--on-surface) 18%, var(--surface));flex:none;position:relative}.mockupToggle:after{content:"";top:calc(2 * var(--px));left:calc(2 * var(--px));width:calc(16 * var(--px));aspect-ratio:1;border-radius:var(--radius-circle);background:var(--surface);position:absolute}.mockupToggle[data-on=true]{background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast))}.mockupToggle[data-on=true]:after{left:auto;right:calc(2 * var(--px))}
}

@layer components {
.mockupLines{width:100%;height:calc(120 * var(--px));display:block;overflow:visible}.mockupLines polyline{fill:none;stroke:var(--tone);stroke-width:calc(2 * var(--px));stroke-linejoin:round}.mockupLines polygon{fill:color-mix(in srgb, var(--tone) 14%, transparent)}
}

@layer components {
.hrDashboardStats{gap:calc(12 * var(--px));grid-template-columns:repeat(4,1fr);display:grid}.hrDashboardMid{grid-template-columns:1fr calc(300 * var(--px));gap:calc(14 * var(--px));display:grid}.hrDashboardPay{gap:calc(12 * var(--px));align-content:start;display:grid}.hrPayCard{gap:calc(4 * var(--px));display:grid}.hrPayCard small{font-size:calc(10 * var(--px));letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-dim);font-weight:600}.hrPayCard strong{font-size:calc(22 * var(--px))}.hrPayCard span{font-size:calc(11.5 * var(--px));color:var(--on-surface-muted)}.hrPayCard[data-lead=true]{color:var(--on-surface-contrast);background:linear-gradient(135deg, var(--mockup-tint), color-mix(in srgb, var(--mockup-tint) 55%, var(--brand-sky)));border-color:#0000}.hrPayCard[data-lead=true] small,.hrPayCard[data-lead=true] span{color:color-mix(in srgb, var(--on-surface-contrast) 82%, transparent)}.hrDashboardLists{gap:calc(14 * var(--px));grid-template-columns:1fr 1.15fr;align-items:start;display:grid}.hrDashboardLists .mockupCard{padding-bottom:calc(4 * var(--px))}.hrSeeAll{font-size:calc(11 * var(--px));color:var(--mockup-tint)}
}

@layer components {
.hrRun{gap:calc(14 * var(--px));display:grid}.hrRunHead{justify-content:space-between;align-items:center;display:flex}.hrRunHead strong{font-size:calc(14 * var(--px))}.hrRunHead small{margin-top:calc(3 * var(--px));font-size:calc(11 * var(--px));color:var(--on-surface-dim);display:block}.hrSteps{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.hrSteps:before,.hrSteps:after{content:"";top:calc(10 * var(--px));height:calc(2 * var(--px));background:var(--mockup-line);width:75%;position:absolute;left:12.5%}.hrSteps:after{width:calc(75% * (var(--reached) - 1) / 3);background:var(--mockup-tint)}.hrSteps li{z-index:1;gap:calc(6 * var(--px));font-size:calc(11.5 * var(--px));color:var(--on-surface-dim);justify-items:center;font-weight:600;display:grid;position:relative}.hrSteps li>span{width:calc(22 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid var(--mockup-line);border-radius:var(--radius-circle);background:var(--surface)}.hrSteps li[data-done=true]{color:var(--on-surface)}.hrSteps li[data-done=true]>span{border-color:var(--mockup-tint);background:var(--mockup-tint);box-shadow:inset 0 0 0 calc(5 * var(--px)) var(--mockup-tint), inset 0 0 0 calc(7 * var(--px)) var(--surface)}.hrRunTotals{gap:calc(10 * var(--px));grid-template-columns:repeat(4,1fr);display:grid}.hrRunTotals>span{padding:calc(10 * var(--px)) calc(12 * var(--px));border-radius:calc(8 * var(--px));background:color-mix(in srgb, var(--on-surface) 4%, var(--surface))}.hrRunTotals small{font-size:calc(9.5 * var(--px));letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-dim);font-weight:600;display:block}.hrRunTotals strong{font-size:calc(17 * var(--px))}.hrRunClosed{gap:calc(10 * var(--px));font-size:calc(13 * var(--px));align-items:center;display:flex}.hrRunClosed small{font-size:calc(11 * var(--px));color:var(--on-surface-dim);margin-left:auto}
}

@layer components {
.hrCalendarBody{grid-template-columns:1fr calc(300 * var(--px));gap:calc(14 * var(--px));align-items:start;display:grid}.hrMonth{gap:calc(6 * var(--px));grid-template-columns:repeat(7,1fr);display:grid}.hrMonth>small{padding-bottom:calc(2 * var(--px));font-size:calc(10.5 * var(--px));text-align:center;color:var(--on-surface-dim)}.hrDay{height:calc(52 * var(--px));padding:calc(6 * var(--px)) calc(8 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(7 * var(--px));font-size:calc(12.5 * var(--px));align-content:space-between;font-weight:600;display:grid}.hrDay small{font-size:calc(9 * var(--px));letter-spacing:.04em;text-transform:uppercase;color:var(--tone,var(--mockup-tint));font-weight:600}.hrDay[data-state=weekend]{color:var(--on-surface-dim);font-weight:400}.hrDay[data-state=holiday]{--tone:var(--brand-sky);border-color:color-mix(in srgb, var(--brand-sky) 45%, transparent);background:color-mix(in srgb, var(--brand-sky) 9%, var(--surface))}.hrDay[data-state=workday]{--tone:var(--mockup-tint);border-color:color-mix(in srgb, var(--mockup-tint) 45%, transparent);background:color-mix(in srgb, var(--mockup-tint) 9%, var(--surface))}.hrDay[data-today=true]{border-color:var(--mockup-tint);box-shadow:inset 0 0 0 1px var(--mockup-tint)}.hrCalendarSide{gap:calc(12 * var(--px));display:grid}.hrCalendarActions{gap:calc(8 * var(--px));grid-template-columns:1fr 1fr;display:grid}.hrCalendarActions .mockupButton{justify-content:center}.hrConfigured{display:grid}.hrConfigured>span{grid-template-columns:calc(52 * var(--px)) 1fr auto;gap:calc(8 * var(--px));padding:calc(8 * var(--px)) 0;border-top:1px solid var(--mockup-line);font-size:calc(12 * var(--px));align-items:center;display:grid}.hrConfigured small{color:var(--on-surface-muted)}
}

@layer components {
.hrPerson{min-width:0;line-height:1.25;display:grid}.hrPerson strong{text-overflow:ellipsis;overflow:hidden}.hrPerson small{font-size:calc(10.5 * var(--px))}
}

@layer components {
.commercePage{width:calc(1040 * var(--px));gap:calc(14 * var(--px))}.commerceFilters{gap:calc(12 * var(--px)) calc(14 * var(--px));background:color-mix(in srgb, var(--on-surface) 2%, var(--surface));grid-template-columns:repeat(4,1fr);align-items:end;display:grid}.commerceFilterActions{gap:calc(8 * var(--px));grid-column:-2/-1;justify-content:end;display:flex}.commerceJoined{gap:calc(5 * var(--px));grid-column:span 3;display:grid}.commerceJoined>small{font-size:calc(11 * var(--px));font-weight:600}.commerceTableCard{padding:calc(4 * var(--px)) calc(8 * var(--px))}.commerceToolbar,.commerceFoot{gap:calc(10 * var(--px));padding:calc(8 * var(--px)) calc(6 * var(--px));justify-content:space-between;align-items:center;display:flex}.commerceFoot{font-size:calc(11.5 * var(--px));color:var(--on-surface-muted)}.commerceFoot>span{gap:calc(6 * var(--px));display:flex}.commerceSearch{width:calc(220 * var(--px))}.commerceThumb{--tone:var(--mockup-tint);width:calc(26 * var(--px));aspect-ratio:1;border-radius:calc(5 * var(--px));background:linear-gradient(145deg, color-mix(in srgb, var(--tone) 35%, var(--surface)), var(--tone))}.commerceThumb[data-category=Kitchen]{--tone:var(--brand-amber)}.commerceThumb[data-category=Stationery]{--tone:var(--brand-sky)}.commerceThumb[data-category=Home\ care],.commerceThumb[data-category=Outdoor]{--tone:var(--brand)}
}

@layer components {
.otcSite{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.otcTopNav{gap:calc(22 * var(--px));height:calc(52 * var(--px));padding-inline:calc(18 * var(--px));border-bottom:1px solid var(--mockup-line);flex:none;align-items:center;display:flex}.otcTopNav nav{gap:calc(6 * var(--px));padding-left:calc(18 * var(--px));border-left:1px solid var(--mockup-line);font-size:calc(12 * var(--px));display:flex}.otcTopNav nav>span{padding:calc(4 * var(--px)) calc(10 * var(--px));border-radius:calc(6 * var(--px))}.otcTopNav nav>span[data-active=true]{color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));font-weight:600}.otcTopActions{gap:calc(8 * var(--px));align-items:center;margin-left:auto;display:flex}.otcLang{padding:calc(4 * var(--px)) calc(8 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(5 * var(--px));font-size:calc(11 * var(--px));font-weight:600}.otcBody{flex:1;min-height:0;display:flex}.otcRail{gap:calc(2 * var(--px));width:calc(170 * var(--px));padding:calc(14 * var(--px)) calc(10 * var(--px));border-right:1px solid var(--mockup-line);font-size:calc(12 * var(--px));flex:none;align-content:start;display:grid}.otcAccount{gap:calc(4 * var(--px)) calc(8 * var(--px));margin-bottom:calc(12 * var(--px));padding:calc(10 * var(--px));border-radius:calc(8 * var(--px));background:color-mix(in srgb, var(--on-surface) 4%, var(--surface));grid-template-columns:auto 1fr;align-items:center;display:grid}.otcAccount small,.otcAccount p{font-size:calc(10.5 * var(--px));color:var(--on-surface-muted);margin:0;display:block}.otcAccount p{grid-column:1/-1}.otcRailItem{gap:calc(9 * var(--px));padding:calc(7 * var(--px)) calc(10 * var(--px));border-radius:calc(7 * var(--px));align-items:center;display:flex}.otcRailItem[data-active=true]{color:var(--on-surface-contrast);background:var(--surface-contrast);font-weight:600}.otcPage{min-width:0;padding:calc(16 * var(--px)) calc(20 * var(--px));background:var(--mockup-ground);flex:1}.otcSplit{grid-template-columns:1fr calc(290 * var(--px));gap:calc(16 * var(--px));align-items:start;display:grid}.otcColumn{gap:calc(14 * var(--px));align-content:start;min-width:0;display:grid}.otcCoin{gap:calc(8 * var(--px));align-items:center;line-height:1.2;display:flex}.otcCoin small{font-size:calc(10.5 * var(--px));color:var(--on-surface-dim);display:block}.otcCoinGlyph{--tone:var(--brand);width:calc(24 * var(--px));aspect-ratio:1;border-radius:var(--radius-circle);font-size:calc(11 * var(--px));color:var(--on-surface-contrast);background:color-mix(in srgb, var(--tone) 50%, var(--surface-contrast));place-items:center;font-weight:700;display:grid}.otcCoinGlyph:is([data-ticker=BTC],[data-ticker=BNB]){--tone:var(--brand-amber)}.otcCoinGlyph:is([data-ticker=USDT],[data-ticker=USD]){--tone:var(--mockup-tint)}.otcCoinGlyph:is([data-ticker=SOL],[data-ticker=EUR]){--tone:var(--brand-sky)}.otcBar{height:calc(5 * var(--px));border-radius:var(--radius-pill);background:linear-gradient(var(--mockup-tint), var(--mockup-tint)) no-repeat 0 0 / var(--fill) 100%, color-mix(in srgb, var(--on-surface) 8%, transparent)}.otcHint{font-size:calc(10.5 * var(--px));color:var(--on-surface-dim)}
}

@layer components {
.otcRates{gap:calc(12 * var(--px));grid-template-columns:1fr 1fr;display:grid}.otcRate{gap:calc(8 * var(--px));grid-template-columns:1fr 1fr;display:grid}.otcRate>.otcCoin{grid-column:1/-1}.otcRate>span[data-side]{padding:calc(8 * var(--px)) calc(10 * var(--px));border-radius:calc(7 * var(--px));font-size:calc(16 * var(--px));background:color-mix(in srgb, var(--mockup-tint) 9%, var(--surface));font-weight:700;display:grid}.otcRate>span[data-side=sell]{background:color-mix(in srgb, var(--brand-sky) 10%, var(--surface))}.otcRate small{font-size:calc(10 * var(--px));color:var(--on-surface-muted);font-weight:500}.otcSectionTitle{font-size:calc(14 * var(--px));margin:0}.otcTableCard{padding-bottom:calc(4 * var(--px))}.otcAmount{line-height:1.25;display:grid}.otcAmount small{font-size:calc(10.5 * var(--px))}.otcRowActions,.otcMethods{gap:calc(6 * var(--px));display:flex}.otcLimits{gap:calc(16 * var(--px));display:grid}.otcLimit{gap:calc(6 * var(--px));display:grid}.otcLimitHead{font-size:calc(12 * var(--px));justify-content:space-between;display:flex}.otcLimit small{font-size:calc(10.5 * var(--px));color:var(--on-surface-muted)}.otcP2pBar,.otcP2pFilters{gap:calc(12 * var(--px));align-items:center;display:flex}.otcP2pFilters>*{flex:1}.otcP2pActions{gap:calc(8 * var(--px));margin-left:auto;display:flex}.otcSide{padding:calc(3 * var(--px));border-radius:calc(8 * var(--px));font-size:calc(12 * var(--px));background:color-mix(in srgb, var(--on-surface) 6%, var(--surface));font-weight:600;display:flex}.otcSide>span{padding:calc(5 * var(--px)) calc(22 * var(--px));border-radius:calc(6 * var(--px))}.otcSide>span[data-active=true]{color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast))}.otcRules{padding:calc(12 * var(--px)) calc(16 * var(--px));border:1px solid color-mix(in srgb, var(--mockup-tint) 45%, transparent);border-radius:calc(10 * var(--px));font-size:calc(11.5 * var(--px));background:var(--surface)}.otcRules ul{gap:calc(6 * var(--px)) calc(20 * var(--px));margin:calc(8 * var(--px)) 0 0;padding-left:calc(14 * var(--px));color:var(--on-surface-muted);grid-template-columns:repeat(3,1fr);display:grid}
}

@layer components {
.otcSettings{gap:calc(14 * var(--px));grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.otcForm{gap:calc(10 * var(--px));display:grid}.otcPhoto{gap:calc(14 * var(--px));align-items:center;display:flex}.otcVerified{position:relative}.otcVerified .mockupBadge{position:absolute;top:0;right:0}.otcReadiness{gap:calc(6 * var(--px));font-size:calc(12 * var(--px));display:grid}.otcReadiness>small{color:var(--on-surface-muted)}.otcPercent{font-size:calc(26 * var(--px));color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface))}.otcReadiness ul{gap:calc(8 * var(--px));margin:calc(8 * var(--px)) 0;padding:0;list-style:none;display:grid}.otcReadiness li{gap:calc(8 * var(--px));align-items:center;display:flex}.otcReadiness li:before{content:"";width:calc(11 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid var(--brand-amber);border-radius:var(--radius-circle)}.otcReadiness li[data-state=done]:before{border-color:var(--mockup-tint);background:var(--mockup-tint)}.otcReadiness em{margin-left:auto;font-style:normal;font-weight:600;text-decoration:underline}
}

@layer components {
.otcPublic{background:linear-gradient(160deg, var(--surface), color-mix(in srgb, var(--mockup-tint) 7%, var(--surface)))}.otcPublicPage{min-height:0;padding-top:calc(26 * var(--px));flex:1}.otcFaq{gap:calc(18 * var(--px));width:calc(660 * var(--px));margin-inline:auto;display:grid}.otcHero{gap:calc(4 * var(--px));text-align:center;display:grid}.otcHero small{font-size:calc(13 * var(--px));color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface));font-weight:700}.otcHero strong{font-size:calc(24 * var(--px))}.otcHero span{font-size:calc(13 * var(--px));color:var(--on-surface-muted)}.otcFaqSearch{width:calc(480 * var(--px));margin-inline:auto}.otcAccordion>section{padding:calc(11 * var(--px)) calc(24 * var(--px)) calc(11 * var(--px)) 0;border-bottom:1px solid var(--mockup-line);font-size:calc(12.5 * var(--px));position:relative}.otcAccordion>section:after{content:"";top:calc(14 * var(--px));right:calc(4 * var(--px));width:calc(6 * var(--px));aspect-ratio:1;border-right:calc(1.5 * var(--px)) solid currentColor;border-bottom:calc(1.5 * var(--px)) solid currentColor;position:absolute;rotate:45deg}.otcAccordion>section[data-open=true]:after{rotate:-135deg}.otcAccordion>section[data-open=true]>strong{color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface))}.otcAccordion p{margin:calc(6 * var(--px)) 0 0;color:var(--on-surface-muted)}.otcReview{grid-template-columns:1fr calc(340 * var(--px));gap:calc(48 * var(--px));width:calc(760 * var(--px));margin:calc(30 * var(--px)) auto 0;display:grid}.otcReviewIntro strong{font-size:calc(28 * var(--px))}.otcReviewIntro p{font-size:calc(12.5 * var(--px));color:var(--on-surface-muted)}.otcBubble{gap:calc(8 * var(--px));width:calc(200 * var(--px));margin-top:calc(26 * var(--px));padding:calc(16 * var(--px)) calc(18 * var(--px));border:calc(2 * var(--px)) solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:calc(18 * var(--px));background:color-mix(in srgb, var(--brand) 6%, var(--surface));display:grid}.otcBubble>span:not(.otcStars){height:calc(5 * var(--px));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand) 20%, transparent)}.otcBubble>span:last-child{width:60%}.otcStars{gap:calc(5 * var(--px));display:flex}.otcStars>span{width:calc(18 * var(--px));aspect-ratio:1;clip-path:polygon(50% 0,61% 36%,100% 38%,69% 61%,80% 100%,50% 77%,20% 100%,31% 61%,0 38%,39% 36%);background:color-mix(in srgb, var(--on-surface) 14%, transparent)}.otcStars>span[data-on=true]{background:var(--brand-amber)}.otcReviewForm{gap:calc(12 * var(--px));justify-items:start;display:grid}.otcReviewForm>.mockupField{justify-self:stretch}.otcTextarea{height:calc(76 * var(--px));white-space:normal}.otcReviewForm .otcHint{justify-self:end}
}

@layer components {
.chatScreen{min-width:0;font-size:calc(15 * var(--px));background:color-mix(in srgb, var(--mockup-tint) 5%, var(--surface));flex-direction:column;flex:1;display:flex}.chatAppBar{gap:calc(12 * var(--px));padding:calc(14 * var(--px)) calc(18 * var(--px));border-bottom:1px solid var(--mockup-line);background:var(--surface);flex:none;align-items:center;display:flex}.chatAppBar[data-filled=true]{color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));border-color:#0000}.chatAppBar[data-filled=true] .mockupAvatar{color:var(--on-surface);background:var(--surface)}.chatBack{width:calc(12 * var(--px));aspect-ratio:1;margin-right:calc(4 * var(--px));border-bottom:calc(2.5 * var(--px)) solid currentColor;border-left:calc(2.5 * var(--px)) solid currentColor;rotate:45deg}.chatAppTitle{flex:1;line-height:1.25;display:grid}.chatAppTitle strong{font-size:calc(18 * var(--px))}.chatAppTitle small{font-size:calc(13 * var(--px));opacity:.85}.chatIcons{gap:calc(16 * var(--px));display:flex}.chatIcons>span{width:calc(22 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid currentColor;border-radius:var(--radius-circle)}.chatTabBar{padding:calc(10 * var(--px)) 0 calc(18 * var(--px));border-top:1px solid var(--mockup-line);font-size:calc(11 * var(--px));color:var(--on-surface-muted);background:var(--surface);flex:none;justify-content:space-around;margin-top:auto;font-weight:600;display:flex}.chatTabBar>span{gap:calc(4 * var(--px));justify-items:center;display:grid}.chatTabBar>span>span{width:calc(24 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid currentColor;border-radius:calc(8 * var(--px))}.chatTabBar>span[data-active=true]{color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface))}.chatListBody{gap:calc(14 * var(--px));padding:calc(14 * var(--px)) calc(16 * var(--px));align-content:start;display:grid}.chatListBody .mockupInput{padding-block:calc(12 * var(--px));border-radius:calc(14 * var(--px));font-size:calc(15 * var(--px))}.chatListBody .mockupChips>span{padding:calc(8 * var(--px)) calc(18 * var(--px));font-size:calc(13 * var(--px))}.chatListTools{gap:calc(12 * var(--px));justify-content:end;display:flex}.chatListTools>span{width:calc(44 * var(--px));aspect-ratio:1;border:1px solid var(--mockup-line);border-radius:calc(13 * var(--px));background:var(--surface)}.chatListTools>span[data-primary=true]{background:linear-gradient(135deg, var(--brand-sky), var(--mockup-tint));border-color:#0000}.chatRows{gap:calc(10 * var(--px));display:grid}.chatRow{gap:calc(12 * var(--px));padding:calc(12 * var(--px)) calc(14 * var(--px));border-radius:calc(16 * var(--px));background:var(--surface);box-shadow:0 calc(2 * var(--px)) calc(10 * var(--px)) color-mix(in srgb, var(--on-surface) 6%, transparent);align-items:center;display:flex}.chatRowText{flex:1;min-width:0;display:grid}.chatRowText small,.chatRowMeta small{font-size:calc(13 * var(--px));white-space:nowrap;text-overflow:ellipsis;color:var(--on-surface-muted);overflow:hidden}.chatRowMeta{gap:calc(4 * var(--px));justify-items:end;display:grid}.chatRowMeta em{min-width:calc(20 * var(--px));padding:0 calc(6 * var(--px));border-radius:var(--radius-pill);font-size:calc(11 * var(--px));text-align:center;color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));font-style:normal;font-weight:700}
}

@layer components {
.chatThread{gap:calc(16 * var(--px));min-height:0;padding:calc(16 * var(--px));flex:1;align-content:start;display:grid;overflow:hidden}.chatMessage{gap:calc(10 * var(--px));align-items:end;max-width:80%;display:flex}.chatMessage[data-mine=true]{justify-self:end}.chatBody{gap:calc(4 * var(--px));display:grid}.chatMessage[data-mine=true] .chatBody{justify-items:end}.chatFrom{padding-left:calc(4 * var(--px));font-size:calc(12 * var(--px));color:var(--on-surface-muted);font-weight:700}.chatBubble{gap:calc(8 * var(--px));padding:calc(12 * var(--px)) calc(16 * var(--px));border-radius:calc(20 * var(--px)) calc(20 * var(--px)) calc(20 * var(--px)) calc(6 * var(--px));background:var(--surface);box-shadow:0 calc(2 * var(--px)) calc(8 * var(--px)) color-mix(in srgb, var(--on-surface) 6%, transparent);font-weight:500;display:grid}.chatMessage[data-mine=true] .chatBubble{border-radius:calc(20 * var(--px)) calc(20 * var(--px)) calc(6 * var(--px)) calc(20 * var(--px));background:color-mix(in srgb, var(--mockup-tint) 22%, var(--surface))}.chatOther{gap:calc(8 * var(--px));padding-top:calc(8 * var(--px));border-top:1px solid var(--mockup-line);font-size:calc(13 * var(--px));color:var(--on-surface-muted);align-items:center;font-weight:400;display:flex}.chatOther:before{content:"KO";padding:calc(1 * var(--px)) calc(5 * var(--px));border-radius:calc(4 * var(--px));font-size:calc(10 * var(--px));letter-spacing:.04em;color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface));background:color-mix(in srgb, var(--mockup-tint) 14%, var(--surface));flex:none;font-weight:700}.chatTime{padding-inline:calc(4 * var(--px));font-size:calc(11.5 * var(--px));color:var(--on-surface-dim)}.chatDay{padding:calc(5 * var(--px)) calc(16 * var(--px));border-radius:var(--radius-pill);font-size:calc(13 * var(--px));color:var(--on-surface-muted);background:var(--surface);justify-self:center;font-weight:600}.chatComposer{gap:calc(14 * var(--px));padding:calc(16 * var(--px)) calc(20 * var(--px)) calc(22 * var(--px));border-top:1px solid var(--mockup-line);color:var(--on-surface-dim);background:var(--surface);flex:none;align-items:center;display:flex}.chatComposer>span:nth-child(2){flex:1}.chatEmoji,.chatAttach{width:calc(24 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid currentColor;border-radius:var(--radius-circle)}.chatAttach{border-radius:calc(5 * var(--px))}
}

@layer components {
.chatSettings .mockupField>small{font-size:calc(14 * var(--px))}.chatSettings .mockupInput{padding-block:calc(12 * var(--px));border-radius:calc(12 * var(--px));font-size:calc(15 * var(--px))}.chatSettingsBody,.chatPlans{gap:calc(14 * var(--px));padding:calc(18 * var(--px));align-content:start;display:grid}.chatSectionLabel{margin-top:calc(6 * var(--px));font-size:calc(12 * var(--px));letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-muted);font-weight:700}.chatOption{padding:calc(14 * var(--px)) calc(18 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(14 * var(--px));background:var(--surface);display:grid;position:relative}.chatOption small{font-size:calc(13 * var(--px));color:var(--on-surface-muted)}.chatOption:after{content:"";top:50%;right:calc(18 * var(--px));width:calc(18 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid var(--mockup-line);border-radius:var(--radius-circle);position:absolute;translate:0 -50%}.chatOption[data-selected=true]{border-color:var(--mockup-tint);background:color-mix(in srgb, var(--mockup-tint) 8%, var(--surface))}.chatOption[data-selected=true]:after{border-color:var(--mockup-tint);background:var(--mockup-tint)}.chatInfo{padding:calc(12 * var(--px)) calc(14 * var(--px));border-radius:calc(12 * var(--px));font-size:calc(13 * var(--px));color:var(--on-surface-muted);background:color-mix(in srgb, var(--mockup-tint) 8%, var(--surface));margin:0}.chatPerson{gap:calc(12 * var(--px));padding:calc(16 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(16 * var(--px));background:var(--surface);display:grid}.chatPersonHead{gap:calc(12 * var(--px));align-items:center;display:flex}.chatPersonHead small{font-size:calc(13 * var(--px));color:var(--on-surface-muted);display:block}.chatAddress{gap:calc(10 * var(--px));grid-template-columns:1fr 1fr;display:grid}.chatSettings .mockupChips>span{padding:calc(6 * var(--px)) calc(13 * var(--px));font-size:calc(13 * var(--px))}.chatPlan{gap:calc(12 * var(--px));padding:calc(18 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(16 * var(--px));background:var(--surface);display:grid;position:relative}.chatPlan[data-popular=true]{border:calc(2 * var(--px)) solid var(--mockup-tint)}.chatPlan header{padding-bottom:calc(12 * var(--px));border-bottom:1px solid var(--mockup-line);justify-content:space-between;display:flex}.chatPlan header strong{font-size:calc(18 * var(--px))}.chatPlan header small{margin-left:calc(4 * var(--px));font-size:calc(12 * var(--px));color:var(--on-surface-muted)}.chatPlan ul{gap:calc(8 * var(--px));padding-left:calc(20 * var(--px));font-size:calc(14 * var(--px));color:var(--on-surface-muted);margin:0;display:grid}.chatPopular{top:calc(-12 * var(--px));left:calc(18 * var(--px));padding:calc(3 * var(--px)) calc(12 * var(--px));border-radius:var(--radius-pill);font-size:calc(12 * var(--px));color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));font-style:normal;font-weight:700;position:absolute}.chatCurrent{padding:calc(10 * var(--px));border-radius:calc(10 * var(--px));font-size:calc(14 * var(--px));text-align:center;color:var(--on-surface-muted);background:color-mix(in srgb, var(--on-surface) 6%, var(--surface));font-weight:600}
}

@layer components {
.chatOps{width:calc(1000 * var(--px));gap:calc(14 * var(--px))}.chatOpsFilters{grid-template-columns:repeat(4, calc(150 * var(--px)));gap:calc(12 * var(--px));align-items:end;display:grid}.chatOpsStats{gap:calc(10 * var(--px));grid-template-columns:repeat(5,1fr);display:grid}.chatOpsStats .mockupStatValue{font-size:calc(18 * var(--px))}.chatOpsCharts{gap:calc(14 * var(--px));grid-template-columns:1fr 1fr;display:grid}.chatOpsNote{font-size:calc(11 * var(--px));color:var(--on-surface-dim)}.chatOpsPairs{gap:calc(12 * var(--px));display:grid}.chatOpsPairs>span{grid-template-columns:calc(60 * var(--px)) 1fr calc(56 * var(--px));gap:calc(10 * var(--px));font-size:calc(12 * var(--px));align-items:center;display:grid}.chatOpsPairs strong{text-align:right}.chatOpsBar{height:calc(8 * var(--px));border-radius:var(--radius-pill);background:linear-gradient(var(--mockup-tint), var(--mockup-tint)) no-repeat 0 0 / var(--fill) 100%, color-mix(in srgb, var(--on-surface) 7%, transparent)}.chatOpsCost{gap:calc(10 * var(--px));grid-template-columns:repeat(3,1fr);display:grid}.chatOpsCost>span{padding:calc(12 * var(--px));border-radius:calc(8 * var(--px));background:color-mix(in srgb, var(--on-surface) 4%, var(--surface));display:grid}.chatOpsCost small{font-size:calc(11 * var(--px));color:var(--on-surface-muted)}.chatOpsCost strong{font-size:calc(20 * var(--px))}
}

@layer components {
.lmsStats,.lmsCourses{gap:calc(12 * var(--px));grid-template-columns:repeat(4,1fr);display:grid}.lmsCourses{grid-template-columns:repeat(3,1fr)}.lmsCourse{gap:calc(6 * var(--px));display:grid}.lmsCover{height:calc(70 * var(--px));margin-bottom:calc(4 * var(--px));border-radius:calc(7 * var(--px));background:linear-gradient(135deg, color-mix(in srgb, var(--tone) 30%, var(--surface)), var(--tone))}.lmsCourse small{font-size:calc(11.5 * var(--px));color:var(--on-surface-muted)}.lmsProgress,.lmsScrub{height:calc(6 * var(--px));border-radius:var(--radius-pill);background:linear-gradient(var(--tone,var(--mockup-tint)), var(--tone,var(--mockup-tint))) no-repeat 0 0 / var(--fill,45%) 100%, color-mix(in srgb, var(--on-surface) 8%, transparent)}.lmsLower{gap:calc(14 * var(--px));grid-template-columns:1fr 1fr;display:grid}.lmsList{gap:calc(10 * var(--px));font-size:calc(12.5 * var(--px));display:grid}.lmsList small{font-size:calc(11 * var(--px));color:var(--on-surface-dim);display:block}.lmsLeader{gap:calc(10 * var(--px));align-items:center;display:flex}.lmsLeader em{width:calc(14 * var(--px));color:var(--on-surface-dim);font-style:normal;font-weight:700}.lmsLeader strong{margin-left:auto}
}

@layer components {
.lmsPhone{font-size:calc(15 * var(--px));background:var(--surface);flex-direction:column;flex:1;display:flex}.lmsPhoneBar{gap:calc(14 * var(--px));padding:calc(12 * var(--px)) calc(18 * var(--px));align-items:center;display:flex}.lmsPhoneBar small{font-size:calc(12 * var(--px));color:var(--on-surface-muted);display:block}.lmsPhoneBack{width:calc(11 * var(--px));aspect-ratio:1;border-bottom:calc(2.5 * var(--px)) solid currentColor;border-left:calc(2.5 * var(--px)) solid currentColor;rotate:45deg}.lmsVideo{gap:calc(8 * var(--px));height:calc(290 * var(--px));padding:calc(16 * var(--px));color:var(--on-surface-contrast);background:linear-gradient(160deg, color-mix(in srgb, var(--mockup-tint) 60%, var(--surface-contrast)), var(--surface-contrast));align-content:end;display:grid;position:relative}.lmsVideo small{font-size:calc(12 * var(--px))}.lmsPlay{width:calc(64 * var(--px));aspect-ratio:1;border-radius:var(--radius-circle);background:color-mix(in srgb, var(--on-surface-contrast) 92%, transparent);clip-path:circle(50%);margin:auto;position:absolute;inset:0}.lmsPhoneBody{gap:calc(12 * var(--px));padding:calc(16 * var(--px)) calc(18 * var(--px));display:grid}.lmsTabs{gap:calc(22 * var(--px));border-bottom:1px solid var(--mockup-line);color:var(--on-surface-muted);font-weight:600;display:flex}.lmsTabs>span{padding-bottom:calc(10 * var(--px))}.lmsTabs>span[data-active=true]{color:var(--on-surface);box-shadow:inset 0 calc(-3 * var(--px)) 0 var(--mockup-tint)}.lmsQuiz{gap:calc(10 * var(--px));display:grid}.lmsQuiz small,.lmsUpNext{font-size:calc(12 * var(--px));color:var(--on-surface-muted);font-weight:600}.lmsOption,.lmsCheck,.lmsNext{padding:calc(13 * var(--px)) calc(16 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(12 * var(--px))}.lmsOption[data-chosen=true]{border:calc(2 * var(--px)) solid var(--mockup-tint);background:color-mix(in srgb, var(--mockup-tint) 9%, var(--surface))}.lmsCheck{text-align:center;color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));border-color:#0000;font-weight:700}.lmsNext{gap:calc(12 * var(--px));align-items:center;display:flex}.lmsNext em{color:var(--on-surface-dim);font-style:normal;font-weight:700}.lmsPlay:after{content:"";background:var(--surface-contrast);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;inset:30% 26% 30% 38%}
}

@layer components {
.crmPage{width:calc(1060 * var(--px))}.crmBoard{gap:calc(12 * var(--px));grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.crmColumn{--tone:var(--brand-sky);gap:calc(10 * var(--px));padding:calc(10 * var(--px));border-radius:calc(10 * var(--px));background:color-mix(in srgb, var(--on-surface) 4%, var(--surface));display:grid}.crmColumn[data-stage=Qualified]{--tone:var(--brand)}.crmColumn[data-stage=Proposal]{--tone:var(--brand-amber)}.crmColumn[data-stage=Won]{--tone:var(--mockup-tint)}.crmColumn>header{padding:calc(2 * var(--px)) calc(4 * var(--px)) calc(6 * var(--px));border-bottom:calc(3 * var(--px)) solid var(--tone);font-size:calc(12.5 * var(--px));justify-content:space-between;display:flex}.crmColumn>header small{color:var(--on-surface-muted)}.crmDeal{gap:calc(6 * var(--px));padding:calc(12 * var(--px));display:grid}.crmValue{font-size:calc(16 * var(--px));font-weight:700}.crmMeta{gap:calc(8 * var(--px));font-size:calc(11 * var(--px));color:var(--on-surface-muted);align-items:center;display:flex}
}

@layer components {
.biStats{gap:calc(12 * var(--px));grid-template-columns:repeat(4,1fr);display:grid}.biCharts{gap:calc(14 * var(--px));grid-template-columns:1.5fr 1fr;display:grid}
}

@layer components {
.fleet{flex-direction:column;flex:1;min-width:0;display:flex}.fleetBody{grid-template-columns:1fr calc(380 * var(--px));flex:1;min-height:0;display:grid}.fleetMap{background:color-mix(in srgb, var(--brand-sky) 6%, var(--surface));position:relative;overflow:hidden}.fleetMap svg{width:100%;height:100%;position:absolute;inset:0}.fleetMap path{fill:none;vector-effect:non-scaling-stroke}.fleetStreet{stroke:color-mix(in srgb, var(--on-surface) 12%, transparent);stroke-width:calc(10 * var(--px))}.fleetRiver{stroke:color-mix(in srgb, var(--brand-sky) 35%, transparent);stroke-width:calc(26 * var(--px))}.fleetMap .fleetPark{fill:color-mix(in srgb, var(--mockup-tint) 14%, transparent)}.fleetRoute{stroke:var(--brand);stroke-width:calc(4 * var(--px));stroke-dasharray:calc(10 * var(--px)) calc(6 * var(--px))}.fleetRoute[data-alt=true]{stroke:var(--brand-amber)}.fleetPin{width:calc(16 * var(--px));aspect-ratio:1;border:calc(3 * var(--px)) solid var(--surface);border-radius:var(--radius-circle);background:var(--tone);box-shadow:0 0 0 calc(8 * var(--px)) color-mix(in srgb, var(--tone) 22%, transparent);position:absolute;translate:-50% -50%}.fleetTrips{gap:calc(2 * var(--px));padding:calc(16 * var(--px));border-left:1px solid var(--mockup-line);font-size:calc(12.5 * var(--px));background:var(--surface);align-content:start;display:grid}.fleetTrips>strong{padding-bottom:calc(8 * var(--px));font-size:calc(14 * var(--px))}.fleetTrip{padding:calc(10 * var(--px)) 0;border-top:1px solid var(--mockup-line);justify-content:space-between;display:flex}.fleetTrip small{font-size:calc(11 * var(--px));color:var(--on-surface-muted);display:block}.fleetTripMeta{gap:calc(3 * var(--px));justify-items:end;display:grid}
}

@layer components {
.bank{gap:calc(18 * var(--px));padding:calc(14 * var(--px)) calc(20 * var(--px));font-size:calc(15 * var(--px));background:var(--mockup-ground);flex-direction:column;flex:1;display:flex}.bankHead{gap:calc(12 * var(--px));align-items:center;display:flex}.bankHead small,.bankRow small{font-size:calc(13 * var(--px));color:var(--on-surface-muted);display:block}.bankBell{width:calc(22 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid currentColor;border-radius:calc(8 * var(--px)) calc(8 * var(--px)) calc(4 * var(--px)) calc(4 * var(--px));margin-left:auto}.bankCard{gap:calc(6 * var(--px));padding:calc(22 * var(--px));border-radius:calc(22 * var(--px));color:var(--on-surface-contrast);background:linear-gradient(135deg, color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast)), var(--surface-contrast));display:grid}.bankCard small,.bankCard span{font-size:calc(13 * var(--px));opacity:.85}.bankCard strong{font-size:calc(34 * var(--px))}.bankActions{font-size:calc(12.5 * var(--px));text-align:center;grid-template-columns:repeat(4,1fr);font-weight:600;display:grid}.bankActions>span{gap:calc(8 * var(--px));justify-items:center;display:grid}.bankActions>span>span{width:calc(52 * var(--px));aspect-ratio:1;border-radius:calc(16 * var(--px));background:color-mix(in srgb, var(--mockup-tint) 14%, var(--surface))}.bankList{gap:calc(4 * var(--px));padding:calc(16 * var(--px));border-radius:calc(20 * var(--px));background:var(--surface);display:grid}.bankListHead{padding-bottom:calc(6 * var(--px));justify-content:space-between;display:flex}.bankRow{gap:calc(12 * var(--px));padding:calc(9 * var(--px)) 0;align-items:center;display:flex}.bankAmount{text-align:right;margin-left:auto}.bankAmount[data-in=true] strong{color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface))}
}

@layer components {
.booking{flex-direction:column;flex:1;min-width:0;display:flex}.bookingBody{grid-template-columns:1fr calc(300 * var(--px));gap:calc(16 * var(--px));min-height:0;padding:calc(16 * var(--px)) calc(20 * var(--px));flex:1;display:grid}.bookingGrid{--row:calc(64 * var(--px));grid-template-columns:calc(52 * var(--px)) repeat(5, 1fr);grid-template-rows:auto calc(var(--hours) * var(--row));align-content:start;column-gap:calc(6 * var(--px));font-size:calc(11.5 * var(--px));display:grid}.bookingDay{padding-bottom:calc(8 * var(--px));font-size:calc(12.5 * var(--px));text-align:center}.bookingHours{grid-auto-rows:var(--row);color:var(--on-surface-dim);display:grid}.bookingColumn{border-radius:calc(8 * var(--px));background:repeating-linear-gradient(to bottom, var(--mockup-line) 0 1px, transparent 1px var(--row)), var(--surface);position:relative}.bookingSlot{top:calc(var(--start) * var(--row) + 2 * var(--px));right:calc(4 * var(--px));left:calc(4 * var(--px));height:calc(var(--length) * var(--row) - 4 * var(--px));padding:calc(6 * var(--px)) calc(8 * var(--px));border-left:calc(3 * var(--px)) solid var(--tone);border-radius:calc(6 * var(--px));background:color-mix(in srgb, var(--tone) 14%, var(--surface));font-weight:600;position:absolute;overflow:hidden}.bookingSlot[data-open=true]{box-shadow:0 0 0 calc(2 * var(--px)) var(--tone)}.bookingDetail{gap:calc(8 * var(--px));font-size:calc(12.5 * var(--px));align-content:start;justify-items:start;display:grid}.bookingDetail>strong{font-size:calc(16 * var(--px))}.bookingDetail>small{color:var(--on-surface-muted)}.bookingWith{gap:calc(8 * var(--px));align-items:center;display:flex}.bookingDetail dl{gap:calc(6 * var(--px)) calc(14 * var(--px));margin:calc(6 * var(--px)) 0;grid-template-columns:auto 1fr;display:grid}.bookingDetail dt{color:var(--on-surface-muted)}.bookingDetail dd{margin:0;font-weight:600}.bookingDetailActions{gap:calc(8 * var(--px));display:flex}
}

@layer components {
.lmsBuilderPage{width:calc(1000 * var(--px))}.lmsBuilder{gap:calc(14 * var(--px));grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.lmsAdd{font-size:calc(11.5 * var(--px));color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface));font-weight:600}.lmsChapter{gap:calc(6 * var(--px));margin-bottom:calc(14 * var(--px));font-size:calc(12.5 * var(--px));display:grid}.lmsLesson{--tone:var(--brand-sky);gap:calc(10 * var(--px));padding:calc(8 * var(--px)) calc(10 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(8 * var(--px));font-size:calc(12 * var(--px));background:var(--surface);align-items:center;display:flex}.lmsLesson[data-kind=Quiz]{--tone:var(--brand-amber)}.lmsLesson[data-kind=Reading]{--tone:var(--brand)}.lmsLesson[data-selected=true]{border-color:var(--mockup-tint);box-shadow:inset 0 0 0 1px var(--mockup-tint)}.lmsLesson em{min-width:calc(56 * var(--px));padding:calc(2 * var(--px)) calc(6 * var(--px));border-radius:var(--radius-pill);font-size:calc(10 * var(--px));text-align:center;color:color-mix(in srgb, var(--tone) 45%, var(--on-surface));background:color-mix(in srgb, var(--tone) 14%, transparent);font-style:normal;font-weight:700}.lmsLesson small{color:var(--on-surface-dim);margin-left:auto}.lmsGrip{width:calc(8 * var(--px));height:calc(8 * var(--px));border-top:calc(2 * var(--px)) solid var(--on-surface-dim);border-bottom:calc(2 * var(--px)) solid var(--on-surface-dim)}.lmsEditor{gap:calc(12 * var(--px));display:grid}.lmsUpload{gap:calc(3 * var(--px));padding:calc(16 * var(--px));border:calc(1.5 * var(--px)) dashed color-mix(in srgb, var(--mockup-tint) 45%, transparent);border-radius:calc(10 * var(--px));font-size:calc(12.5 * var(--px));background:color-mix(in srgb, var(--mockup-tint) 6%, var(--surface));display:grid}.lmsUpload small{color:var(--on-surface-muted)}.lmsSetting{font-size:calc(12.5 * var(--px));justify-content:space-between;align-items:center;display:flex}
}

@layer components {
.crmStages{gap:calc(4 * var(--px));font-size:calc(12 * var(--px));grid-template-columns:repeat(5,1fr);margin:0;padding:0;font-weight:600;list-style:none;display:grid}.crmStages li{padding:calc(8 * var(--px)) calc(12 * var(--px));color:var(--on-surface-muted);background:color-mix(in srgb, var(--on-surface) 6%, var(--surface));clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,6% 50%)}.crmStages li[data-state=done]{color:var(--on-surface);background:color-mix(in srgb, var(--mockup-tint) 20%, var(--surface))}.crmStages li[data-state=current]{color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast))}.crmSplit{gap:calc(14 * var(--px));grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.crmSide,.crmTimeline,.crmContacts,.crmSteps{gap:calc(12 * var(--px));display:grid}.crmEvent,.crmContacts>span{gap:calc(10 * var(--px));font-size:calc(12.5 * var(--px));align-items:center;display:flex}.crmEvent{padding-bottom:calc(12 * var(--px));border-bottom:1px solid var(--mockup-line);align-items:start}.crmEvent small,.crmContacts small{font-size:calc(11 * var(--px));color:var(--on-surface-muted);display:block}.crmContacts .mockupBadge{margin-left:auto}.crmSteps>span{gap:calc(10 * var(--px));font-size:calc(12.5 * var(--px));align-items:center;display:flex}.crmSteps>span:before{content:"";width:calc(14 * var(--px));aspect-ratio:1;border:calc(1.5 * var(--px)) solid var(--mockup-line);border-radius:calc(4 * var(--px))}.crmSteps>span[data-done=true]{color:var(--on-surface-muted);text-decoration:line-through}.crmSteps>span[data-done=true]:before{border-color:var(--mockup-tint);background:var(--mockup-tint)}.crmStats{gap:calc(12 * var(--px));grid-template-columns:repeat(4,1fr);display:grid}.crmAttain{gap:calc(8 * var(--px));flex:1;align-items:center;display:flex}.crmAttain>span{height:calc(6 * var(--px));border-radius:var(--radius-pill);background:linear-gradient(var(--mockup-tint), var(--mockup-tint)) no-repeat 0 0 / var(--fill) 100%, color-mix(in srgb, var(--on-surface) 8%, transparent);flex:1}
}

@layer components {
.anNote{font-size:calc(11 * var(--px));color:var(--on-surface-dim)}.anHeat{grid-template-columns:calc(90 * var(--px)) calc(80 * var(--px)) repeat(var(--weeks), 1fr);gap:calc(4 * var(--px));font-size:calc(11.5 * var(--px));display:grid}.anHeat>small{padding-bottom:calc(4 * var(--px));font-size:calc(10.5 * var(--px));color:var(--on-surface-dim);font-weight:600}.anHeatRow{display:contents}.anHeatRow>strong,.anHeatRow>span:not(.anCell){align-self:center}.anHeatRow>span:not(.anCell){color:var(--on-surface-muted)}.anCell{padding:calc(8 * var(--px)) 0;border-radius:calc(4 * var(--px));text-align:center;background:color-mix(in srgb, var(--mockup-tint) var(--v), var(--surface));font-weight:600}.anCell[data-strong=true]{color:var(--on-surface-contrast);background:color-mix(in srgb, color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast)) var(--v), var(--surface))}.anCell[data-empty=true]{background:color-mix(in srgb, var(--on-surface) 4%, transparent)}.anTakeaways{gap:calc(12 * var(--px));grid-template-columns:repeat(3,1fr);display:grid}.anTakeaways small{font-size:calc(11.5 * var(--px));color:var(--on-surface-muted)}.anBig{font-size:calc(24 * var(--px));display:block}.anBuilderPage{width:calc(1040 * var(--px))}.anBuilder{grid-template-columns:calc(200 * var(--px)) 1fr calc(240 * var(--px));gap:calc(14 * var(--px));align-items:start;display:grid}.anFieldLabel{margin:calc(4 * var(--px)) 0 calc(6 * var(--px));font-size:calc(10.5 * var(--px));color:var(--on-surface-dim);font-weight:600;display:block}.anFields{gap:calc(6 * var(--px));margin-bottom:calc(8 * var(--px));display:grid}.anFields>span,.anDrops em{--tone:var(--brand-sky);padding:calc(6 * var(--px)) calc(10 * var(--px));border-left:calc(3 * var(--px)) solid var(--tone);border-radius:calc(6 * var(--px));font-size:calc(12 * var(--px));background:color-mix(in srgb, var(--tone) 10%, var(--surface));font-style:normal;font-weight:600}.anFields>span[data-kind=metric],.anDrops em[data-kind=metric]{--tone:var(--mockup-tint)}.anFields>span[data-used=true]{opacity:.5}.anDrops{gap:calc(10 * var(--px));margin-bottom:calc(16 * var(--px));grid-template-columns:repeat(3,1fr);display:grid}.anDrops>span{gap:calc(5 * var(--px));padding:calc(8 * var(--px));border:1px dashed var(--mockup-line);border-radius:calc(8 * var(--px));display:grid}.anDrops small{font-size:calc(10.5 * var(--px));color:var(--on-surface-dim)}.anSchedule{gap:calc(10 * var(--px));display:grid}.anRecipients{gap:calc(4 * var(--px));align-items:center;display:flex}.anRecipients em{margin-left:calc(4 * var(--px));font-size:calc(12 * var(--px));color:var(--on-surface-muted);font-style:normal}
}

@layer components {
.tripBody{gap:calc(16 * var(--px));min-height:0;padding:calc(18 * var(--px)) calc(24 * var(--px));background:var(--mockup-ground);flex:1;grid-template-columns:1.15fr 1fr;align-items:start;display:grid}.tripStops,.driverStops{margin:0;padding:0;list-style:none;display:grid}.tripStops li{gap:calc(12 * var(--px));padding:calc(12 * var(--px)) 0;font-size:calc(12.5 * var(--px));grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:relative}.tripStops li:not(:last-child):after{content:"";top:50%;left:calc(6 * var(--px));width:calc(2 * var(--px));background:var(--mockup-line);height:100%;position:absolute}.tripStops small{font-size:calc(11 * var(--px));color:var(--on-surface-muted);display:block}.tripTimes{text-align:right}.tripDot{z-index:1;width:calc(14 * var(--px));aspect-ratio:1;border:calc(2 * var(--px)) solid var(--mockup-line);border-radius:var(--radius-circle);background:var(--surface);position:relative}[data-state=done]>.tripDot{border-color:var(--mockup-tint);background:var(--mockup-tint)}[data-state=current]>.tripDot{border-color:var(--brand-sky);box-shadow:0 0 0 calc(5 * var(--px)) color-mix(in srgb, var(--brand-sky) 25%, transparent)}.tripSide{gap:calc(14 * var(--px));display:grid}.tripMap{height:calc(150 * var(--px));border-radius:calc(10 * var(--px));background:color-mix(in srgb, var(--brand-sky) 6%, var(--surface));position:relative;overflow:hidden}.tripMap svg,.driverMap svg{width:100%;height:100%;position:absolute;inset:0}.tripMap path,.driverMap path{fill:none;vector-effect:non-scaling-stroke}.tripDriver{gap:calc(10 * var(--px));margin-bottom:calc(12 * var(--px));font-size:calc(12.5 * var(--px));align-items:center;display:flex}.tripDriver small{color:var(--on-surface-muted);display:block}.tripStats{gap:calc(8 * var(--px));grid-template-columns:repeat(4,1fr);display:grid}.tripStats>span{padding:calc(8 * var(--px));border-radius:calc(7 * var(--px));font-size:calc(13 * var(--px));background:color-mix(in srgb, var(--on-surface) 4%, var(--surface));display:grid}.tripStats small{font-size:calc(10.5 * var(--px));color:var(--on-surface-muted)}.tripProof{gap:calc(10 * var(--px));grid-template-columns:1fr 1.4fr;display:grid}.tripPhoto,.tripSignature{height:calc(64 * var(--px));border-radius:calc(8 * var(--px))}.tripPhoto{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-amber) 35%, var(--surface)), color-mix(in srgb, var(--mockup-tint) 45%, var(--surface)))}.tripSignature{border:1px dashed var(--mockup-line);background:radial-gradient(60% 30% at 45% 60%, transparent 70%, var(--on-surface-muted) 72%, transparent 76%)}.tripProofNote{margin-top:calc(8 * var(--px));font-size:calc(11 * var(--px));color:var(--on-surface-muted);display:block}
}

@layer components {
.driver{gap:calc(16 * var(--px));padding:calc(14 * var(--px)) calc(18 * var(--px));font-size:calc(15 * var(--px));background:var(--mockup-ground);flex-direction:column;flex:1;display:flex}.driverHead{justify-content:space-between;align-items:center;display:flex}.driverHead small,.driverNext small,.driverStops small{font-size:calc(12.5 * var(--px));color:var(--on-surface-muted);display:block}.driverShift{padding:calc(4 * var(--px)) calc(12 * var(--px));border-radius:var(--radius-pill);font-size:calc(12.5 * var(--px));color:color-mix(in srgb, var(--mockup-tint) 60%, var(--on-surface));background:color-mix(in srgb, var(--mockup-tint) 16%, var(--surface));font-weight:700}.driverNext{gap:calc(6 * var(--px));padding:calc(18 * var(--px));border-radius:calc(20 * var(--px));background:var(--surface);box-shadow:0 calc(4 * var(--px)) calc(16 * var(--px)) color-mix(in srgb, var(--on-surface) 8%, transparent);display:grid}.driverNext>strong{font-size:calc(22 * var(--px))}.driverNext>span{color:var(--on-surface-muted)}.driverFacts{gap:calc(8 * var(--px));margin:calc(8 * var(--px)) 0;grid-template-columns:repeat(3,1fr);display:grid}.driverFacts>span{padding:calc(10 * var(--px));border-radius:calc(12 * var(--px));background:color-mix(in srgb, var(--on-surface) 4%, var(--surface))}.driverButton{padding:calc(14 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(14 * var(--px));text-align:center;background:var(--surface);font-weight:700}.driverButton[data-primary=true]{color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));border-color:#0000}.driverMap{height:calc(170 * var(--px));border-radius:calc(18 * var(--px));background:color-mix(in srgb, var(--brand-sky) 6%, var(--surface));position:relative;overflow:hidden}.driverStops li{gap:calc(12 * var(--px));padding:calc(10 * var(--px)) 0;border-bottom:1px solid var(--mockup-line);align-items:center;display:flex}.driverStops li small{margin-left:auto}.driverStops li[data-state=done]{color:var(--on-surface-muted)}
}

@layer components {
.bankBar{gap:calc(14 * var(--px));font-size:calc(18 * var(--px));align-items:center;display:flex}.bankBack{width:calc(11 * var(--px));aspect-ratio:1;border-bottom:calc(2.5 * var(--px)) solid currentColor;border-left:calc(2.5 * var(--px)) solid currentColor;rotate:45deg}.bankRecipient,.bankControl,.bankLimit{gap:calc(12 * var(--px));padding:calc(14 * var(--px)) calc(16 * var(--px));border-radius:calc(18 * var(--px));background:var(--surface);align-items:center;display:flex}.bankRecipient small,.bankControl small,.bankLimit small,.bankSum small,.bankFee small{font-size:calc(13 * var(--px));color:var(--on-surface-muted);display:block}.bankChange{font-size:calc(13 * var(--px));color:color-mix(in srgb, var(--mockup-tint) 70%, var(--on-surface));margin-left:auto;font-weight:700}.bankSum{padding:calc(10 * var(--px)) 0;justify-items:center;display:grid}.bankSum strong{font-size:calc(44 * var(--px))}.bankSum span{font-size:calc(13 * var(--px));color:var(--on-surface-muted)}.bankNote{padding:calc(6 * var(--px)) calc(14 * var(--px));border-radius:var(--radius-pill);font-size:calc(13 * var(--px));text-align:center;background:var(--surface);justify-self:center}.bankFee{gap:calc(10 * var(--px));grid-template-columns:1fr 1fr;display:grid}.bankFee>span{padding:calc(12 * var(--px));border-radius:calc(14 * var(--px));background:var(--surface)}.bankKeypad{gap:calc(8 * var(--px));font-size:calc(22 * var(--px));text-align:center;grid-template-columns:repeat(3,1fr);font-weight:600;display:grid}.bankKeypad>span{padding:calc(12 * var(--px)) 0;border-radius:calc(14 * var(--px));background:var(--surface)}.bankSend{padding:calc(16 * var(--px));border-radius:calc(16 * var(--px));text-align:center;color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast));font-weight:700}.bankCardFace{gap:calc(22 * var(--px));padding:calc(22 * var(--px));border-radius:calc(22 * var(--px));font-size:calc(18 * var(--px));letter-spacing:.08em;color:var(--on-surface-contrast);background:linear-gradient(135deg, color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast)), var(--surface-contrast));display:grid}.bankCardFace>span{font-size:calc(13 * var(--px));opacity:.85;justify-content:space-between;display:flex}.bankChip{width:calc(40 * var(--px));height:calc(30 * var(--px));border-radius:calc(6 * var(--px));background:linear-gradient(135deg, var(--brand-gold), var(--brand-amber))}.bankControls{gap:calc(8 * var(--px));display:grid}.bankControl{justify-content:space-between}.bankLimit{gap:calc(10 * var(--px));display:grid}.bankLimitBar{height:calc(8 * var(--px));border-radius:var(--radius-pill);background:linear-gradient(var(--mockup-tint), var(--mockup-tint)) no-repeat 0 0 / 62% 100%, color-mix(in srgb, var(--on-surface) 8%, transparent)}.bankLost{padding:calc(14 * var(--px));border:1px solid color-mix(in srgb, var(--brand-amber) 50%, transparent);border-radius:calc(16 * var(--px));text-align:center;color:color-mix(in srgb, var(--brand-amber) 45%, var(--on-surface));font-weight:700}
}

@layer components {
.bookMobile{gap:calc(18 * var(--px));padding:calc(14 * var(--px)) calc(18 * var(--px));font-size:calc(15 * var(--px));background:var(--mockup-ground);flex-direction:column;flex:1;display:flex}.bookMobileHead{gap:calc(12 * var(--px));align-items:center;display:flex}.bookMobileHead small,.bookServices small,.bookConfirm small{font-size:calc(12.5 * var(--px));color:var(--on-surface-muted);display:block}.bookLogo{width:calc(40 * var(--px));aspect-ratio:1;border-radius:calc(12 * var(--px));background:linear-gradient(135deg, var(--mockup-tint), var(--brand-amber))}.bookServices,.bookSlots{gap:calc(8 * var(--px));display:grid}.bookServices>span{padding:calc(12 * var(--px)) calc(14 * var(--px));border:1px solid var(--mockup-line);border-radius:calc(14 * var(--px));background:var(--surface);grid-template-columns:1fr auto;display:grid}.bookServices em{grid-row:span 2;align-self:center;font-style:normal;font-weight:700}.bookServices>span[data-chosen=true],.bookStaff>span[data-chosen=true] .mockupAvatar,.bookStaff>span[data-chosen=true] .bookAny{box-shadow:0 0 0 calc(2 * var(--px)) var(--mockup-tint)}.bookStaff{font-size:calc(12.5 * var(--px));text-align:center;justify-content:space-between;display:flex}.bookStaff>span{gap:calc(6 * var(--px));justify-items:center;display:grid}.bookAny{width:calc(44 * var(--px));aspect-ratio:1;border-radius:var(--radius-circle);background:var(--surface);place-items:center;font-weight:700;display:grid}.bookDays{gap:calc(8 * var(--px));text-align:center;grid-template-columns:repeat(5,1fr);display:grid}.bookDays>span{padding:calc(8 * var(--px)) 0;border-radius:calc(12 * var(--px));background:var(--surface);display:grid}.bookDays small{font-size:calc(12 * var(--px));color:var(--on-surface-muted)}.bookDays>span[data-chosen=true],.bookSlots>span[data-chosen=true],.bookConfirmButton{color:var(--on-surface-contrast);background:color-mix(in srgb, var(--mockup-tint) 75%, var(--surface-contrast))}.bookDays>span[data-chosen=true] small{color:inherit}.bookSlots{text-align:center;grid-template-columns:repeat(4,1fr);font-weight:600}.bookSlots>span{padding:calc(10 * var(--px)) 0;border:1px solid var(--mockup-line);border-radius:calc(10 * var(--px));background:var(--surface)}.bookSlots>span[data-free=false]{color:var(--on-surface-dim);background:0 0;text-decoration:line-through}.bookConfirm{gap:calc(12 * var(--px));padding:calc(14 * var(--px));border-radius:calc(18 * var(--px));background:var(--surface);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.bookConfirmButton{padding:calc(12 * var(--px)) calc(20 * var(--px));border-radius:calc(12 * var(--px));font-weight:700}.bookServicesBody{grid-template-columns:1fr calc(320 * var(--px))}.bookServicesMain{gap:calc(14 * var(--px));align-content:start;display:grid}.bookAvatars{gap:calc(3 * var(--px));display:flex}.bookEdit{gap:calc(12 * var(--px));align-content:start;justify-items:stretch;display:grid}.bookEdit>strong{font-size:calc(15 * var(--px))}.bookEditRow{gap:calc(10 * var(--px));grid-template-columns:1fr 1fr;display:grid}.bookEditToggle{font-size:calc(12.5 * var(--px));justify-content:space-between;align-items:center;display:flex}
}

@layer components {
.techIcon{opacity:.62;flex:none;width:13px;height:13px;transition:opacity .4s}
}

@layer components {
.techAtomFit{--atom-fit:1.05;width:calc(400px * var(--atom-fit));aspect-ratio:1;margin:8px auto 58px;position:relative;overflow:clip}@media (max-width:560px){.techAtomFit{--atom-fit:.9}}@media (max-width:480px){.techAtomFit{--atom-fit:.78}}@media (max-width:400px){.techAtomFit{--atom-fit:.68}}@media (max-width:360px){.techAtomFit{--atom-fit:.62}}.techAtom{width:400px;height:400px;transform:translate(-50%, -50%) scale(var(--atom-fit));position:absolute;top:50%;left:50%}.techAtomRings{width:100%;height:100%;position:absolute;inset:0}.techAtomRings ellipse{stroke:var(--lightningcss-light,color-mix(in srgb, var(--atom-accent) 22%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--atom-accent) 30%, transparent));stroke-width:1px}.techAtomCore{aspect-ratio:1;background-image:url(/brand-mark.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:17%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.techAtomOrbit{transform:rotate(var(--angle));position:absolute;inset:0}.techAtomNode{offset-path:var(--path);offset-rotate:0deg;animation:techAtomTravel var(--duration) linear infinite;animation-delay:var(--delay);position:absolute;top:0;left:0}.techAtomBadge{border:1px solid var(--lightningcss-light,#131b3a24)var(--lightningcss-dark,color-mix(in srgb, var(--atom-accent) 32%, transparent));border-radius:var(--radius-circle);background:var(--lightningcss-light,var(--surface))var(--lightningcss-dark,color-mix(in srgb, var(--surface) 88%, var(--atom-accent)));width:34px;height:34px;transform:rotate(calc(var(--angle) * -1));place-items:center;margin:-17px 0 0 -17px;display:grid}.techAtomBadge .techIcon{opacity:.95;width:16px;height:16px}@keyframes techAtomTravel{to{offset-distance:100%}}@supports not (offset-path:path('M 0 0')){.techAtom{display:none}}@media (max-width:700px){.techAtomBadge{width:28px;height:28px;margin:-14px 0 0 -14px}.techAtomBadge .techIcon{width:13px;height:13px}}@media (prefers-reduced-motion:reduce){.techAtomNode{animation-play-state:paused}}
}

@layer components {
.notFound{text-align:center;background:var(--surface);min-height:100svh;color:var(--on-surface);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 5vw;display:flex}.notFoundCode{font-family:var(--font-display), system-ui, sans-serif;background:linear-gradient(120deg, var(--brand), var(--brand-sky), var(--brand-gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(64px,12vw,128px);font-weight:700;line-height:1}.notFoundTitle{margin:0;font-size:clamp(22px,3vw,30px);font-weight:700}.notFoundLead{max-width:46ch;color:var(--on-surface-muted);margin:0 0 10px}
}

@layer components {
.nav{z-index:var(--z-nav);background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px 0 var(--glass-rim);border-bottom:1px solid var(--glass-edge);justify-content:space-between;align-items:center;gap:16px;padding:14px 5vw;display:flex;position:sticky;top:0}.navBrand{color:var(--on-surface);align-items:center;gap:10px;display:flex}.navBrand:hover{color:var(--on-surface)}.navBrand .brandMark{width:30px;height:30px}.navWordmark{font-family:var(--font-display), "Noto Sans KR", sans-serif;letter-spacing:-.02em;white-space:nowrap;font-size:21px;font-weight:700}.navWordmark span{color:var(--lightningcss-light,color-mix(in srgb, var(--brand-sky) 80%, #000))var(--lightningcss-dark,var(--brand-sky))}.navLinks{align-items:center;gap:26px;font-size:14.5px;font-weight:500;display:flex}.navLinks a{color:var(--on-surface)}.navLinks a:hover{color:var(--brand)}.navLinks a[data-active=true]{text-decoration:underline;-webkit-text-decoration-color:var(--brand-amber);text-decoration-color:var(--brand-amber);text-underline-offset:6px;font-weight:700;text-decoration-thickness:2px}.navToggle{cursor:pointer;width:42px;height:38px;color:var(--on-surface);background:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff0f);border:1px solid var(--lightningcss-light,#131b3a24)var(--lightningcss-dark,#ffffff29);border-radius:11px;padding:0;font-size:17px;line-height:1;display:none}@media (max-width:760px){.navToggle{display:block}.navLinks{background:var(--surface);border-bottom:1px solid var(--lightningcss-light,#131b3a12)var(--lightningcss-dark,#ffffff17);flex-direction:column;align-items:stretch;gap:4px;padding:14px 5vw 20px;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 30px var(--lightningcss-light,#131b3a14)var(--lightningcss-dark,#00000080)}.navLinks[data-open=false]{display:none}.navLinks a{padding:10px 2px;font-size:16px}}
}

@layer components {
.flagIcon{border-radius:3px;flex-shrink:0;width:22px;height:15px;display:block;overflow:hidden;box-shadow:0 0 0 1px var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff2e)}.flagIcon svg{width:100%;height:100%;display:block}.langMenu{position:relative}.langTrigger{border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.04em;color:var(--on-surface);background:var(--lightningcss-light,#131b3a0a)var(--lightningcss-dark,#ffffff0f);border:1px solid var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff29);align-items:center;gap:8px;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .25s,border-color .25s;display:flex}.langTrigger:hover{background:var(--lightningcss-light,#131b3a14)var(--lightningcss-dark,#ffffff1f);border-color:#1e7bf059}.langCaret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--on-surface-muted);width:0;height:0;transition:transform .25s}.langTrigger[aria-expanded=true] .langCaret{transform:rotate(180deg)}.langPanel{z-index:var(--z-panel);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121728);border:1px solid var(--lightningcss-light,#131b3a1a)var(--lightningcss-dark,#ffffff1f);border-radius:14px;min-width:172px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px var(--lightningcss-light,#131b3a29)var(--lightningcss-dark,#0000008c)}.langOption{cursor:pointer;width:100%;color:var(--on-surface);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s;display:flex}.langOption:hover{background:var(--lightningcss-light,#1e7bf014)var(--lightningcss-dark,#ffffff12)}.langOption[aria-selected=true]{font-weight:700}.langCheck{border-radius:var(--radius-circle);background:var(--brand);width:6px;height:6px;margin-left:auto}@media (max-width:760px){.langMenu{align-self:flex-start;margin-top:8px}.langPanel{left:0;right:auto}}
}

@layer components {
.themeToggle{border-radius:var(--radius-pill);cursor:pointer;width:36px;height:36px;color:var(--on-surface);background:var(--lightningcss-light,#131b3a0a)var(--lightningcss-dark,#ffffff0f);border:1px solid var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff29);justify-content:center;align-items:center;font-family:inherit;font-size:15px;line-height:1;transition:background .25s,border-color .25s;display:flex}.themeToggle:hover{background:var(--lightningcss-light,#131b3a14)var(--lightningcss-dark,#ffffff1f)}
}

@layer components {
.footer{background:var(--surface-contrast-deep);color:var(--on-surface-contrast-dim);border-top:1px solid var(--border);font-size:13.5px}.footerInner{max-width:var(--shell);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:34px 5vw;display:flex}.footerBrand{align-items:center;gap:10px;display:flex}.footerBrand .brandMark{width:22px;height:22px}.footerBrand span{color:var(--on-surface-contrast);font-family:var(--font-display), sans-serif;font-weight:700}@media (max-width:760px){.footerInner{justify-content:flex-start}}
}

@layer components {
.homeStage{position:relative}.homeGrade{z-index:var(--z-behind);pointer-events:none;position:fixed;inset:0}.homeGrade:before,.homeGrade:after{content:"";position:absolute;inset:0}.homeGrade:before{background-image:radial-gradient(120% 80% at var(--light-x) var(--light-y), color-mix(in srgb, var(--wash-cool) var(--wash-cool-strength), transparent), transparent 70%);opacity:calc(1 - var(--home-grade))}.homeGrade:after{background-image:radial-gradient(120% 80% at var(--light-far-x) var(--light-far-y), color-mix(in srgb, var(--wash-warm) var(--wash-warm-strength), transparent), transparent 70%);opacity:var(--home-grade)}@media (prefers-reduced-motion:reduce){.homeGrade:before{opacity:1}.homeGrade:after{opacity:0}}
}

@layer components {
.scrollProgress{pointer-events:none;height:2px;position:absolute;bottom:0;left:0;right:0}.scrollProgressBar{transform-origin:0;background-image:linear-gradient(90deg, var(--brand), var(--brand-sky), var(--brand-amber));height:100%;transform:scaleX(0)}
}

@layer components {
.hero{position:relative;overflow:hidden}.heroInner{max-width:var(--shell);grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;margin:0 auto;padding:90px 5vw 110px;display:grid;position:relative}.heroBadge{letter-spacing:.12em;text-transform:uppercase;color:var(--lightningcss-light,color-mix(in srgb, var(--brand) 80%, #000))var(--lightningcss-dark,#3d90f5);border-radius:var(--radius-pill);background:var(--lightningcss-light,#1e7bf014)var(--lightningcss-dark,#1e7bf02e);align-items:center;gap:8px;margin-bottom:26px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.heroBadge span{border-radius:var(--radius-circle);background:var(--brand-amber);width:7px;height:7px;animation:2.4s ease-in-out infinite lumioPulse}.heroTitle{letter-spacing:-.025em;text-wrap:pretty;margin:0 0 22px;font-size:clamp(38px,4.6vw,62px);font-weight:800;line-height:1.08}.heroTitle em{background:linear-gradient(100deg, var(--brand) 20%, var(--brand-sky) 40%, var(--brand-amber) 60%, var(--brand) 80%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:6s linear infinite lumioShine}.heroLead{color:var(--on-surface-muted);text-wrap:pretty;max-width:54ch;margin:0 0 34px;font-size:18px;line-height:1.65}.heroActions{flex-wrap:wrap;gap:14px;display:flex}.btnPrimary{border-radius:var(--radius-pill);background:linear-gradient(120deg, var(--brand), var(--brand-sky));color:#fff;align-items:center;gap:8px;padding:15px 30px;font-size:15.5px;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 10px 28px #1e7bf052}.btnPrimary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 16px 36px #1e7bf066}.btnGhost{border-radius:var(--radius-pill);color:var(--on-surface);border:1.5px solid var(--lightningcss-light,#131b3a29)var(--lightningcss-dark,#fff3);align-items:center;padding:15px 30px;font-size:15.5px;font-weight:600;transition:border-color .25s,transform .25s;display:inline-flex}.btnGhost:hover{border-color:var(--brand-amber);color:var(--on-surface);transform:translateY(-3px)}@media (max-width:1024px){.heroInner{grid-template-columns:1fr;gap:44px}.heroLead{max-width:none}}@media (max-width:760px){.heroInner{padding:56px 5vw 80px}}
}

@layer components {
.heroOrb{border-radius:var(--radius-circle);pointer-events:none;position:absolute}.heroOrb--sky{background:radial-gradient(circle,#29b6f029,#0000 65%);width:460px;height:460px;animation:12s ease-in-out infinite lumioDrift;top:-120px;right:-80px}.heroOrb--amber{background:radial-gradient(circle,#f5a80021,#0000 65%);width:420px;height:420px;animation:16s ease-in-out infinite reverse lumioDrift;bottom:-180px;left:-120px}.heroStage{min-height:480px;position:relative}.heroCanvas{position:absolute;inset:-20px}.heroLockup{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.heroLockup b{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;font-size:42px;font-weight:700}.heroLockup span{letter-spacing:.42em;color:var(--on-surface-muted);margin-left:.42em;font-size:12px}.heroChip{background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-edge);box-shadow:inset 1px 1px 0 var(--glass-rim), var(--glass-shadow);letter-spacing:.16em;text-transform:uppercase;color:var(--lightningcss-light,var(--on-surface-muted))var(--lightningcss-dark,var(--on-surface));pointer-events:none;white-space:nowrap;padding:7px 12px;font-size:11.5px;font-weight:700;position:absolute}.heroChip--cloud{top:4%;left:0}.heroChip--software{bottom:14%;left:-2%}.heroChip--consulting{bottom:6%;right:0}.heroHint{text-align:center;letter-spacing:.08em;color:var(--on-surface-dim);pointer-events:none;font-size:12px;position:absolute;bottom:-26px;left:0;right:0}@media (max-width:760px){.heroStage{min-height:360px}.heroChip{letter-spacing:.12em;font-size:10.5px}}
}

@layer components {
.about{background:var(--surface-contrast);color:var(--on-surface-contrast);position:relative;overflow:hidden}.about:before{content:"";border-radius:var(--radius-circle);background:radial-gradient(circle,#29b6f02e,#0000 65%);width:340px;height:340px;position:absolute;top:-100px;right:10%}.aboutInner{max-width:var(--shell);margin:0 auto;padding:96px 5vw 72px;position:relative}.aboutBody{color:var(--on-surface-contrast-muted);text-wrap:pretty;margin:0;font-size:16.5px;line-height:1.75}.infoList{gap:14px;display:grid}.infoRow{border-top:1px solid color-mix(in srgb, var(--on-surface-contrast) 10%, transparent);grid-template-columns:118px 1fr;gap:14px;padding:12px 0;font-size:13.5px;display:grid}.infoRow:last-child{border-bottom:1px solid color-mix(in srgb, var(--on-surface-contrast) 10%, transparent)}.infoRow dt{color:var(--on-surface-contrast-dim);margin:0;font-weight:500}.infoRow dd{color:var(--on-surface-contrast-muted);margin:0;font-weight:500}.infoRow a{color:var(--brand-sky)}@media (max-width:760px){.infoRow{grid-template-columns:1fr;gap:4px}.aboutInner{padding-block:68px}}
}

@layer components {
.statGrid{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:96px;display:grid;position:relative}.statCard{border-left:1px solid color-mix(in srgb, var(--on-surface-contrast) 14%, transparent);padding-left:clamp(20px,2.6vw,40px)}.statCard:first-child{border-left:0;padding-left:0}.statValue{font-family:var(--font-display), sans-serif;letter-spacing:-.05em;background:linear-gradient(110deg, var(--brand-sky), var(--brand-gold));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(52px,9vw,140px);font-weight:800;line-height:.9}.statLabel{color:var(--on-surface-contrast-muted);max-width:20ch;margin-top:18px;font-size:13.5px;line-height:1.4}@media (max-width:900px){.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 0}.statCard:nth-child(odd){border-left:0;padding-left:0}}@media (max-width:560px){.statGrid{grid-template-columns:1fr;gap:32px}.statCard{border-left:0;padding-left:0}}
}

@layer components {
.services{max-width:var(--shell);margin:0 auto;padding:clamp(88px,11vw,150px) 5vw}.servicesHead{max-width:760px;margin:0 0 clamp(44px,5vw,72px)}.serviceCard{border-top:1px solid var(--border);transition:transform .3s, border-color .3s, opacity .9s var(--ease-out);padding:30px 30px 32px;position:relative;overflow:hidden}.serviceCard:hover{border-color:color-mix(in srgb, var(--brand-sky) 45%, transparent);transform:translateY(-8px)}.serviceCard:after{content:"";background:linear-gradient(90deg, var(--brand), var(--brand-sky), var(--brand-amber));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.serviceCard:hover:after{opacity:1}.serviceCard h3{padding-right:calc(var(--ghost) * 1.02);font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:0 0 12px;font-size:21px;font-weight:700;line-height:1.25}.serviceCard p{color:var(--on-surface-muted);margin:0;font-size:14.5px;line-height:1.65}@media (max-width:760px){.services{padding-block:72px}}html[data-motion=js] .serviceCard{opacity:0;transform:translateY(22px)scale(.965)}html[data-motion=js] .serviceCard.is-shown{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html[data-motion=js] .serviceCard{opacity:1;transform:none}}
}

@layer components {
.cardGrid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:22px;display:grid}.serviceCard:first-child,.serviceCard:nth-child(4){grid-column:span 7}.serviceCard:nth-child(2),.serviceCard:nth-child(3){grid-column:span 5}.serviceCard:nth-child(5),.serviceCard:nth-child(6){grid-column:span 6}.serviceCard:nth-child(2),.serviceCard:nth-child(3){padding-bottom:62px}.serviceCard:nth-child(5),.serviceCard:nth-child(6){padding-bottom:44px}.serviceCard{--ghost:clamp(76px, 7.4vw, 128px)}.serviceIndex{font-family:var(--font-display), sans-serif;font-weight:800;font-size:var(--ghost);letter-spacing:-.05em;color:color-mix(in srgb, var(--brand) 13%, transparent);transition:color .35s var(--ease-out), transform .35s var(--ease-out);pointer-events:none;line-height:1;position:absolute;top:-.3em;right:-.11em}.serviceCard:hover .serviceIndex{color:color-mix(in srgb, var(--brand-sky) 26%, transparent);transform:translateY(-2px)}@media (max-width:900px){.cardGrid{grid-template-columns:1fr}.serviceCard:nth-child(n){grid-column:auto;padding-bottom:32px}.serviceIndex{top:10px;right:20px}}
}

@layer components {
.deck{padding-block:clamp(72px,9vw,128px)}.deckHead,.deckFoot{max-width:var(--shell);margin-inline:auto;padding-inline:5vw}.deckHead{max-width:min(680px, var(--shell));margin-bottom:clamp(32px,4vw,56px);margin-right:auto}.deckFrames{gap:clamp(40px,6vw,72px);display:grid}.deckSlide{gap:20px;margin:0;display:grid}.deckCaption{gap:6px;display:grid}.deckCategory{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--accent,var(--brand)) 80%, var(--on-surface));font-size:12.5px;font-weight:600}.deckName{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;font-size:clamp(20px,2.2vw,26px);font-weight:700}.deckTagline{color:var(--on-surface-muted);text-wrap:pretty;font-size:16px;line-height:1.6}.deckFoot{margin-top:clamp(40px,5vw,64px)}
}

@layer components {
.deckPlate{position:relative}@media (min-width:1025px){.deckPlate:before,.deckPlate:after{content:"";z-index:-1;background:var(--surface);border:1px solid color-mix(in srgb, var(--accent,var(--brand)) 22%, transparent);border-radius:16px;position:absolute;inset:0}.deckPlate:before{transform:translate(18px,18px)}.deckPlate:after{opacity:.55;transform:translate(34px,34px)}}.deckSlide .productShot{box-shadow:0 1px 0 color-mix(in srgb, var(--accent,var(--brand)) 26%, transparent), 0 24px 60px -28px color-mix(in srgb, var(--accent,var(--brand)) 40%, transparent)}@media (min-width:1025px){.deckSlide{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);align-items:center;gap:clamp(28px,3vw,52px)}.deckCaption{grid-area:1/1;align-content:center}.deckPlate{grid-area:1/2}.deckStage{padding-right:44px}}@media (min-width:1025px) and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.deckStage{align-content:center;min-height:100vh;display:grid}.deckFrames{gap:0;display:grid}.deckSlide{grid-area:1/1}.deckCaption{max-width:60ch}}
}

@layer components {
.process{background:var(--surface-contrast);color:var(--on-surface-contrast);position:relative;overflow-x:clip}.process:before{content:"";background:radial-gradient(90% 60% at 15% 0%, color-mix(in srgb, var(--brand) 26%, transparent), transparent 68%);pointer-events:none;position:absolute;inset:0}.processInner{max-width:var(--shell);margin:0 auto;padding:clamp(88px,11vw,150px) 5vw;position:relative}.processHead{z-index:1;max-width:760px;margin:0 0 clamp(48px,6vw,80px);position:relative}.process .sectionLead{color:var(--on-surface-contrast-muted)}.stepCard h3{font-family:var(--font-display), sans-serif;letter-spacing:-.015em;margin:0 0 10px;font-size:19px;font-weight:700}.stepCard p{color:var(--on-surface-contrast-muted);margin:0;font-size:15px;line-height:1.65}html[data-motion=js] .stepCard{--draw:0}html[data-motion=js] .stepNum{opacity:0;transform:scale(.55)}html[data-motion=js] .stepText{opacity:0;transform:translateY(18px)}@media (prefers-reduced-motion:reduce){html[data-motion=js] .stepCard{--draw:1}html[data-motion=js] .stepNum,html[data-motion=js] .stepText{opacity:1;transform:none}}
}

@layer components {
.stepGrid{--drop:0px;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stepCard:nth-child(2){margin-top:var(--drop)}.stepCard:nth-child(3){margin-top:calc(2 * var(--drop))}.stepCard:nth-child(4){margin-top:calc(3 * var(--drop))}.stepCard{background:0 0;border:0;padding:0 18px 0 0;position:relative}.stepNum{font-family:var(--font-display), sans-serif;color:var(--on-surface-contrast);border-radius:var(--radius-circle);background:var(--surface-contrast-deep);border:1px solid color-mix(in srgb, var(--brand-sky) 45%, transparent);width:52px;height:52px;box-shadow:0 0 0 8px var(--surface-contrast);justify-content:center;align-items:center;margin:8px 0 26px;font-size:17px;font-weight:800;display:flex;position:relative}.stepCard:after{content:"";height:max(1px, var(--drop));background:linear-gradient(to top right, transparent calc(50% - .5px), color-mix(in srgb, var(--brand-sky) 42%, transparent) calc(50% - .5px), color-mix(in srgb, var(--brand-sky) 42%, transparent) calc(50% + .5px), transparent calc(50% + .5px));clip-path:inset(0 calc(100% - var(--draw,1) * 100%) 0 0);position:absolute;top:34px;left:62px;right:-20px}.stepCard:last-child:after{display:none}@media (min-width:1025px){.stepGrid{--drop:46px}}@media (max-width:1024px){.stepGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.stepGrid{grid-template-columns:1fr}.processInner{padding-block:68px}.stepCard{padding-bottom:26px}.stepCard:after{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-sky) 42%, transparent), color-mix(in srgb, var(--brand-sky) 12%, transparent));width:1px;height:auto;clip-path:inset(0 0 calc(100% - var(--draw,1) * 100%) 0);inset:62px auto -20px 25px}}
}

@layer components {
.constellation{--split-lead:5fr;--split-trail:7fr;max-width:var(--shell);margin:0 auto;padding:clamp(72px,9vw,120px) 5vw}.constellationAside{grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px);display:grid}.constellationHead{max-width:640px}.constellationAtom{justify-items:center;display:grid}.constellationGroups{align-content:start;gap:clamp(20px,2.4vw,28px);display:grid}.constellationGroup{border-top:1px solid var(--border);padding-top:16px}.constellationGroupLabel{letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-dim);margin:0 0 12px;font-size:13px;font-weight:600}.constellationItems{flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none;display:flex}.constellationItems li{color:var(--on-surface-muted);align-items:center;gap:7px;font-size:13.5px;line-height:1.3;display:inline-flex}
}

@layer components {
@media (min-width:900px) and (max-width:1199px){.constellation{grid-template-columns:1fr 1fr;grid-template-areas:"head atom""groups groups";align-items:center}.constellationAside{display:contents}.constellationHead{grid-area:head}.constellationAtom{grid-area:atom}.constellationGroups{grid-area:groups;margin-top:clamp(40px,5vw,72px)}}@media (max-width:899px){.constellation{display:block}.constellationAside{display:contents}.constellationHead{margin-bottom:clamp(28px,4vw,48px)}.constellationAtom{margin-bottom:clamp(32px,5vw,64px)}}
}

@layer components {
.contact{background:var(--surface-contrast);color:var(--on-surface-contrast);position:relative;overflow:hidden}.contact:before{content:"";border-radius:var(--radius-circle);background:radial-gradient(circle,#f5a80024,#0000 65%);width:420px;height:420px;position:absolute;bottom:-140px;right:-80px}.contactInner{max-width:var(--shell);grid-template-columns:1fr 1fr;gap:56px;margin:0 auto;padding:96px 5vw;display:grid;position:relative}.contactLead{color:var(--on-surface-contrast-muted);text-wrap:pretty;margin:0 0 32px;font-size:16px;line-height:1.7}.contactList{gap:16px;margin-bottom:36px;font-size:15px;display:grid}.contactList li{align-items:baseline;gap:12px;line-height:1.6;display:flex}.contactList i{color:var(--brand-amber);font-style:normal;font-weight:700}.contactList a,.contactList strong{color:var(--on-surface-contrast);font-weight:600}.contactList a:hover{color:var(--brand-gold)}.mapFrame{aspect-ratio:16/10;background:var(--surface-contrast-deep);border:1px solid #ffffff29;border-radius:20px;margin-top:4px;overflow:hidden}.mapFrame iframe{filter:invert(92%)hue-rotate(180deg)saturate(.85)contrast(.92);border:0;width:100%;height:100%;display:block}
}

@layer components {
.formCard{border:1px solid var(--glass-edge-contrast);box-shadow:inset 1px 1px 0 var(--glass-rim-contrast), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff0d;border-radius:10px;align-self:start;padding:36px 34px}.formCard h3{margin:0 0 24px;font-size:20px;font-weight:700}.formFields{gap:16px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--on-surface-contrast-muted);font-size:13px;font-weight:600}.field input,.field textarea{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:4px;outline:none;padding:13px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#eef1fa73}.field input:focus,.field textarea:focus{border-color:var(--brand-sky)}.formSubmit{cursor:pointer;letter-spacing:.01em;color:var(--surface-contrast);background:var(--brand-amber);transition:background .2s var(--ease-out);border:none;border-radius:4px;margin-top:6px;padding:15px;font-family:inherit;font-size:15.5px;font-weight:700}.formSubmit:hover{background:var(--brand-gold)}.formSent{text-align:center;color:#7fe3a8;font-size:14px;font-weight:600}@media (max-width:1024px){.contactInner{grid-template-columns:1fr;gap:44px}}@media (max-width:760px){.contactInner{padding-block:68px}.formCard{padding:28px 22px}}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--brand-sky);outline:2px solid var(--brand-sky);outline-offset:2px}.field:focus-within label{color:var(--brand-sky)}
}

@layer routes {
@property --stage-accent{syntax:"<color>";inherits:true;initial-value:#1e7bf0}.portfolioStage{--atom-accent:var(--stage-accent);transition:--stage-accent .9s var(--ease-out);position:relative;overflow-x:clip}.portfolioStage:before{content:"";z-index:var(--z-behind);pointer-events:none;background:radial-gradient(62% 52% at 72% 26%, var(--lightningcss-light,color-mix(in srgb, var(--stage-accent) 11%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--stage-accent) 30%, transparent)), transparent 72%), radial-gradient(54% 44% at 16% 84%, var(--lightningcss-light,color-mix(in srgb, var(--stage-accent) 7%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--stage-accent) 16%, transparent)), transparent 74%), radial-gradient(120% 90% at 50% 50%, transparent 42%, var(--lightningcss-light,#0000)var(--lightningcss-dark,#0000009e) 100%);position:fixed;inset:0}.portfolioStage:after{content:"";z-index:var(--z-panel);pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.portfolioHead{max-width:820px;margin:0 auto;padding:116px 5vw 44px}.portfolioHead .kicker{color:var(--lightningcss-light,color-mix(in srgb, var(--stage-accent) 85%, #000))var(--lightningcss-dark,var(--stage-accent))}.portfolioHead .sectionTitle{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;color:var(--on-surface);font-size:clamp(36px,6vw,68px)}.portfolioHead .sectionLead{color:var(--on-surface-muted)}@media (max-width:760px){.portfolioHead{padding-block:84px 8px}}@media (prefers-reduced-motion:reduce){.portfolioStage{transition:none}}
}

@layer routes {
.platformIcon{width:1.15em;height:1.15em;color:var(--stage-accent);opacity:.85;flex:none}
}

@layer routes {
.portfolioScope{--rail:min(1080px, 88vw);--reach:1140px;width:var(--rail);margin-inline:auto;padding-bottom:42px}.portfolioScopeDomains{margin-top:34px}.portfolioScopeHalf{min-width:var(--reach);flex:none;justify-content:space-around;align-items:center;gap:14px;margin:0;padding:0 7px;list-style:none;display:flex}.portfolioScopeHalf li{border-radius:var(--radius-pill);background:var(--lightningcss-light,#ffffffeb)var(--lightningcss-dark,color-mix(in srgb, var(--surface) 82%, transparent));letter-spacing:.01em;white-space:nowrap;color:var(--on-surface);transition:border-color .35s ease, transform .35s var(--ease-overshoot);border:1px solid var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff1c);flex:none;align-items:center;gap:11px;padding:10px 20px 10px 11px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px var(--lightningcss-light,#131b3a0d)var(--lightningcss-dark,#0000)}.portfolioScopeHalf li:hover{border-color:color-mix(in srgb, var(--stage-accent) 58%, transparent);transform:translateY(-2px)}.portfolioScopeItems li{padding:8px 16px;font-size:13.5px}.portfolioScopeLabel{letter-spacing:.16em;text-transform:uppercase;color:var(--lightningcss-light,color-mix(in srgb, var(--stage-accent) 85%, #000))var(--lightningcss-dark,var(--stage-accent));border-bottom:1px solid var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff1a);margin:0 0 14px;padding-bottom:11px;font-size:11.5px;font-weight:700}.portfolioTechItems,.portfolioScopeItems{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.portfolioTechItems li,.portfolioScopeItems li{border-radius:var(--radius-pill);letter-spacing:.03em;color:var(--on-surface-muted);border:1px solid var(--lightningcss-light,#131b3a29)var(--lightningcss-dark,#ffffff24);align-items:center;gap:7px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:border-color .4s,color .4s;display:inline-flex}.portfolioTechItems li:hover,.portfolioScopeItems li:hover{border-color:color-mix(in srgb, var(--stage-accent) 55%, transparent);color:var(--on-surface)}@media (prefers-reduced-motion:reduce){.portfolioScopeHalf{flex-wrap:wrap;justify-content:flex-start;min-width:0}.portfolioScopeHalf[data-clone=true]{display:none}}
}

@layer routes {
.portfolioScopeMarquee{background:radial-gradient(130% 190% at 50% 0%, color-mix(in srgb, var(--stage-accent) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--lightningcss-light,#131b3a09)var(--lightningcss-dark,#ffffff0d), var(--lightningcss-light,#131b3a03)var(--lightningcss-dark,#ffffff04));border:1px solid var(--lightningcss-light,#131b3a1a)var(--lightningcss-dark,#ffffff1a);border-radius:20px;padding-block:15px;position:relative;overflow:hidden;box-shadow:inset 0 1px var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff0d)}.portfolioScopeFade{-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.portfolioScopeTrack{width:max-content;animation:46s linear infinite lumioMarquee;display:flex}.portfolioScopeMarquee:hover .portfolioScopeTrack{animation-play-state:paused}.portfolioScopeTile{border-radius:var(--radius-circle);background:color-mix(in srgb, var(--stage-accent) 16%, transparent);flex:none;place-items:center;width:30px;height:30px;display:grid}.portfolioScopeTile .platformIcon{opacity:1;width:16px;height:16px}.portfolioScopeHalf li:hover .portfolioScopeTile{background:color-mix(in srgb, var(--stage-accent) 30%, transparent)}@media (prefers-reduced-motion:reduce){.portfolioScopeTrack{width:auto;animation:none}.portfolioScopeFade{-webkit-mask:none;mask:none}}
}

@layer routes {
.portfolioGrid{max-width:var(--shell);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(150px,14vw,220px);gap:20px;margin:0 auto;padding:8px 5vw 96px;display:grid}.portfolioTile{grid-column:span var(--cols);grid-row:span 2;min-width:0}.portfolioTileLink{border:1px solid var(--glass-edge);background:var(--glass-tint);height:100%;box-shadow:var(--glass-shadow);color:inherit;transition:border-color .4s ease, transform .6s var(--ease-overshoot);border-radius:22px;flex-direction:column;padding:12px;text-decoration:none;display:flex}.portfolioTileLink:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-3px)}.portfolioTileLink:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.portfolioTileStage{background:radial-gradient(80% 80% at 50% 40%, color-mix(in srgb, var(--accent) 16%, transparent), color-mix(in srgb, var(--accent) 4%, transparent));border-radius:14px;flex:1;place-items:center;min-height:0;display:grid;container-type:size}.portfolioTileTilt{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ease-out)}.portfolioTileStage .productShot[data-frame=desktop]{width:min(92cqw,137.6cqh)}.portfolioTileStage .productShot[data-frame=mobile]{aspect-ratio:9/19.5;width:min(92cqw,42.4615cqh)}.portfolioTileText{gap:3px;padding:14px 6px 4px;display:grid}.portfolioTileText small{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 65%, var(--on-surface));font-size:11.5px;font-weight:600}.portfolioTileBadge{border-radius:var(--radius-pill);letter-spacing:.1em;border:1px solid;margin-left:10px;padding:2px 8px;font-size:10px;font-style:normal}.portfolioTileName{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--on-surface);font-size:clamp(20px,1.8vw,26px);font-weight:700}.portfolioTileTagline{white-space:nowrap;text-overflow:ellipsis;color:var(--on-surface-muted);font-size:14px;overflow:hidden}.portfolioTileCta{color:color-mix(in srgb, var(--accent) 65%, var(--on-surface));margin-top:4px;font-size:13px;font-weight:600}@media (max-width:1024px){.portfolioGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.portfolioTile{grid-column:span 3}.portfolioTile:last-child:nth-child(odd){grid-column:span 6}}@media (max-width:760px){.portfolioGrid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.portfolioTile,.portfolioTile:last-child:nth-child(odd){grid-area:auto}.portfolioTileStage{aspect-ratio:5/4;flex:none}}@media (prefers-reduced-motion:reduce){.portfolioTileLink,.portfolioTileTilt{transition:none}.portfolioTileLink:hover{transform:none}}
}