*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--surface);color:var(--text);font-family:var(--font);font-size:var(--text-body);font-weight:400;line-height:var(--leading-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:clip}::selection{background:var(--sand);color:var(--navy)}h1,h2,h3,p,figure,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}h1,h2,h3{color:var(--text-strong);text-wrap:balance;font-weight:500}p{text-wrap:pretty}b,strong{font-weight:700}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}picture{display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shell{width:min(calc(100% - var(--gutter) * 2), var(--page-max));margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--button-bg);color:var(--button-fg);border-radius:var(--radius-pill);padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.label{align-items:center;gap:var(--space-3);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-strong);font-weight:500;line-height:1.2;display:flex}.point{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.section-head{gap:var(--space-8);display:grid}.section-title{font-size:var(--text-h2);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.section-title .line{display:block}.section-title .line+.line{color:var(--text-display-soft)}.section-intro{max-width:36ch;font-size:var(--text-lead);color:var(--text-muted);line-height:1.5}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-pill);letter-spacing:-.005em;white-space:nowrap;transition:background-color var(--duration-ui) var(--ease-standard), color var(--duration-ui) var(--ease-standard), border-color var(--duration-ui) var(--ease-standard);border:1px solid #0000;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.button .arrow,.text-link .arrow{transition:transform var(--duration-ui) var(--ease-out)}.button:hover .arrow,.text-link:hover .arrow{transform:translate(4px)}.button:active{transform:translateY(1px)}.button-primary{background:var(--button-bg);color:var(--button-fg)}.button-primary:hover{background:var(--button-bg-hover)}.button-secondary{border-color:var(--rule-strong);color:var(--text-strong)}.button-secondary:hover{border-color:var(--text-strong);background:color-mix(in srgb, var(--text-strong) 6%, transparent)}.button-light{background:var(--off-white);color:var(--navy)}.button-light:hover{background:var(--sand)}.surface-deep .button-secondary{border-color:var(--rule-on-deep-strong);color:var(--text-on-deep)}.surface-deep .button-secondary:hover{border-color:var(--off-white);background:color-mix(in srgb, var(--off-white) 8%, transparent)}.button-small{min-height:40px;padding:0 18px;font-size:14px}.text-link{align-items:center;gap:var(--space-2);min-height:44px;transition:background-size var(--duration-ui) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 calc(50% + .8em)/0 1px no-repeat;font-weight:500;display:inline-flex}.text-link:hover{background-size:calc(100% - 24px) 1px}.surface-deep{isolation:isolate;background:var(--surface-deep);color:var(--text-on-deep-muted);position:relative}.solutions:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-line-on-deep) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-on-deep) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);pointer-events:none;background-position:top;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.surface-deep h2,.surface-deep h3,.surface-deep .label{color:var(--text-on-deep)}.surface-deep .section-title .line+.line,.surface-deep .section-intro{color:var(--text-on-deep-muted)}.surface-sand{background:var(--surface-sand)}.site-header{z-index:50;height:var(--nav-height);color:var(--text-strong);transition:background-color var(--duration-ui) var(--ease-standard), box-shadow var(--duration-ui) var(--ease-standard), color var(--duration-ui) var(--ease-standard);position:fixed;inset:0 0 auto}.site-header[data-scrolled=true]{background:var(--header-glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 1px 0 var(--rule)}.site-header[data-theme=dark]{color:var(--text-on-deep)}.site-header[data-theme=dark][data-scrolled=true]{background:color-mix(in srgb, var(--navy) 88%, transparent);box-shadow:0 1px 0 var(--rule-on-deep)}.navigation{align-items:center;gap:var(--space-8);height:100%;display:flex}.brand-link{flex:none;width:142px;display:block;position:relative}.brand-link img{width:142px;height:auto}.brand-link .logo-light{visibility:hidden;position:absolute;inset:0}.site-header[data-theme=dark] .logo-light,:root[data-theme=dark] .logo-light{visibility:visible}.site-header[data-theme=dark] .logo-default,:root[data-theme=dark] .logo-default{visibility:hidden}.desktop-navigation{gap:var(--space-6);margin-left:auto;display:flex}.desktop-navigation a{opacity:.78;min-height:44px;transition:opacity var(--duration-micro) var(--ease-standard);align-items:center;font-size:15px;font-weight:500;display:inline-flex;position:relative}.desktop-navigation a:hover,.desktop-navigation a[aria-current]{opacity:1}.desktop-navigation a:after{content:"";background:var(--accent);width:5px;height:5px;transition:transform var(--duration-ui) var(--ease-out);border-radius:50%;margin-left:-2.5px;position:absolute;bottom:4px;left:50%;transform:scale(0)}.desktop-navigation a[aria-current]:after{transform:scale(1)}.site-header[data-theme=dark] .header-contact{background:var(--off-white);color:var(--navy)}.menu-toggle{width:44px;height:44px;margin-left:auto;margin-right:-10px;display:none;position:relative}.menu-toggle span{width:22px;height:1.5px;transition:transform var(--duration-ui) var(--ease-out);background:currentColor;position:absolute;left:11px}.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-navigation{z-index:40;padding-top:calc(var(--nav-height) + var(--space-10));background:var(--surface);visibility:hidden;opacity:0;transition:opacity var(--duration-ui) var(--ease-standard), visibility 0s linear var(--duration-ui);position:fixed;inset:0}.mobile-navigation[data-open=true]{visibility:visible;opacity:1;transition:opacity var(--duration-ui) var(--ease-standard)}.mobile-navigation .shell{display:grid}.mobile-navigation a{align-items:baseline;gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--rule);letter-spacing:var(--tracking-heading);color:var(--text-strong);opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transition-delay:calc(var(--i) * 45ms);font-size:clamp(30px,8vw,44px);font-weight:500;display:flex;transform:translateY(10px)}.mobile-navigation[data-open=true] a{opacity:1;transform:none}.mobile-navigation .mobile-contact{margin-top:var(--space-6);padding:var(--space-4) var(--space-6);border-radius:var(--radius-pill);background:var(--button-bg);color:var(--button-fg);letter-spacing:0;border-bottom:0;justify-content:space-between;align-items:center;font-size:18px}.menu-open,.menu-open body{overflow:hidden}.header-tools{align-items:center;gap:var(--space-2);display:flex}.languages{letter-spacing:.08em;align-items:center;gap:2px;font-size:12px;font-weight:500;display:flex}.languages>*{border-radius:var(--radius-pill);place-items:center;min-width:34px;min-height:34px;padding:0 6px;display:inline-grid}.languages a{opacity:.6;transition:opacity var(--duration-micro) var(--ease-standard), background-color var(--duration-micro) var(--ease-standard)}.languages a:hover{opacity:1;background:color-mix(in srgb, currentColor 8%, transparent)}.languages [aria-current]{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent)}.theme-toggle{width:40px;height:40px;transition:background-color var(--duration-micro) var(--ease-standard);border-radius:50%;place-items:center;display:inline-grid}.theme-toggle:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.theme-toggle svg{width:20px;height:20px}.theme-toggle-half{transform-box:view-box;transform-origin:12px 12px;transition:transform var(--duration-reveal) var(--ease-out)}:root[data-theme=dark] .theme-toggle-half{transform:rotate(180deg)}.mobile-tools{margin-top:var(--space-6);color:var(--text-strong);opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transition-delay:calc(var(--i) * 45ms);justify-content:space-between;align-items:center;display:flex;transform:translateY(10px)}.mobile-navigation[data-open=true] .mobile-tools{opacity:1;transform:none}.mobile-tools .languages{font-size:14px}.mobile-tools .languages>*{min-width:44px;min-height:44px}.mobile-tools .theme-toggle{display:none}@media (max-width:1180px) and (min-width:900px){.navigation{gap:var(--space-6)}.desktop-navigation{gap:var(--space-4)}.desktop-navigation a{font-size:14px}}@media (max-width:899px){.desktop-navigation,.header-contact,.header-tools .languages{display:none}.header-tools{margin-left:auto}.menu-toggle{margin-left:0;display:block}}.for-dark,:root[data-theme=dark] .for-light{display:none!important}:root[data-theme=dark] .for-dark{display:block!important}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.hero{position:relative;overflow:clip}.hero-paper{z-index:-1;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);pointer-events:none;background-position:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(52% 62% at 70% 52%,#000 0%,#0000 76%);mask-image:radial-gradient(52% 62% at 70% 52%,#000 0%,#0000 76%)}.hero-grid{column-gap:var(--column-gap);min-height:min(100svh,980px);padding-top:calc(var(--nav-height) + clamp(24px, 5vh, 64px));grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding-bottom:clamp(40px,8vh,96px);display:grid}.hero-copy{z-index:1;justify-items:start;gap:var(--space-6);grid-area:1/1/auto/span 7;display:grid;position:relative}.hero-title{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.hero-title span{display:block}.hero-title span+span{color:var(--text-display-soft)}.hero-lead{max-width:40ch;font-size:var(--text-lead);color:var(--text-muted);line-height:1.5}.hero-copy .actions{margin-top:var(--space-2)}.hero-index{gap:var(--space-2) var(--space-6);margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--rule);font-size:var(--text-small);color:var(--text-strong);flex-wrap:wrap;font-weight:500;display:flex}.hero-index a{min-height:32px;transition:color var(--duration-micro) var(--ease-standard);align-items:baseline;padding-block:4px;display:inline-flex}.hero-index a:hover{color:var(--accent)}.hero-stage{grid-area:1/7/auto/-1;align-self:center;justify-items:center;display:grid;position:relative}.hero-logo{z-index:1;aspect-ratio:1;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;max-height:min(66svh,600px);position:relative}.hero-glow{pointer-events:none;position:absolute;inset:0}.hero-glow i{filter:blur(70px);transform:translate3d(calc(var(--px,0) * var(--k) * 1px), calc(var(--py,0) * var(--k) * 1px), 0);transition:transform .9s var(--ease-out);border-radius:50%;position:absolute}.hero-glow i:first-child{--k:-26;background:color-mix(in srgb, var(--orange) 70%, transparent);width:52%;height:52%;top:14%;left:2%}.hero-glow i:nth-child(2){--k:20;background:color-mix(in srgb, var(--navy) 55%, transparent);width:48%;height:48%;bottom:14%;right:0}.hero-glow i:nth-child(3){--k:-12;background:color-mix(in srgb, var(--sand) 90%, transparent);width:40%;height:40%;top:40%;left:30%}:root[data-theme=dark] .hero-glow i:nth-child(2){background:color-mix(in srgb, var(--mist) 22%, transparent)}:root[data-theme=dark] .hero-glow i:nth-child(3){background:color-mix(in srgb, var(--sand) 25%, transparent)}.motion .hero-glow{animation:hero-plate 1.6s var(--ease-out) .2s both}.hero-glass{-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);transform:perspective(1200px) rotateX(calc(var(--py,0) * -4deg)) rotateY(calc(var(--px,0) * 5deg));transition:transform .9s var(--ease-out);pointer-events:none;background:linear-gradient(145deg,#ffffff85,#ffffff29);border:1px solid #ffffffa6;border-radius:44px;position:absolute;inset:4% 3% 9%;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #fff3,0 60px 120px -60px #0c1a3080}.hero-glass:before{content:"";border-radius:inherit;background:radial-gradient(120% 70% at calc(30% + var(--px,0) * 20%) 0%, #ffffff8c, transparent 55%);position:absolute;inset:0}:root[data-theme=dark] .hero-glass{background:linear-gradient(145deg,#ffffff1c,#ffffff08);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff2e,0 60px 120px -60px #000000b3}:root[data-theme=dark] .hero-glass:before{background:radial-gradient(120% 70% at calc(30% + var(--px,0) * 20%) 0%, #ffffff1f, transparent 55%)}.motion .hero-glass{animation:hero-glass-in 1.4s var(--ease-out) .3s both}@keyframes hero-glass-in{0%{opacity:0;scale:.94}}@keyframes hero-plate{0%{opacity:0}}.hero-colours{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#ffffff73;border:1px solid #ffffffa6;align-items:center;gap:10px;margin-top:-4%;padding:8px 16px 8px 8px;display:flex;position:relative;box-shadow:inset 0 1px #fffc,0 20px 40px -24px #0c1a3073}:root[data-theme=dark] .hero-colours{background:#ffffff12;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff24,0 20px 40px -24px #0009}.hero-colours[hidden]{display:none}.hero-swatch{background:var(--tile);cursor:pointer;width:30px;height:30px;box-shadow:0 0 0 1px var(--rule), 0 6px 14px -8px #0c1a3099;transition:transform var(--duration-ui) var(--ease-out), box-shadow var(--duration-ui);border:0;border-radius:9px;padding:0;position:relative}.hero-swatch:after{content:"";background:var(--mark);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-swatch:hover{transform:translateY(-3px)}.hero-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent), 0 6px 14px -8px #0c1a3099}.hero-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hero-hint{color:var(--text-muted);transition:opacity var(--duration-reveal) var(--ease-out);margin-left:8px;font-size:12px}.hero-hint[data-used]{opacity:0}.motion .hero-stage .hero-colours{animation:hero-rise var(--duration-scene) var(--ease-out) 2.4s both}.hero-index a span{letter-spacing:.1em;color:var(--accent);margin-right:6px;font-size:11px}.hero-symbol{aspect-ratio:1;width:72%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-symbol img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.hero-symbol .for-dark{border-radius:25.7%;position:absolute;inset:0;overflow:hidden}.hero-symbol .for-dark img{width:497.839%;max-width:none;margin-top:-9.91937%}.hero-symbol .for-dark,:root[data-theme=dark] .hero-symbol .for-light{display:none}:root[data-theme=dark] .hero-symbol .for-dark{display:block}.hero-canvas{display:none}.js .hero-logo .hero-symbol{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out)}.js .hero-logo[data-mode=still] .hero-symbol{opacity:1}.js .hero-logo[data-mode=css] .hero-symbol{opacity:1;animation:hero-symbol-in 2.2s var(--ease-out) both}.js .hero-canvas{opacity:0;width:136%;height:136%;transition:opacity .24s var(--ease-out);pointer-events:none;display:block;position:absolute;inset:-18%}.js .hero-logo[data-mode=gl]{cursor:grab}.js .hero-logo[data-mode=gl][data-dragging]{cursor:grabbing}.js .hero-logo[data-mode=gl] .hero-canvas{opacity:1}@keyframes hero-symbol-in{0%{opacity:0;transform:translate(-50%,-46%)perspective(900px)rotateY(-450deg)scale(.7)}}@media (prefers-reduced-motion:no-preference){.js .hero-rise{animation:hero-rise var(--duration-scene) var(--ease-out) both;animation-delay:calc(.12s + var(--i,0) * 90ms)}.js .hero-title span{animation:hero-title 1.1s var(--ease-out) both}.js .hero-title span+span{animation-delay:90ms}}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes hero-title{0%{transform:translateY(.18em)}}@media (max-width:1099px){.hero-copy{grid-column:1/span 7}.hero-stage{grid-column:8/-1}}@media (max-width:899px){.hero-grid{min-height:min(100svh,900px);padding-top:calc(var(--nav-height) + 4px);align-content:center;row-gap:clamp(8px,2svh,24px);padding-bottom:clamp(28px,5svh,56px)}.hero-copy,.hero-stage{grid-column:1/-1}.hero-stage{grid-row:1}.hero-logo{width:auto;height:clamp(200px,32svh,360px);max-height:none}.hero-glass{border-radius:32px;left:4%;right:4%}.hero-colours{margin-top:0}.hero-hint{display:none}.hero-copy{gap:var(--space-5);grid-row:2}.hero-index{display:none}.hero-paper{-webkit-mask-image:radial-gradient(90% 40% at 50% 26%,#000 0%,#0000 80%);mask-image:radial-gradient(90% 40% at 50% 26%,#000 0%,#0000 80%)}}@media (max-width:599px){.hero-title{font-size:clamp(34px,9.4vw,42px)}.hero-lead{font-size:16px;line-height:1.5}.hero-copy .button{min-height:48px;padding-inline:18px;font-size:14px}.hero-copy .actions{flex-wrap:nowrap}}@media (max-width:599px) and (max-height:720px){.hero-logo{height:clamp(160px,27svh,220px)}.hero-title{font-size:32px}.hero-lead{font-size:15px;line-height:1.45}.hero-copy .label{letter-spacing:.12em;font-size:11px}.hero-copy{gap:var(--space-4)}}.about{padding-block:var(--section-space)}.about-grid{column-gap:var(--column-gap);row-gap:var(--space-10);grid-template-rows:auto auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.about-head{grid-column:1/span 9}.about-rotate{letter-spacing:var(--tracking-heading);color:var(--text-strong);flex-wrap:wrap;grid-area:2/1/auto/span 5;align-items:baseline;column-gap:.3em;margin:0;font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.15;display:flex}.about-words{color:var(--accent);display:inline-grid;position:relative}.about-words>span{white-space:nowrap;opacity:0;transition:opacity .18s var(--ease-standard), transform .18s var(--ease-standard);grid-area:1/1;transform:translateY(45%)}.about-words>span[data-was]{transform:translateY(-45%)}.about-words>span[data-on]{opacity:1;transition:opacity .36s var(--ease-out) .16s, transform .46s var(--ease-out) .16s;transform:none}.about-words>span[data-on]:after{content:"";transform-origin:0;background:currentColor;border-radius:2px;height:3px;margin-top:2px;animation:2.2s linear about-underline;display:block}@keyframes about-underline{0%{transform:scaleX(0)}}.about-copy{align-self:start;gap:var(--space-5);font-size:var(--text-lead);color:var(--text-muted);grid-area:3/1/auto/span 5;line-height:1.55;display:grid}.about-copy p:first-child{color:var(--text)}.about-cards{align-self:start;gap:var(--space-4);grid-area:2/7/span 2/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.about-card{gap:var(--space-3);min-height:300px;padding:var(--space-6);border:1px solid var(--rule);border-radius:var(--radius-l);background:var(--surface);color:var(--text);transition:border-color var(--duration-ui) var(--ease-standard), transform var(--duration-ui) var(--ease-out), box-shadow var(--duration-ui) var(--ease-standard);grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow:hidden}.about-card:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:0;transition:opacity var(--duration-ui);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 70%,#000,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 70%,#000,#0000 75%)}.about-card:hover{border-color:var(--rule-strong);box-shadow:0 30px 60px -36px color-mix(in srgb, var(--navy) 45%, transparent);transform:translateY(-4px)}.about-card:hover:before{opacity:1}.about-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.about-card-term{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);font-weight:500}.about-card-detail{color:var(--text-strong);font-size:18px;font-weight:500;line-height:1.4}.about-scene{place-items:center;min-height:116px;display:grid}.about-card-link{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--text-strong);font-weight:500;display:inline-flex}.about-card-link .arrow{width:18px;height:18px;transition:transform var(--duration-ui) var(--ease-out)}.about-card:hover .about-card-link .arrow{transform:translate(4px)}.motion .about-cards .about-card{opacity:0;transition:opacity var(--duration-scene) var(--ease-out) calc(var(--i) * 90ms), transform var(--duration-scene) var(--ease-out) calc(var(--i) * 90ms), border-color var(--duration-ui), box-shadow var(--duration-ui);transform:translateY(18px)}.motion .about-cards[data-seen] .about-card{opacity:1;transform:none}.motion .about-cards[data-seen] .about-card:hover{transition-delay:0s;transform:translateY(-4px)}.about-icons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.about-icons i{background:var(--surface-sand);width:46px;height:46px;color:var(--text-muted);transition:background-color .4s var(--ease-standard), color .4s, transform .5s var(--ease-out), box-shadow .4s;border-radius:12px;place-items:center;display:grid}.about-icons i[data-on]{background:var(--navy);color:var(--sand);box-shadow:0 12px 20px -10px color-mix(in srgb, var(--navy) 60%, transparent);transform:translateY(-6px)}:root[data-theme=dark] .about-icons i[data-on]{background:var(--sand);color:var(--navy)}.about-solve{text-align:center;justify-items:center;gap:10px;display:grid}.about-problem{background:var(--surface-sand);color:var(--text);border-radius:14px 14px 14px 4px;padding:8px 14px;font-size:14px;position:relative}.about-problem:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;top:50%;left:10px;right:10px}.about-solved{border-radius:var(--radius-pill);background:var(--navy);color:var(--off-white);align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:14px;font-weight:600;display:inline-flex}:root[data-theme=dark] .about-solved{background:var(--sand);color:var(--navy)}.about-track{grid-template-columns:repeat(4,1fr);width:100%;display:grid;position:relative}.about-line{background:var(--rule-strong);height:2px;position:absolute;top:6px;left:12.5%;right:12.5%}.about-stop{justify-items:center;gap:10px;display:grid;position:relative}.about-stop i{border:2px solid var(--rule-strong);background:var(--surface);border-radius:50%;width:14px;height:14px}.about-stop small{letter-spacing:-.01em;text-align:center;color:var(--text-muted);font-size:10px}.about-dot{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;position:absolute;top:-1px;left:calc(87.5% - 8px)}.about-talk{gap:8px;width:100%;display:grid}.about-people{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:4px;display:grid}.about-people>i{border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-style:normal;font-weight:700;display:grid}.about-you{background:var(--sand);color:var(--navy)}.about-dev{background:var(--navy)}.about-dev .sx-logo{width:18px;height:18px}.about-wire{background:var(--rule-strong);height:2px;position:relative}.about-wire em{background:var(--accent);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}.about-bubble{border-radius:12px;max-width:88%;padding:7px 12px;font-size:13px;line-height:1.35}.about-ask{background:var(--surface-sand);color:var(--text);border-bottom-left-radius:4px;justify-self:start}.about-answer{background:var(--navy);color:var(--off-white);border-bottom-right-radius:4px;justify-self:end}:root[data-theme=dark] .about-answer{background:var(--sand);color:var(--navy)}@keyframes about-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes about-in-2{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes about-strike{0%{transform:scaleX(0)}}@keyframes about-strike-2{0%{transform:scaleX(0)}}@keyframes about-travel{0%{left:calc(12.5% - 8px)}}@keyframes about-travel-2{0%{left:calc(12.5% - 8px)}}@keyframes about-light{0%{border-color:var(--rule-strong);background:var(--surface)}}@keyframes about-pulse{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}.about-stop:nth-child(n) i{border-color:var(--accent);background:var(--accent)}.motion .about-cards[data-seen] .about-problem:after{transform-origin:0;animation:about-strike .5s var(--ease-out) .9s backwards}.motion .about-cards[data-seen] .about-solved{animation:about-in .5s var(--ease-out) 1.4s backwards}.motion .about-cards[data-seen] .about-dot{animation:about-travel 2s var(--ease-in-out) .7s backwards}.motion .about-cards[data-seen] .about-stop i{animation:about-light .3s linear calc(.7s + var(--s) * .6s) backwards}.motion .about-cards[data-seen] .about-ask{animation:about-in .45s var(--ease-out) .8s backwards}.motion .about-cards[data-seen] .about-answer{animation:about-in .45s var(--ease-out) 1.6s backwards}.motion .about-cards[data-seen] .about-wire em{animation:1.2s linear 1s 2 about-pulse}.motion .about-cards .about-card:hover .about-problem:after{animation:about-strike-2 .5s var(--ease-out) .2s backwards}.motion .about-cards .about-card:hover .about-solved{animation:about-in-2 .5s var(--ease-out) .6s backwards}.motion .about-cards .about-card:hover .about-dot{animation:about-travel-2 1.6s var(--ease-in-out) .1s backwards}.motion .about-cards .about-card:hover .about-ask{animation:about-in-2 .45s var(--ease-out) .1s backwards}.motion .about-cards .about-card:hover .about-answer{animation:about-in-2 .45s var(--ease-out) .7s backwards}.motion .about-cards .about-card:hover .about-wire em{animation:1.2s linear .3s 2 about-pulse}@media (max-width:1099px){.about-rotate,.about-copy{grid-column:1/span 5}.about-cards{grid-column:6/-1}}@media (max-width:899px){.about-grid{row-gap:var(--space-8);grid-template-rows:none}.about-head,.about-rotate,.about-copy,.about-cards{grid-area:auto/1/auto/-1}.about-cards{margin-top:var(--space-4)}}@media (max-width:599px){.about-cards{grid-template-columns:1fr}.about-card{min-height:0}}.security{padding-block:0 var(--section-space)}.security-grid{column-gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.security-copy{gap:var(--space-12);grid-column:1/span 5;display:grid}.security-copy .section-head{gap:var(--space-6);display:grid}.security-copy .section-intro{max-width:36ch;color:var(--text-muted)}.security-piece{grid-column:6/-1}.security-pillars{display:grid}.security-pillar{column-gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:14px 1fr;row-gap:2px;display:grid;position:relative}.security-pillar:before{content:"";background:var(--rule-strong);transform-origin:0;height:1px;position:absolute;inset:0 0 auto}.security-pillar .point{background:var(--rule-strong);transition:background-color var(--duration-ui), box-shadow var(--duration-ui);grid-row:1/span 2;margin-top:7px}.security-pillar b{color:var(--text-muted);transition:color var(--duration-ui);font-size:18px;font-weight:500}.security-pillar>span:last-child{color:var(--text-muted);grid-column:2;font-size:15px;line-height:1.5}.security-pillar:hover b,.security-pillar[aria-selected=true] b{color:var(--text-strong)}.security-pillar:hover .point{background:var(--text-muted)}.security-pillar[aria-selected=true] .point{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent)}.security-pillar:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}.motion .security-pillars[data-reveal=rules] .security-pillar:before{transition:transform var(--duration-scene) var(--ease-out);transform:scaleX(0)}.motion .security-pillars[data-reveal=rules].is-in .security-pillar:before{transform:none}.shield{--sh-text:color-mix(in srgb, var(--off-white) 94%, transparent);--sh-dim:color-mix(in srgb, var(--mist) 66%, transparent);--sh-line:color-mix(in srgb, var(--mist) 26%, transparent);--sh-card:color-mix(in srgb, var(--mist) 7%, transparent);--sh-bad:var(--orange);--sh-bad-soft:color-mix(in srgb, var(--orange) 20%, transparent);--sh-good:var(--sand);isolation:isolate;gap:var(--space-5);border-radius:var(--radius-l);min-height:clamp(540px,44vw,640px);color:var(--sh-text);background:radial-gradient(110% 90% at 50% 40%, color-mix(in srgb, var(--navy) 86%, var(--mist) 10%), color-mix(in srgb, var(--navy) 72%, #050b16) 80%);box-shadow:0 1px 0 color-mix(in srgb, var(--mist) 10%, transparent) inset, 0 50px 100px -50px #0c1a3099;grid-template-rows:auto 1fr auto;padding:clamp(18px,2.2vw,28px);display:grid;position:relative;overflow:hidden;container-type:inline-size}.shield:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-line-on-deep) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-on-deep) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);background-position:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000 80%);mask-image:radial-gradient(70% 70%,#000,#0000 80%)}:root[data-theme=dark] .shield{box-shadow:0 0 0 1px var(--rule) inset, 0 50px 100px -50px #0009;background:radial-gradient(110% 90% at 50% 40%,#1f2836,#14181d 80%)}.shield svg{flex:none}.shield-head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.shield-step{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-deep);align-items:center;gap:10px;margin:0;font-weight:500;display:inline-flex}.shield-step .point{background:var(--sh-good);transition:background-color var(--duration-ui)}.shield[data-mode=open] .shield-step .point{background:var(--sh-bad)}.shield-modes{border-radius:var(--radius-pill);border:1px solid var(--rule-on-deep);background:#00000029;padding:4px;display:inline-flex}.shield-modes button{border-radius:var(--radius-pill);min-height:36px;color:var(--sh-dim);font:500 13px/1 var(--font);cursor:pointer;transition:background-color var(--duration-ui), color var(--duration-ui);background:0 0;border:0;align-items:center;gap:7px;padding:0 14px 0 11px;display:inline-flex}.shield-modes button:hover{color:var(--off-white)}.shield-modes button[data-for=open][aria-pressed=true]{background:var(--sh-bad);color:var(--off-white)}.shield-modes button[data-for=safe][aria-pressed=true]{background:var(--off-white);color:var(--navy)}.shield-modes button:focus-visible,.shield-replay:focus-visible,.wire-form button:focus-visible{outline:2px solid var(--off-white);outline-offset:2px}.shield-body{place-items:center;min-height:0;display:grid}.shield-foot{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--rule-on-deep);flex-wrap:wrap;display:flex}.shield-verdict{max-width:54ch;color:var(--sh-text);flex:280px;align-items:flex-start;gap:12px;margin:0;font-size:16px;line-height:1.45;display:flex}.shield-verdict-icon{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-top:-3px;display:grid}.shield-verdict-open .shield-verdict-icon{background:var(--sh-bad);color:var(--off-white)}.shield-verdict-safe .shield-verdict-icon{background:var(--sh-good);color:var(--navy)}.shield-replay{border:1px solid var(--rule-on-deep-strong);border-radius:var(--radius-pill);min-height:40px;color:var(--off-white);font:500 14px/1 var(--font);cursor:pointer;transition:border-color var(--duration-ui), background-color var(--duration-ui);background:0 0;align-items:center;gap:8px;padding:0 16px 0 13px;display:inline-flex}.shield-replay:hover{border-color:var(--off-white);background:color-mix(in srgb, var(--off-white) 8%, transparent)}.shield:not([data-ready]) :is(.shield-modes,.shield-replay,.wire-form){visibility:hidden}.sh-browser{border:1px solid var(--sh-line);border-radius:var(--radius-m);background:color-mix(in srgb, var(--navy) 50%, #0b1320);width:100%;position:relative;overflow:hidden}:root[data-theme=dark] .sh-browser{background:#1a2029}.sh-browser-bar{border-bottom:1px solid var(--rule-on-deep);align-items:center;gap:8px;padding:7px 9px;display:flex}.sh-dots{gap:4px;display:inline-flex}.sh-dots i{background:var(--sh-line);border-radius:50%;width:6px;height:6px}.sh-address{border-radius:var(--radius-pill);min-width:0;color:var(--sh-dim);white-space:nowrap;background:#00000038;flex:1;align-items:center;gap:5px;padding:4px 8px;font-size:10.5px;line-height:1.2;display:flex}.sh-address svg{width:12px;height:12px}.sh-address span{text-overflow:ellipsis;overflow:hidden}.sh-address-open{color:var(--sh-dim)}.sh-address-open svg,.sh-address-open b{color:var(--sh-bad);font-weight:600}.sh-address-safe svg{color:var(--sh-good)}.sh-browser-body{position:relative}.sh-sketch{justify-items:start;gap:9px;padding:16px;display:grid}.sh-sketch img{border-radius:6px;width:22px;height:22px;margin-bottom:4px}.sh-bar{background:var(--sh-line);border-radius:4px;height:8px}.sh-bar-l{background:color-mix(in srgb, var(--mist) 40%, transparent);width:82%;height:11px}.sh-bar-m{width:64%}.sh-bar-s{width:44%}.sh-pill{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--sand) 80%, transparent);width:72px;height:22px;margin-top:6px}.wire{grid-template-columns:minmax(140px,.8fr) minmax(0,1.5fr) minmax(150px,.9fr);align-items:center;width:100%;display:grid}.wire-col{justify-items:center;gap:10px;display:grid}.wire-cap{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--sh-dim);text-align:center;font-size:11px;font-weight:500}.wire-phone{aspect-ratio:9/15.5;border:1.5px solid var(--sh-line);background:var(--sh-card);border-radius:26px;flex-direction:column;justify-content:space-between;gap:12px;width:100%;max-width:168px;padding:26px 10px 10px;display:flex;position:relative}.wire-phone:before{content:"";background:var(--sh-line);border-radius:3px;width:38px;height:5px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.wire-bubble{background:var(--sand);max-width:94%;color:var(--navy);overflow-wrap:anywhere;border-radius:12px 12px 3px;align-self:flex-end;margin:0;padding:8px 10px;font-size:12.5px;line-height:1.35}.wire-form{border:1px solid var(--sh-line);border-radius:var(--radius-pill);transition:border-color var(--duration-ui);background:#00000029;align-items:center;gap:6px;padding:4px 4px 4px 10px;display:flex}.wire-form:focus-within{border-color:var(--sand)}.wire-form input{min-width:0;color:var(--sh-text);font:12px/1.2 var(--font);background:0 0;border:0;outline:0;flex:1;padding:0}.wire-form input::placeholder{color:var(--sh-dim)}.wire-form button{background:var(--orange);width:28px;height:28px;color:var(--off-white);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.wire-road{align-self:stretch;min-height:320px;position:relative}.wire-line{background:repeating-linear-gradient(90deg, var(--sh-line) 0 8px, transparent 8px 16px);height:2px;position:absolute;top:62%;left:3%;right:3%}.wire-wifi{color:var(--sh-dim);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;top:calc(62% + 20px);left:50%;transform:translate(-50%)}.wire-packet{z-index:2;white-space:nowrap;opacity:0;border-radius:10px;align-items:center;gap:6px;max-width:150px;padding:6px 10px;font-size:12px;line-height:1.2;display:inline-flex;position:absolute;top:62%;left:100%;transform:translate(-50%,-50%)}.wire-packet span{text-overflow:ellipsis;overflow:hidden}.wire-packet-open{background:var(--sand);color:var(--navy)}.wire-packet-safe{border:1px solid var(--sand);background:color-mix(in srgb, var(--ink) 80%, transparent);color:var(--sand);font-family:var(--font-mono)}.wire-spy{flex-direction:column;align-items:center;gap:2px;width:min(240px,100%);display:flex;position:absolute;bottom:calc(38% + 12px);left:50%;transform:translate(-50%)}.wire-spy-figure{color:var(--mist)}.wire-spy-bubble{border:1px solid var(--sh-line);background:color-mix(in srgb, var(--ink) 70%, transparent);border-radius:12px;order:-1;width:100%;margin-bottom:10px;padding:10px 12px;font-size:12.5px;line-height:1.4;position:relative}.wire-spy-bubble:after{content:"";border:inherit;background:inherit;border-width:0 1px 1px 0;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.wire-spy-bubble small{letter-spacing:.06em;text-transform:uppercase;color:var(--sh-dim);font-size:11px;font-weight:500;display:block}.wire-spy-bubble p{overflow-wrap:anywhere;margin:4px 0 0}.wire-spy-open{border-color:var(--sh-bad)}.wire-spy-open small{color:var(--sh-bad)}.wire-spy-open p{color:var(--off-white);font-weight:500}.wire-spy-safe p{-webkit-line-clamp:2;font:11.5px/1.45 var(--font-mono);color:var(--sh-dim);word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wire-spy-safe em{color:var(--sand);margin-top:6px;font-style:normal;font-weight:500;display:block}.wire-site .sh-browser{max-width:200px}.wire-inbox{align-content:start;gap:6px;min-height:96px;padding:12px;display:grid}.wire-inbox small{letter-spacing:.06em;text-transform:uppercase;color:var(--sh-dim);align-items:center;gap:5px;font-size:10.5px;font-weight:500;display:flex}.wire-inbox small svg{width:12px;height:12px;color:var(--sand)}.wire-inbox p{overflow-wrap:anywhere;margin:0;font-size:12.5px;line-height:1.4}.inject{aspect-ratio:1.55;width:min(100%,620px);position:relative}.inject-page{width:auto;inset:15% 23% 13%;position:absolute!important}.inject-page .sh-browser-body{height:calc(100% - 37px)}.inject-page .sh-sketch{gap:12px;padding:22px}.inject-safe .inject-page{border-color:var(--sand);box-shadow:0 0 0 6px color-mix(in srgb, var(--sand) 14%, transparent)}.inject-fx{z-index:1;font-size:12px;line-height:1.3;position:absolute}.inject-fx-0{background:var(--orange);color:var(--off-white);padding:7px 12px;font-weight:600;inset:0 0 auto}.inject-fx-1{background:var(--sand);width:46%;color:var(--navy);border-radius:8px;gap:2px;padding:10px;font-weight:500;display:grid;bottom:8%;left:7%}.inject-fx-1 small{letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-size:10px;font-weight:700}.inject-fx-2{background:var(--off-white);width:68%;height:fit-content;color:var(--navy);border-radius:10px;gap:8px;margin:auto;padding:14px;display:grid;inset:0;box-shadow:0 20px 40px -12px #0009}.inject-fx-2 b{font-size:13px}.inject-field{border:1px solid var(--mist);color:var(--slate);border-radius:6px;gap:2px;padding:6px 8px;font-size:10px;display:grid}.inject-field i{letter-spacing:.1em;color:var(--navy);font-style:normal}.inject-button{background:var(--orange);color:var(--off-white);text-align:center;border-radius:6px;padding:7px;font-weight:600}.inject-threat{z-index:2;border:1px solid color-mix(in srgb, var(--orange) 70%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--orange) 24%, #101a28);color:var(--off-white);white-space:nowrap;align-items:center;gap:7px;padding:5px 12px 5px 5px;font-size:12px;font-weight:500;display:inline-flex;position:absolute}.inject-threat-icon{background:var(--orange);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.inject-threat-icon svg{width:13px;height:13px}.inject-threat-0{--dx:20cqw;--dy:2cqw;top:40%;left:0}.inject-threat-1{--dx:-17cqw;--dy:12cqw;top:2%;right:0}.inject-threat-2{--dx:-17cqw;--dy:-11cqw;bottom:1%;right:0}.inject-open .inject-threat{opacity:0}.inject-safe .inject-threat{border-style:dashed;border-color:var(--sh-line);color:var(--sh-dim);background:#101a28b3}.inject-safe .inject-threat-icon{background:color-mix(in srgb, var(--mist) 22%, transparent);color:var(--off-white)}.inject-stamp{border-radius:var(--radius-pill);background:var(--sand);color:var(--navy);letter-spacing:.06em;text-transform:uppercase;margin-left:2px;padding:3px 8px;font-size:10.5px;font-weight:700}.inject-count{border-radius:var(--radius-pill);background:var(--sand);color:var(--navy);align-items:center;gap:7px;padding:7px 13px 7px 10px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;bottom:1%;left:0}.track{grid-template-columns:minmax(0,1fr) 64px minmax(0,.9fr);align-items:center;width:100%;display:grid}.track-page .sh-browser-body{min-height:230px}.track-cursor{color:var(--off-white);position:absolute;top:38%;left:42%}.track-tags{flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.track-tag{border:1px solid color-mix(in srgb, var(--orange) 70%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--orange) 24%, #101a28);color:var(--off-white);white-space:nowrap;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.track-tag i{background:var(--orange);border-radius:50%;width:7px;height:7px}.track-none{background:var(--sand);color:var(--navy);border-color:#0000;gap:7px;padding:6px 12px 6px 9px;font-size:12px;font-weight:600}.track-flow{background:repeating-linear-gradient(90deg, var(--sh-line) 0 6px, transparent 6px 12px);height:2px;margin-inline:8px;position:relative}.track-safe .track-flow{opacity:.35}.track-flow i{background:var(--orange);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}.track-profile{border:1px solid var(--sh-line);border-radius:var(--radius-m);background:var(--sh-card);align-content:start;gap:10px;min-height:230px;padding:16px;display:grid}.track-open .track-profile{border-color:color-mix(in srgb, var(--orange) 60%, transparent)}.track-profile small{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--sh-dim);font-size:11px;font-weight:500}.track-profile ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.track-fact{border-left:2px solid var(--orange);background:color-mix(in srgb, var(--orange) 15%, transparent);border-radius:4px 8px 8px 4px;padding:8px 10px;font-size:13px;line-height:1.35}.track-empty{color:var(--sand);align-items:flex-start;gap:9px;margin:6px 0 0;font-size:15px;line-height:1.45;display:flex}.track-empty svg{margin-top:2px}@keyframes sh-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes sh-dash{to{background-position:16px 0}}@keyframes sh-dash-y{to{background-position:0 16px}}@keyframes wire-travel{0%{opacity:0;left:0}10%,88%{opacity:1}to{opacity:0;left:100%}}@keyframes wire-travel-y{0%{opacity:0;top:0}10%,88%{opacity:1}to{opacity:0;top:100%}}@keyframes inject-in{0%{opacity:0;transform:none}15%{opacity:1}70%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(.9)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.4)}}@keyframes inject-bounce{0%{opacity:0;transform:none}12%{opacity:1}48%{transform:translate(calc(var(--dx) * .6), calc(var(--dy) * .6))}58%{transform:translate(calc(var(--dx) * .48), calc(var(--dy) * .48)) rotate(-4deg)}to{transform:none}}@keyframes inject-hit{0%,to{box-shadow:0 0 0 6px color-mix(in srgb, var(--sand) 14%, transparent)}19%,51%,84%{box-shadow:0 0 0 16px color-mix(in srgb, var(--sand) 30%, transparent)}8%,30%,40%,62%,73%,95%{box-shadow:0 0 0 6px color-mix(in srgb, var(--sand) 14%, transparent)}}@keyframes track-move{0%,to{transform:translate(0)}25%{transform:translate(-60px,30px)}50%{transform:translate(30px,50px)}75%{transform:translate(50px,-10px)}}@keyframes track-pulse{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}@keyframes track-pulse-y{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:calc(100% - 8px)}}@keyframes track-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--orange) 60%, transparent)}to{box-shadow:0 0 0 7px #0000}}.motion .wire-line{animation:1s linear infinite sh-dash}.motion .wire-packet{animation:wire-travel 2.8s var(--ease-in-out) .8s backwards}.motion .wire-spy-bubble{animation:sh-pop var(--duration-reveal) var(--ease-out) 2.1s backwards}.motion .wire-inbox{animation:sh-pop var(--duration-reveal) var(--ease-out) 3.4s backwards}.motion .shield-verdict{animation:sh-pop var(--duration-reveal) var(--ease-out) 3.9s backwards}.motion .inject-open .inject-threat{animation:inject-in 1.2s var(--ease-in-out) backwards}.motion .inject-safe .inject-threat{animation:inject-bounce 1.3s var(--ease-out) backwards}.motion .inject-threat-0{animation-delay:.4s!important}.motion .inject-threat-1{animation-delay:1.5s!important}.motion .inject-threat-2{animation-delay:2.6s!important}.motion .inject-fx,.motion .inject-stamp,.motion .inject-count{animation:sh-pop var(--duration-reveal) var(--ease-out) backwards}.motion .inject-fx-0,.motion .inject-threat-0 .inject-stamp{animation-delay:1.3s}.motion .inject-fx-1,.motion .inject-threat-1 .inject-stamp{animation-delay:2.4s}.motion .inject-fx-2,.motion .inject-threat-2 .inject-stamp{animation-delay:3.5s}.motion .inject-count{animation-delay:4s}.motion .inject-safe .inject-page{animation:3.4s linear .4s backwards inject-hit}.motion .shield[data-scene="1"] .shield-verdict{animation-delay:4.2s}.motion .track-cursor{animation:track-move 6s var(--ease-in-out) infinite}.motion .track-tag{animation:sh-pop var(--duration-reveal) var(--ease-out) backwards}.motion .track-tag-0{animation-delay:.5s}.motion .track-tag-1{animation-delay:1s}.motion .track-tag-2{animation-delay:1.5s}.motion .track-none{animation-delay:.6s}.motion .track-tag i{animation:1.4s ease-out infinite track-ring}.motion .track-flow i{animation:1.5s linear infinite backwards track-pulse}.motion .track-flow i:first-child{animation-delay:1.8s}.motion .track-flow i:nth-child(2){animation-delay:2.3s}.motion .track-flow i:nth-child(3){animation-delay:2.8s}.motion .track-fact,.motion .track-empty{animation:sh-pop var(--duration-reveal) var(--ease-out) backwards}.motion .track-fact-0{animation-delay:2.2s}.motion .track-fact-1{animation-delay:2.8s}.motion .track-fact-2{animation-delay:3.4s}.motion .track-fact-3{animation-delay:4s}.motion .track-empty{animation-delay:1.4s}.motion .shield[data-scene="2"] .shield-verdict{animation-delay:4.5s}.motion .shield[data-scene="2"][data-mode=safe] .shield-verdict{animation-delay:2s}@container (max-width:560px){.wire{gap:var(--space-2);grid-template-columns:1fr}.wire-phone{aspect-ratio:auto;max-width:300px;padding-top:24px}.wire-road{min-height:250px}.wire-line{background:repeating-linear-gradient(180deg, var(--sh-line) 0 8px, transparent 8px 16px);width:2px;height:auto;inset:0 auto 0 50%}.motion .wire-line{animation-name:sh-dash-y}.wire-wifi{flex-direction:column;align-items:flex-start;gap:2px;top:50%;left:calc(50% + 16px);transform:translateY(-50%)}.wire-packet{max-width:130px;top:100%;left:50%}.motion .wire-packet{animation-name:wire-travel-y}.wire-spy{width:min(170px,46cqw);inset:50% calc(50% + 14px) auto auto;transform:translateY(-50%)}.wire-spy-figure{width:44px;height:44px}.wire-spy-bubble{font-size:12px}.wire-site .sh-browser{max-width:300px}.inject{aspect-ratio:.82}.inject-page{inset:22% 6% 20%}.inject-threat-0{--dx:18cqw;--dy:30cqw;top:0;left:0}.inject-threat-1{--dx:-18cqw;--dy:22cqw;top:10%;right:0}.inject-threat-2{--dx:-18cqw;--dy:-16cqw;bottom:10%;right:0}.inject-count{bottom:0}.track{grid-template-columns:1fr}.track-flow{background:repeating-linear-gradient(180deg, var(--sh-line) 0 6px, transparent 6px 12px);width:2px;height:44px;margin:6px auto}.track-flow i{top:0;left:-3px}.motion .track-flow i{animation-name:track-pulse-y}.track-page .sh-browser-body,.track-profile{min-height:190px}}@media (max-width:1099px){.security-copy{grid-column:1/span 6}.security-piece{grid-column:7/-1}}@media (max-width:899px){.security-copy,.security-piece{grid-column:1/-1}.security-copy{gap:var(--space-10)}.security-piece{margin-top:var(--space-8)}.shield{border-radius:var(--radius-m);min-height:0}}.solutions{padding-block:var(--section-space)}.solutions .section-head{column-gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.solutions .section-head .label{grid-column:1/-1}.solutions .section-title{grid-column:1/span 7}.solutions .section-intro{grid-column:9/span 4;align-self:end}.solutions-body{column-gap:var(--column-gap);margin-top:var(--space-24);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.solutions-visual{grid-column:1/span 7}.solutions-plate{top:calc(var(--nav-height) + 4vh);position:sticky}.solwin{--sx-paper:var(--off-white);--sx-paper-2:#efebe2;--sx-paper-3:#e6e1d6;--sx-ink:var(--navy);--sx-muted:var(--slate);--sx-rule:color-mix(in srgb, var(--navy) 12%, transparent);--sx-dim:color-mix(in srgb, var(--mist) 68%, transparent);--sx-bad-soft:color-mix(in srgb, var(--orange) 22%, #101a28);isolation:isolate;gap:var(--space-5);min-height:min(calc(100svh - var(--nav-height) - 8vh), 700px);border:1px solid var(--rule-on-deep);border-radius:var(--radius-l);color:var(--off-white);background:radial-gradient(120% 90% at 50% 30%, color-mix(in srgb, var(--ink) 30%, transparent), color-mix(in srgb, var(--ink) 62%, transparent));grid-template-rows:auto 1fr auto;padding:clamp(16px,2.2vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:0 60px 120px -60px #0000008c;container-type:inline-size}.solwin:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-line-on-deep) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-on-deep) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);background-position:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 65%,#000,#0000 80%);mask-image:radial-gradient(70% 65%,#000,#0000 80%)}.solwin svg{flex:none}.solwin-head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.solwin-step{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-deep);align-items:center;gap:10px;margin:0;font-weight:500;display:inline-flex}.solwin-step .point{background:var(--sand);transition:background-color var(--duration-ui)}.solwin-body{place-items:center;min-width:0;min-height:0;display:grid}.solwin-verdict{padding-top:var(--space-4);border-top:1px solid var(--rule-on-deep);color:var(--text-on-deep);align-items:flex-start;gap:12px;margin:0;font-size:16px;line-height:1.45;display:flex}.solwin-verdict-icon{background:var(--sand);width:30px;height:30px;color:var(--navy);border-radius:50%;flex:none;place-items:center;margin-top:-3px;display:grid}.solwin-replay{border:1px solid var(--rule-on-deep-strong);border-radius:var(--radius-pill);min-height:40px;color:var(--off-white);font:500 14px/1 var(--font);cursor:pointer;transition:border-color var(--duration-ui), background-color var(--duration-ui);background:0 0;align-items:center;gap:8px;padding:0 16px 0 13px;display:inline-flex}.solwin-replay:hover{border-color:var(--off-white);background:color-mix(in srgb, var(--off-white) 8%, transparent)}.solwin .sx{--pace:.6}.sx{place-items:center;width:100%;max-width:54em;min-height:31em;margin-inline:auto;font-size:clamp(7px,1.8cqw,13px);line-height:1.35;display:grid;position:relative}.sx b{font-weight:600}.sx small{font-size:.92em}.sx-app{background:var(--sx-paper);color:var(--sx-ink);border-radius:1em;position:relative;overflow:hidden;box-shadow:0 2.4em 4.4em -1.6em #0009,0 0 0 1px #ffffff0d}.sx-bar{border-bottom:1px solid var(--sx-rule);background:var(--sx-paper-2);align-items:center;gap:.9em;height:2.5em;padding:0 .9em;display:flex}.sx-dots{gap:.35em;display:inline-flex}.sx-dots i{background:color-mix(in srgb, var(--navy) 22%, transparent);border-radius:50%;width:.6em;height:.6em}.sx-address{color:var(--sx-muted);background:#fff;border-radius:999px;align-items:center;gap:.4em;padding:.25em .8em;font-size:.95em;display:inline-flex}.sx-card{border:1px solid var(--rule-on-deep);background:color-mix(in srgb, var(--ink) 62%, transparent);border-radius:1.1em}.sx-logo{background:var(--orange);width:1.5em;height:1.5em;box-shadow:inset 0 0 0 .38em var(--sand);border-radius:.4em;display:block}.sx-tag{white-space:nowrap;border-radius:999px;align-items:center;gap:.5em;width:max-content;padding:.5em 1em .5em .75em;font-size:1.1em;font-weight:500;display:inline-flex}.sx-tag-bad{border:1px solid color-mix(in srgb, var(--orange) 75%, transparent);background:var(--sx-bad-soft);color:var(--off-white)}.sx-tag-bad svg{color:var(--orange)}.sx-tag-good{background:var(--sand);color:var(--navy)}.sx-toast{z-index:3;background:var(--sx-paper);max-width:25em;color:var(--sx-ink);border-radius:1em;align-items:center;gap:.9em;padding:.85em 1.2em .85em .85em;display:flex;position:absolute;box-shadow:0 1.6em 3.2em -1em #000000a6}.sx-toast b{font-size:1.12em;display:block}.sx-toast small{color:var(--sx-muted);display:block}.sx-toast-icon{background:var(--orange);width:2.5em;height:2.5em;color:var(--off-white);border-radius:50%;flex:none;place-items:center;display:grid}.sx-chip{border:1px solid color-mix(in srgb, var(--navy) 18%, transparent);white-space:nowrap;border-radius:999px;padding:.3em .85em;font-size:.95em}.sx-msg{border-radius:1.1em;margin:0;padding:.8em 1.1em;font-size:1.15em;line-height:1.4}.sx-msg-in{color:var(--off-white);background:#ffffff17;border-bottom-left-radius:.3em;justify-self:start}.sx-msg-out{background:var(--sand);color:var(--navy);border-bottom-right-radius:.3em;justify-self:end}.sx-sites-solution{grid-template-columns:1fr 25%;align-items:end;gap:1.8em;width:100%;padding:3em 0 2.4em;display:grid;position:relative}.sx-rank{position:absolute;top:0;left:0}.sx-site{gap:1.1em;padding:1.2em;display:grid}.sx-site-nav{align-items:center;gap:1em;display:flex}.sx-site-nav span{background:color-mix(in srgb, var(--navy) 22%, transparent);border-radius:.25em;width:3em;height:.45em}.sx-site-nav span:first-of-type{margin-left:auto}.sx-site-hero{background:var(--navy);border-radius:.8em;justify-items:start;gap:.65em;padding:1.8em 1.5em;display:grid}.sx-h1{background:color-mix(in srgb, var(--off-white) 88%, transparent);transform-origin:0;border-radius:.3em;width:72%;height:1.3em}.sx-h2{background:color-mix(in srgb, var(--mist) 50%, transparent);transform-origin:0;border-radius:.3em;width:52%;height:.75em}.sx-cta{background:var(--orange);color:var(--off-white);white-space:nowrap;border-radius:999px;margin-top:.5em;padding:.6em 1.2em;font-size:1em;font-weight:600}.sx-site-cards{grid-template-columns:repeat(3,1fr);gap:.8em;display:grid}.sx-site-cards span{background:var(--sx-paper-2);border-radius:.6em;height:5.2em}.sx-phone{border-radius:1.8em;box-shadow:0 0 0 .45em #0d1520,0 2.4em 4em -1.4em #000000b3}.sx-site-m{gap:.55em;padding:1.4em .7em 4em}.sx-site-m .sx-site-nav{margin-bottom:.3em}.sx-burger{background:linear-gradient(var(--navy) 0 0) top / 100% 2px no-repeat, linear-gradient(var(--navy) 0 0) center / 100% 2px no-repeat, linear-gradient(var(--navy) 0 0) bottom / 100% 2px no-repeat;width:1.3em;height:.9em;margin-left:auto}.sx-site-m .sx-h1{background:var(--navy);width:90%;height:1em}.sx-site-m .sx-h2{background:color-mix(in srgb, var(--navy) 26%, transparent);width:70%}.sx-site-m .sx-cta{justify-self:start;padding:.5em .9em;font-size:.85em}.sx-mcard{background:var(--sx-paper-2);border-radius:.5em;height:3.4em}.sx-chat{background:var(--orange);width:2.8em;height:2.8em;color:var(--off-white);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.8em;right:.8em}.sx-sites-solution .sx-toast{bottom:0;left:7%}.sx-file{left:var(--x);top:var(--y);background:var(--sx-paper);width:42%;color:var(--sx-ink);transform:rotate(var(--r));border-radius:.8em;grid-template-columns:auto 1fr;align-items:center;gap:.3em .6em;padding:.9em 1em;font-size:1.05em;display:grid;position:absolute;box-shadow:0 1.2em 2.4em -1em #0009}.sx-file svg{color:var(--sx-muted)}.sx-erp-solution{place-items:center;width:100%;padding-bottom:1.6em;display:grid;position:relative}.sx-merging{z-index:2;pointer-events:none;position:absolute;inset:0}.sx-merging .sx-file{opacity:0}.sx-erp{width:100%;max-width:50em}.sx-erp-body{grid-template-columns:10.5em 1fr;min-height:23em;display:grid}.sx-erp-side{background:var(--navy);color:var(--mist);align-content:start;gap:.3em;padding:1.1em .8em;display:grid}.sx-erp-side .sx-logo{margin:0 0 .9em .4em}.sx-erp-side span{border-radius:.5em;padding:.55em .7em;font-size:1.02em}.sx-erp-side .is-on{color:var(--off-white);box-shadow:inset 2px 0 var(--orange);background:#ffffff1a}.sx-erp-main{align-content:start;gap:1em;padding:1.2em 1.4em;display:grid}.sx-erp-title{font-size:1.3em}.sx-table{margin:0;padding:0;list-style:none;display:grid}.sx-table li{border-bottom:1px solid var(--sx-rule);justify-content:space-between;align-items:center;gap:1em;padding:.75em .2em;font-size:1.05em;display:flex}.sx-pill{white-space:nowrap;border-radius:999px;padding:.28em .8em;font-size:.88em;font-style:normal;font-weight:600}.sx-pill-new,.sx-pill-0{background:color-mix(in srgb, var(--mist) 70%, transparent);color:var(--navy)}.sx-pill-1{background:color-mix(in srgb, var(--orange) 18%, transparent);color:var(--orange)}.sx-pill-done,.sx-pill-2{background:var(--sand);color:var(--navy)}.sx-steps{justify-items:end;display:grid}.sx-steps>i{grid-area:1/1}.sx-pill-0,.sx-pill-1{opacity:0}.sx-erp-cards{grid-template-columns:1fr 1fr;gap:.8em;display:grid}.sx-stock,.sx-team{background:var(--sx-paper-2);border-radius:.8em;align-content:start;gap:.4em;padding:.9em 1em;display:grid}.sx-stock small,.sx-team small{color:var(--sx-muted)}.sx-swap{display:grid}.sx-swap b{grid-area:1/1;font-size:2.2em;line-height:1.1}.sx-swap-old{opacity:0}.sx-avatars{display:flex}.sx-avatars i{border:2px solid var(--sx-paper-2);background:var(--navy);width:2.1em;height:2.1em;color:var(--off-white);border-radius:50%;place-items:center;margin-right:-.45em;font-size:.95em;font-style:normal;font-weight:600;display:grid}.sx-avatars i:nth-child(2){background:var(--orange)}.sx-avatars i:nth-child(3){background:var(--slate)}.sx-erp-solution .sx-toast{bottom:0;right:-1%}.sx-dash{width:100%;max-width:52em}.sx-dash-body{gap:1em;padding:1.2em 1.3em 1.3em;display:grid}.sx-dash-head{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.sx-dash-head>b{margin-right:.4em;font-size:1.4em}.sx-live{color:var(--sx-muted);align-items:center;gap:.45em;margin-left:auto;font-size:.95em;display:inline-flex}.sx-live i{background:var(--orange);border-radius:50%;width:.6em;height:.6em}.sx-kpis{grid-template-columns:repeat(3,1fr);gap:.8em;display:grid}.sx-kpi{background:var(--sx-paper-2);border-radius:.8em;gap:.2em;padding:.9em 1em;display:grid}.sx-kpi small{color:var(--sx-muted)}.sx-kpi b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:2em}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.sx-count{--n:var(--to);counter-reset:n var(--n)}.sx-count:after{content:counter(n)}.sx-charts{grid-template-columns:1.6fr 1fr;gap:.8em;display:grid}.sx-chart,.sx-units{background:var(--sx-paper-2);border-radius:.8em;padding:.9em 1em 1em;position:relative}.sx-chart small,.sx-units small{color:var(--sx-muted)}.sx-chart svg{width:100%;height:8.5em;margin-top:.6em;display:block;overflow:visible}.sx-target{fill:none;stroke:var(--slate);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.sx-trend{fill:none;stroke:var(--navy);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1}.sx-area{fill:color-mix(in srgb, var(--navy) 9%, transparent)}.sx-target-label{color:var(--sx-muted);font-size:.85em;font-weight:600;position:absolute;top:3.3em;left:1em}.sx-end{background:var(--orange);width:.95em;height:.95em;box-shadow:0 0 0 .35em color-mix(in srgb, var(--orange) 22%, transparent);border-radius:50%;position:absolute;top:4.7em;right:.5em}.sx-units{grid-template-rows:8.2em auto;grid-template-columns:repeat(4,1fr);gap:.7em .6em;display:grid}.sx-units>span:not(.sx-tag){grid-template-rows:1fr auto;place-items:end center;gap:.3em;height:100%;display:grid}.sx-units>span>i{background:var(--navy);transform-origin:bottom;border-radius:.3em .3em 0 0;width:68%}.sx-units .is-low>i{background:var(--orange)}.sx-units>span small{font-size:.82em}.sx-act{grid-column:1/-1;justify-self:start;padding:.35em .8em .35em .6em;font-size:.9em}.sx-units .sx-act{background:color-mix(in srgb, var(--orange) 14%, transparent);color:var(--orange);border-color:#0000}.sx-shop-solution{grid-template-columns:1fr 1fr;align-items:start;gap:1.4em;width:100%;max-width:50em;display:grid;position:relative}.sx-photo{aspect-ratio:16/10;background:var(--sand);color:var(--navy);place-items:center;display:grid}.sx-product-info{justify-items:start;gap:.55em;padding:1em 1.1em 1.1em;display:grid}.sx-product-info>b{font-size:1.2em}.sx-price{font-size:1.3em;font-weight:700}.sx-sizes{gap:.4em;display:flex}.sx-sizes i{border:1px solid color-mix(in srgb, var(--navy) 20%, transparent);border-radius:.5em;place-items:center;width:2.2em;height:2.2em;font-size:.95em;font-style:normal;font-weight:600;display:grid}.sx-sizes .is-on{border-color:var(--navy);background:var(--navy);color:var(--off-white)}.sx-add{background:var(--navy);width:100%;color:var(--off-white);border-radius:.6em;justify-content:center;align-items:center;gap:.5em;margin-top:.3em;padding:.75em;font-size:1em;font-weight:600;display:flex}.sx-cart{background:var(--sx-paper);width:2.7em;height:2.7em;color:var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute;top:.8em;right:.8em;box-shadow:0 .6em 1.2em -.6em #00000080}.sx-cart i{background:var(--orange);width:1.35em;height:1.35em;color:var(--off-white);border-radius:50%;place-items:center;font-size:.8em;font-style:normal;font-weight:700;display:grid;position:absolute;top:-.25em;right:-.25em}.sx-checkout{gap:.9em;margin-top:2.4em;padding:1.2em;display:grid}.sx-line{border-bottom:1px dashed var(--sx-rule);justify-content:space-between;gap:1em;padding-bottom:.8em;font-size:1.05em;display:flex}.sx-line-total b{font-size:1.4em}.sx-pay{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.sx-paid{background:var(--sand);color:var(--navy);border-radius:999px;align-items:center;gap:.4em;padding:.35em .85em .35em .6em;font-size:.95em;font-weight:600;display:inline-flex}.sx-shop-solution .sx-toast{top:62%;right:-1%}.sx-toast-extra{margin-top:.2em;font-weight:600;color:var(--orange)!important}.sx-flow{grid-column:1/-1;grid-template-columns:repeat(6,1fr);margin:1.2em 0 0;padding:0;list-style:none;display:grid;position:relative}.sx-flow:before{content:"";background:var(--rule-on-deep-strong);height:2px;position:absolute;top:.5em;left:8%;right:8%}.sx-flow li{text-align:center;color:var(--off-white);justify-items:center;gap:.5em;font-size:.95em;display:grid;position:relative}.sx-flow li i{background:var(--orange);width:1em;height:1em;box-shadow:0 0 0 .3em var(--navy);border-radius:50%}@keyframes sx-pop{0%{opacity:0;transform:translateY(.8em)scale(.97)}}@keyframes sx-up{0%{opacity:0;transform:translateY(.7em)}}@keyframes sx-grow{0%{transform:scaleX(0)}}@keyframes sx-rise{0%{transform:scaleY(0)}}@keyframes sx-slide{0%{opacity:0;transform:translate(2.5em)}}@keyframes sx-fade{0%{opacity:0}}@keyframes sx-draw{0%{stroke-dashoffset:1px}}@keyframes sx-hold{0%,to{opacity:1}}@keyframes sx-toast{0%{opacity:0;transform:translateY(1.4em)scale(.94)}60%{opacity:1;transform:translateY(-.2em)scale(1.01)}}@keyframes sx-drop{0%{opacity:0;transform:translateY(-2em) rotate(calc(var(--r,0deg) * -2))}}@keyframes sx-merge{0%{left:var(--x);top:var(--y);opacity:1;transform:rotate(var(--r))}to{opacity:0;top:40%;left:29%;transform:scale(.35)}}@keyframes sx-press{0%,to{transform:none}45%{filter:brightness(.85);transform:scale(.94)}}@keyframes sx-dim{0%{opacity:.3}}@keyframes sx-dot{0%{background:color-mix(in srgb, var(--mist) 35%, transparent);transform:scale(.6)}}@keyframes sx-count{0%{--n:0}}@keyframes sx-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--orange) 55%, transparent)}to{box-shadow:0 0 0 .9em #0000}}.motion .sx .a-pop{animation:sx-pop var(--duration-reveal) var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-up{animation:sx-up var(--duration-reveal) var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-grow{animation:sx-grow var(--duration-reveal) var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-rise{animation:sx-rise var(--duration-scene) var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-slide{animation:sx-slide var(--duration-scene) var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-fade{animation:sx-fade var(--duration-scene) var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-draw{animation:sx-draw 1.4s var(--ease-in-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-toast{animation:sx-toast .7s var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-drop{animation:sx-drop .65s var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-merge{animation:sx-merge .9s var(--ease-in-out) .1s}.motion .sx .a-press{animation:sx-press .42s var(--ease-standard) calc(var(--d,0s) * var(--pace,1))}.motion .sx .a-step{animation:sx-dim .4s var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .a-step i{animation:sx-dot .4s var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .sx-count{animation:sx-count 1.6s var(--ease-out) calc(var(--d,0s) * var(--pace,1)) backwards}.motion .sx .sx-pill-0{animation:sx-hold calc(1s * var(--pace,1)) linear calc(1.3s * var(--pace,1))}.motion .sx .sx-pill-1{animation:sx-hold calc(.9s * var(--pace,1)) linear calc(2.3s * var(--pace,1))}.motion .sx .sx-pill-2{animation:sx-pop .4s var(--ease-out) calc(3.2s * var(--pace,1)) backwards}.motion .sx .sx-swap-old{animation:sx-hold calc(1.6s * var(--pace,1)) linear calc(1.7s * var(--pace,1))}.motion .sx .sx-swap-new{animation:sx-up .45s var(--ease-out) calc(3.3s * var(--pace,1)) backwards}.motion .sx .sx-chat,.motion .sx .sx-end{animation:sx-pop var(--duration-reveal) var(--ease-out) var(--d) backwards, sx-ring 1.6s ease-out calc(var(--d) + .6s) infinite}.motion .sx .sx-live i{animation:1.6s ease-out infinite sx-ring}.motion .solwin-verdict{animation:sx-up var(--duration-reveal) var(--ease-out) .9s backwards}@container (max-width:520px){.solwin-verdict{font-size:15px}.sx{min-height:0;padding-block:.6em;font-size:2.5cqw}.sx-file{width:46%;font-size:.95em}.sx-erp-body{grid-template-columns:1fr}.sx-erp-side{display:none}.sx-charts{grid-template-columns:1fr}.sx-units{grid-template-rows:9em auto}.sx-shop-solution{grid-template-columns:1fr 1fr;gap:1em}.sx-shop-solution .sx-toast{align-items:flex-start;max-width:none;padding:.8em;top:13.5em;left:calc(50% + .5em);right:0}.sx-shop-solution .sx-toast-icon{width:2em;height:2em}.sx-checkout{margin-top:0}.sx-flow li{font-size:.8em}.sx-sites-solution .sx-toast{max-width:none;left:0;right:0}}.solutions-list{grid-column:9/span 4}.solution{padding-block:var(--space-16) var(--space-20);border-top:1px solid var(--rule-on-deep)}.solution:first-child{border-top:0;padding-top:0}.solution article{gap:var(--space-5);display:grid}.solution-head{gap:var(--space-2);display:grid}.solution-number{font-size:var(--text-label);letter-spacing:var(--tracking-label);color:var(--accent);font-weight:500}.solution h3{letter-spacing:var(--tracking-heading);font-size:clamp(34px,3.4vw,54px);line-height:1.02}.solution-summary{font-size:var(--text-lead);color:var(--text-on-deep);line-height:1.5}.solution-figure{margin:0;display:none}.solution-spec{gap:var(--space-6);margin-top:var(--space-2);display:grid}.solution-spec>div{gap:var(--space-2);display:grid}.solution-spec dt{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-deep-muted);font-weight:500}.solution-spec dd{color:var(--text-on-deep)}.solution-spec ol{border-top:1px solid var(--rule-on-deep);display:grid}.solution-spec li{border-bottom:1px solid var(--rule-on-deep);grid-template-columns:2.25rem 1fr;padding:11px 0;font-size:15px;display:grid}.solution-spec li span{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--text-on-deep-muted);padding-top:3px;font-size:11px}.solution .text-link{color:var(--text-on-deep);justify-self:start}@media (min-width:900px){.motion .solution{transition:opacity var(--duration-ui) var(--ease-standard)}.motion .solutions-list:has(.solution[data-active]) .solution:not([data-active]){opacity:.45}}@media (max-width:1100px) and (min-width:900px){.solutions-visual{grid-column:1/span 7}.solutions-list{grid-column:8/span 5}}@media (max-width:899px){.solutions .section-title,.solutions .section-intro{grid-column:1/-1}.solutions-body{margin-top:var(--space-16)}.solutions-visual{display:none}.solutions-list{grid-column:1/-1}.solution-figure{margin-block:var(--space-2);display:block}.solution-figure .solwin{border-radius:var(--radius-m);min-height:0}}.sc-track{height:calc(var(--n) * 90svh + 10svh);margin-top:var(--space-12);position:relative}.sc-stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.sc-slide{--sc-x:max(var(--gutter), calc((100vw - var(--page-max)) / 2 + var(--gutter)));column-gap:clamp(24px,3vw,48px);row-gap:var(--space-5);padding:calc(var(--nav-height) + 20px) var(--sc-x) 112px;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out), visibility 0s linear 0s;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(290px,23vw,350px);align-items:start;display:grid;position:absolute;inset:0}.sc-slide[data-state=after]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease-standard), transform .7s var(--ease-standard), visibility 0s linear .7s;transform:translateY(10vh)scale(.97)}.sc-slide[data-state=before]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease-standard), transform .7s var(--ease-standard), visibility 0s linear .7s;transform:translateY(-8vh)scale(1.03)}.sc-lights{z-index:-2;pointer-events:none;position:absolute;inset:0}.sc-lights i{filter:blur(90px);opacity:.5;border-radius:50%;position:absolute}.sc-lights i:first-child{background:var(--l1);width:46vw;height:46vw;top:6%;left:-6%}.sc-lights i:nth-child(2){background:var(--l2);opacity:.42;width:40vw;height:40vw;bottom:-24%;right:4%}.sc-lights i:nth-child(3){background:var(--l3);opacity:.65;width:26vw;height:26vw;top:18%;left:46%}:root[data-theme=dark] .sc-lights i{opacity:.36}:root[data-theme=dark] .sc-lights i:nth-child(3){opacity:.18}.motion .sc-slide[data-state=active] .sc-lights i:first-child{animation:sc-drift 16s var(--ease-in-out) infinite alternate}.motion .sc-slide[data-state=active] .sc-lights i:nth-child(2){animation:sc-drift 19s var(--ease-in-out) -6s infinite alternate-reverse}.motion .sc-slide[data-state=active] .sc-lights i:nth-child(3){animation:sc-drift 13s var(--ease-in-out) -3s infinite alternate}@keyframes sc-drift{50%{transform:translate(6vw,-4vh)scale(1.08)}to{transform:translate(-3vw,5vh)scale(.94)}}.sc-giant{left:var(--sc-x);z-index:-1;letter-spacing:-.055em;white-space:nowrap;color:color-mix(in srgb, var(--l2) 22%, transparent);pointer-events:none;transition:transform 1.1s var(--ease-out);margin:0;font-size:clamp(120px,16vw,290px);font-weight:600;line-height:.9;position:absolute;top:46%;transform:translateY(-50%)}:root[data-theme=dark] .sc-giant{color:color-mix(in srgb, var(--off-white) 9%, transparent)}.sc-slide[data-state=after] .sc-giant{transform:translate(14vw,-50%)}.sc-slide[data-state=before] .sc-giant{transform:translate(-14vw,-50%)}.sc-glass{-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);background:linear-gradient(140deg,#ffffff94,#ffffff3d);border:1px solid #ffffff9e;position:relative;box-shadow:inset 0 1px #fffc,inset 0 -1px #ffffff2e,0 50px 100px -48px #0c1a3080}.sc-glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff73,#0000 32%);position:absolute;inset:0}:root[data-theme=dark] .sc-glass{background:linear-gradient(140deg,#ffffff1f,#ffffff0a);border-color:#ffffff26;box-shadow:inset 0 1px #ffffff2e,0 50px 100px -48px #000000b3}:root[data-theme=dark] .sc-glass:before{background:linear-gradient(120deg,#ffffff1a,#0000 32%)}.sc-head{column-gap:var(--space-6);row-gap:var(--space-2);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.sc-head>:not(.sc-actions){grid-column:1}.sc-head .sc-actions{grid-area:1/2/span 3;align-self:end;margin-top:0}.sc-count{font-size:var(--text-label);letter-spacing:var(--tracking-label);color:var(--accent);font-weight:500}.sc-count span{color:var(--text-muted)}.sc-head h3{letter-spacing:var(--tracking-heading);color:var(--text-strong);font-size:clamp(30px,2.8vw,48px);line-height:1}.sc-meta{align-items:center;gap:var(--space-2) var(--space-5);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;font-weight:500;display:flex}.sc-status{align-items:center;gap:var(--space-2);color:var(--text-strong);display:inline-flex}.sc-status i{background:var(--accent);border-radius:50%;width:8px;height:8px}.sc-status[data-status=staging] i{box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}.sc-device{min-width:0;height:100%;min-height:0;display:grid}.sc-screen{border-radius:28px;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:8px 10px 10px;display:grid}.sc-bar{align-items:center;gap:12px;height:30px;padding:0 8px;display:flex}.sc-dots{gap:6px;display:inline-flex}.sc-dots i{background:#0c1a302e;border-radius:50%;width:10px;height:10px}:root[data-theme=dark] .sc-dots i{background:#fff3}.sc-title{color:var(--text-muted);font-size:12px;font-weight:500}.sc-view{background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:18px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0c1a3014}.sc-fit{transform-origin:0 0;border-radius:14px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 50px -30px #0c1a3080}.sc-view[data-playing] .mini{pointer-events:none}.sc-ring{z-index:10;opacity:0;pointer-events:none;width:30px;height:30px;transition:transform .7s var(--ease-in-out), opacity var(--duration-ui);position:absolute;top:-15px;left:-15px}.sc-ring img{width:100%;height:100%;transition:transform .2s var(--ease-out);display:block}.sc-ring[data-on]{opacity:1}.sc-ring[data-press] img{transform:scale(.75)}.sc-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.sc-btn{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:46px;color:var(--text-strong);font:500 14px/1 var(--font);cursor:pointer;transition:background-color var(--duration-ui), transform var(--duration-micro) var(--ease-out);background:#ffffff73;border:1px solid #fff9;align-items:center;gap:10px;padding:0 20px 0 16px;display:inline-flex}.sc-btn:hover{background:#ffffffb3}.sc-btn:active{transform:scale(.97)}.sc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sc-btn-main{background:var(--navy);color:var(--off-white);border-color:#0000}.sc-btn-main:hover{background:color-mix(in srgb, var(--navy) 86%, #000)}:root[data-theme=dark] .sc-btn{background:#ffffff14;border-color:#ffffff24}:root[data-theme=dark] .sc-btn:hover{background:#ffffff24}:root[data-theme=dark] .sc-btn-main{background:var(--off-white);color:var(--navy)}.sc-play{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:10px;height:12px}.sc-play[data-icon=stop]{clip-path:none;border-radius:2px;width:10px;height:10px}.sc-caption{z-index:11;border-radius:var(--radius-m);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:max-content;max-width:min(56ch,100% - 28px);color:var(--text-strong);background:#ffffff8c;gap:10px;margin:0;padding:10px 16px;font-size:13px;line-height:1.45;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 30px -18px #0c1a3080}.sc-caption span{color:var(--accent);flex:none;font-weight:600}:root[data-theme=dark] .sc-caption{background:#ffffff14}.sc-phone{align-content:start;gap:var(--space-4);height:100%;max-height:100%;color:var(--text);scrollbar-width:none;border-radius:44px;padding:36px 22px 22px;font-size:14px;line-height:1.45;display:grid;overflow-y:auto}.sc-phone::-webkit-scrollbar{display:none}.sc-notch{background:#0c1a302e;border-radius:4px;width:76px;height:7px;position:absolute;top:13px;left:50%;transform:translate(-50%)}:root[data-theme=dark] .sc-notch{background:#ffffff2e}.sc-summary{color:var(--text-strong);font-size:15px;font-weight:500;line-height:1.45}.sc-brief{gap:var(--space-3);display:grid}.sc-brief div{gap:2px;display:grid}.sc-brief dt,.sc-built p,.sc-happened p{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:600}.sc-brief dd{margin:0}.sc-built{gap:var(--space-2);display:grid}.sc-built ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sc-built li{grid-template-columns:20px 1fr;gap:8px;font-size:13px;display:grid}.sc-built li svg{background:color-mix(in srgb, var(--accent) 16%, transparent);width:20px;height:20px;color:var(--accent);border-radius:50%;padding:3px}.sc-happened{gap:var(--space-2);background:#ffffff73;border-radius:20px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #fff9}:root[data-theme=dark] .sc-happened{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.sc-happened ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sc-happened li{color:var(--text-muted);font-size:12.5px}.sc-happened li[data-latest]{color:var(--text-strong);font-size:14px;font-weight:500}.motion .sc-happened li[data-latest]{animation:xp-built-in var(--duration-reveal) var(--ease-out)}.sc-idle{color:var(--text-muted);font-size:13px}.sc-idle b{color:var(--text-strong);font-weight:600}.sc-nav{left:max(var(--gutter), calc((100vw - var(--page-max)) / 2 + var(--gutter)));right:max(var(--gutter), calc((100vw - var(--page-max)) / 2 + var(--gutter)));z-index:5;align-items:center;gap:var(--space-5);display:flex;position:absolute;bottom:30px}.sc-nav button{min-height:36px;color:var(--text-muted);font:500 13px/1 var(--font);white-space:nowrap;cursor:pointer;transition:color var(--duration-ui);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.sc-nav button i{background:var(--rule-strong);width:8px;height:8px;transition:width var(--duration-ui) var(--ease-out), background-color var(--duration-ui);border-radius:4px}.sc-nav button:hover,.sc-nav button[aria-current]{color:var(--text-strong)}.sc-nav button[aria-current] i{background:var(--accent);width:24px}.sc-progress{background:var(--rule);border-radius:1px;flex:1;min-width:60px;height:2px;overflow:hidden}.sc-progress i{background:var(--accent);transform-origin:0;height:100%;display:block}.sc-next{right:max(var(--gutter), calc((100vw - var(--page-max)) / 2 + var(--gutter)));letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);transition:opacity var(--duration-ui);align-items:center;gap:10px;margin:0;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:78px}.sc-next span{background:currentColor;width:28px;height:1px}.sc-next[data-last]{opacity:0}.sc-dialog{border:1px solid var(--rule);background:var(--surface);width:min(1440px,96vw);max-width:none;max-height:94svh;color:var(--text);border-radius:28px;margin:auto;padding:0;overflow:auto;box-shadow:0 60px 140px -40px #0c1a3099}.sc-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1a3061}.sc-dialog-body{padding:64px clamp(16px,3vw,40px) 40px;position:relative}.sc-dialog .xp{margin-top:0}.sc-close{z-index:6;border:1px solid var(--rule-strong);background:var(--surface);width:44px;height:44px;color:var(--text-strong);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.sc-close:hover{background:var(--surface-sand)}.motion .sc-dialog[open]{animation:sc-open .5s var(--ease-out)}@keyframes sc-open{0%{opacity:0;transform:translateY(24px)scale(.98)}}@media (max-width:1099px){.sc-track{height:auto;margin-top:var(--space-10)}.sc-stage{gap:var(--space-6);height:auto;display:grid;position:static;overflow:visible}.sc-slide{padding:var(--space-10) var(--gutter);grid-template-columns:1fr;position:relative;inset:auto;overflow:hidden}.sc-slide[data-state]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.sc-giant{font-size:22vw;top:120px;transform:none}.sc-slide[data-state] .sc-giant{transform:none}.sc-device,.sc-screen{height:auto}.sc-view{height:auto;aspect-ratio:var(--ar,760 / 476)}.sc-head{grid-template-columns:1fr}.sc-head .sc-actions{margin-top:var(--space-3);grid-area:auto/1}.sc-phone{border-radius:32px;height:auto;max-height:none;overflow:visible}.sc-nav,.sc-next{display:none}}@media (max-width:699px){.sc-screen{border-radius:22px;padding:6px}.sc-actions{width:100%}.sc-btn{flex:auto;justify-content:center}}.projects{padding-block:var(--section-space)}.projects .section-head{column-gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.projects .section-head .label{grid-column:1/-1}.projects .section-title{grid-column:1/span 7}.projects .section-intro{color:var(--text-muted);grid-column:9/span 4;align-self:end}@media (max-width:899px){.projects .section-title,.projects .section-intro{grid-column:1/-1}}.projects-github{align-items:center;gap:var(--space-3);width:fit-content;min-height:44px;margin:var(--space-8) 0 0 calc((100% + var(--column-gap)) * 8 / 12);border:1px solid var(--rule-strong);border-radius:var(--radius-pill);font-size:var(--text-small);color:var(--text-strong);transition:border-color var(--duration-micro) var(--ease-standard), background-color var(--duration-micro) var(--ease-standard);padding:0 20px 0 16px;font-weight:500;display:flex}.projects-github:hover{border-color:var(--text-strong);background:color-mix(in srgb, var(--text-strong) 6%, transparent)}.xp{--pw:760px;--ph:476px;--gap:124px;--step:60px;--room:190px;--chrome:128px;--pose-pitch:46;--pose-yaw:-26;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;column-gap:var(--column-gap);margin-top:var(--space-16);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.xp-tabs{border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.xp-tab{padding:var(--space-4) var(--space-4) var(--space-5) 0;text-align:left;color:var(--text-muted);cursor:pointer;align-content:start;gap:2px;display:grid;position:relative}.xp-tab:before{content:"";top:-1px;left:0;right:var(--space-4);background:var(--accent);transform-origin:0;height:2px;transition:transform var(--duration-reveal) var(--ease-out);position:absolute;transform:scaleX(0)}.xp-tab[aria-selected=true]:before{transform:none}.xp-tab-index{font-size:var(--text-label);letter-spacing:var(--tracking-label);font-weight:500}.xp-tab[aria-selected=true] .xp-tab-index{color:var(--accent)}.xp-tab-name{margin-top:var(--space-2);color:var(--text);transition:color var(--duration-micro) var(--ease-standard);font-size:17px;font-weight:500;line-height:1.25}.xp-tab:hover .xp-tab-name,.xp-tab[aria-selected=true] .xp-tab-name{color:var(--text-strong)}.xp-tab-kind{font-size:13px;line-height:1.35}.xp-stage{margin-top:var(--space-6);grid-column:1/-1;position:relative}.xp-viewport{border:1px solid var(--rule);border-radius:var(--radius-l);background-color:var(--bench);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;background-position:50%;height:clamp(540px,58vw,820px);position:relative;overflow:hidden}.xp-viewport[data-pose=flat],.xp-viewport[data-pose=focus]{cursor:default}.xp-viewport[data-dragging]{cursor:grabbing}.xp-scene{perspective:2600px;perspective-origin:50% 35%;transition:opacity .34s var(--ease-standard), transform .34s var(--ease-standard);position:absolute;inset:0}.motion .xp-scene{animation:xp-scene-in .7s var(--ease-out) both}@keyframes xp-scene-in{0%{opacity:0;transform:translateY(22px)scale(.985)}}.xp-viewport[data-leaving] .xp-scene{opacity:0;transform:translateY(-12px)scale(.98)}.xp-world{width:0;height:0;transform-style:preserve-3d;transform:translate(var(--cx), var(--cy)) scale(var(--fit)) rotateX(var(--pitch)) rotateZ(var(--yaw));transition:transform 1.1s var(--ease-out);position:absolute;top:50%;left:50%}.xp-ground{width:var(--pw);height:var(--ph);background:radial-gradient(closest-side, color-mix(in srgb, var(--navy) 34%, transparent), transparent);filter:blur(30px);opacity:calc(var(--spread) * .85);transition:opacity .9s var(--ease-out), transform .95s var(--ease-out);pointer-events:none;border-radius:40px;position:absolute;top:0;left:0}:root[data-theme=dark] .xp-ground{background:radial-gradient(closest-side,#000000b3,#0000)}.xp-viewport[data-dragging] .xp-world,.xp-viewport:not([data-measured]) :is(.xp-world,.xp-plate,.xp-ground){transition:none}.xp-world-over{pointer-events:none}.xp-player{left:var(--space-4);bottom:var(--space-4);align-items:center;gap:var(--space-4);pointer-events:none;max-width:calc(100% - 200px);display:flex;position:absolute}.xp-player>*{pointer-events:auto}.xp-play{gap:var(--space-3);flex:none}.xp-play-icon{width:10px;height:12px;position:relative}.xp-play-icon[data-icon=play]{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor}.xp-play-icon[data-icon=pause]{border-inline:3.5px solid}.xp-play-icon[data-icon=again]{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px}.xp-hint{color:var(--text-muted);pointer-events:none;margin:0;font-size:12px}@media (pointer:coarse){.xp-hint{display:none}}.xp-caption{border:1px solid var(--rule);border-radius:var(--radius-m);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:0 12px 30px -18px color-mix(in srgb, var(--navy) 40%, transparent);gap:6px;padding:10px 14px;display:grid}.motion .xp-caption p{animation:xp-step .4s var(--ease-out)}.xp-caption p{color:var(--text-strong);font-size:14px;line-height:1.45}.xp-caption p span{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);margin-right:10px;font-size:11px;font-weight:500}.xp-steps{gap:4px;display:flex}.xp-steps li{background:var(--rule-strong);width:22px;height:3px;transition:background-color var(--duration-ui);border-radius:2px}.xp-steps li[data-state=done]{background:var(--text-strong)}.xp-steps li[data-state=now]{background:var(--accent)}.xp-viewport[data-guided]{cursor:default}.xp-recentre{right:var(--space-4);bottom:var(--space-3);position:absolute}.xp-back{left:var(--space-4);top:var(--space-4);gap:var(--space-2);position:absolute}.motion .xp-back{animation:xp-step .4s var(--ease-out) .5s both}.xp-plate{left:calc(var(--pw) / -2);top:calc(var(--ph) / -2);width:var(--pw);height:var(--ph);transform-style:preserve-3d;transform:translate3d(0, calc(var(--y) * 1px), calc(var(--z) * 1px + var(--lift,0px)));transition:transform .95s var(--ease-out) calc(var(--depth) * 80ms), opacity var(--duration-reveal) var(--ease-standard);cursor:pointer;position:absolute}.xp-plate[data-hidden]{opacity:0;pointer-events:none}.xp-face{transition:box-shadow var(--duration-ui) var(--ease-standard);border-radius:14px;position:absolute;inset:0;overflow:hidden}.xp-plate[data-layer=interface] .xp-face:after{content:"";z-index:5;border-radius:inherit;background:radial-gradient(520px circle at var(--gx,20%) var(--gy,-10%), #ffffff47, transparent 55%), linear-gradient(180deg, #ffffff1f, transparent 18%);mix-blend-mode:soft-light;pointer-events:none;opacity:.55;transition:opacity var(--duration-reveal);position:absolute;inset:0}.xp-viewport:hover .xp-plate[data-layer=interface] .xp-face:after{opacity:1}:root[data-theme=dark] .xp-plate[data-layer=interface] .xp-face:after{background:radial-gradient(520px circle at var(--gx,20%) var(--gy,-10%), #ffffff1f, transparent 55%);mix-blend-mode:screen}.xp-plate[data-layer=interface] .xp-face{box-shadow:0 1px 0 color-mix(in srgb, var(--navy) 10%, transparent), 0 40px 80px -36px color-mix(in srgb, var(--navy) 60%, transparent)}.xp-plate:not([data-layer=interface]) .xp-face{background-color:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:inset 0 0 0 1px var(--rule-strong), 0 30px 60px -40px color-mix(in srgb, var(--navy) 45%, transparent)}.xp-plate[data-layer=services] .xp-face{background-color:var(--navy);box-shadow:inset 0 0 0 1px var(--rule-on-deep-strong), 0 30px 60px -36px color-mix(in srgb, var(--navy) 80%, transparent)}:root[data-theme=dark] .xp-plate[data-layer=services] .xp-face{box-shadow:inset 0 0 0 1px var(--rule-on-deep-strong), 0 30px 60px -30px #000000b3}.xp-plate[data-layer=data] .xp-face{background-color:color-mix(in srgb, var(--surface) 80%, var(--sand))}.xp-plate[data-layer=infra] .xp-face{background-color:color-mix(in srgb, var(--surface) 84%, var(--mist))}.xp-viewport[data-pose=exploded] .xp-plate[data-selected] .xp-face{box-shadow:inset 0 0 0 2px var(--accent), 0 30px 60px -36px color-mix(in srgb, var(--accent) 40%, transparent)}.xp-plate[data-layer=services]:before{background:color-mix(in srgb, var(--navy) 80%, var(--ink))}.xp-plate:before{content:"";background:color-mix(in srgb, var(--rule-strong) 80%, var(--surface));transform-origin:50% 100%;height:6px;opacity:var(--spread);transition:opacity var(--duration-ui);border-radius:0 0 3px 3px;position:absolute;bottom:0;left:14px;right:14px;transform:rotateX(90deg)}.xp-plate[data-layer=interface]:before{background:color-mix(in srgb, var(--navy) 40%, var(--surface))}.xp-tag{border:1px solid var(--rule-strong);background:var(--surface);font-size:calc(12px / max(var(--fit), .6));letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--text-strong);transform-origin:100%;transform:rotateZ(calc(var(--yaw) * -1)) rotateX(calc(var(--pitch) * -1));transition:transform 1.1s var(--ease-out), opacity var(--duration-reveal) var(--ease-standard), background-color var(--duration-micro), color var(--duration-micro);opacity:var(--spread);cursor:pointer;border-radius:1.2em;justify-items:start;gap:.35em;padding:.6em 1.1em .65em;font-weight:500;line-height:1;display:grid;position:absolute;top:22px;right:calc(100% + 30px)}.xp-tag-name{gap:.6em;display:flex}.xp-tag-name span{color:var(--accent)}.xp-tag-tech{letter-spacing:0;text-transform:none;color:var(--text-muted);font-size:.86em;font-weight:400}.xp-tag[data-selected] .xp-tag-tech,.xp-plate[data-hover] .xp-tag-tech{color:color-mix(in srgb, var(--surface) 75%, transparent)}.xp-tag:after{content:"";background:var(--rule-strong);width:30px;height:1px;position:absolute;top:50%;left:100%}.xp-tag[data-selected],.xp-plate[data-hover] .xp-tag{border-color:var(--text-strong);background:var(--text-strong);color:var(--surface)}.xp-tag[data-selected] .xp-tag-name span,.xp-plate[data-hover] .xp-tag-name span{color:var(--sand)}.xp-viewport[data-dragging] .xp-tag{transition:opacity var(--duration-reveal)}.xp-viewport[data-pose=exploded]:not([data-dragging]) .xp-tag{transition:transform 1.1s var(--ease-out), opacity var(--duration-reveal) var(--ease-standard) .75s, background-color var(--duration-micro), color var(--duration-micro)}.xp-viewport:not([data-pose=exploded]) .xp-tag{pointer-events:none}.xp-guide{border-top:1px dashed var(--rule-strong);transform-origin:0 0;height:0;opacity:var(--spread);transition:opacity var(--duration-reveal) var(--ease-standard) .5s;pointer-events:none;position:absolute;top:0;left:0}.xp-rays,.xp-flow{transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;left:0}.xp-ray{transform-origin:0;background:var(--accent);height:2px;position:absolute;top:-1px;left:0}.xp-pulse{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 3px var(--off-white), 0 6px 14px -4px color-mix(in srgb, var(--navy) 60%, transparent);border-radius:50%;position:absolute;top:-8px;left:-8px}.xp-ring-at{width:0;height:0;position:absolute;top:0;left:0}.xp-ring{border:1.5px solid var(--accent);border-radius:50%;width:32px;height:32px;position:absolute;top:-16px;left:-16px}.xp-xray{opacity:1}.xp-link{border-top:2px dashed var(--accent);transform-origin:0;height:0;position:absolute;top:-1px;left:0}.xp-viewport[data-xray] .xp-stack .xp-node:not(.is-related){opacity:.4}.xp-node.is-related{border-color:var(--accent)}.xp-stack[data-kind=services] .xp-node.is-related .xp-led{background:var(--accent)}.mini .is-related{outline:2px solid var(--accent);outline-offset:2px}.xp-row-new{background:color-mix(in srgb, var(--accent) 14%, var(--surface));animation:xp-row .52s var(--ease-out) both;border-radius:4px;margin:0 -6px 3px;padding:1px 6px}.xp-row-new:before{content:"+";font:600 10.5px/1.55 var(--mono);color:var(--accent)}.xp-row-new[data-op=UPDATE]:before{content:"~"}.xp-row-new[data-op=SELECT]:before{content:"↓"}.xp-cols .xp-row-new code{color:var(--text-strong);font-weight:600}@keyframes xp-row{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.xp-guide-ring{z-index:6;opacity:0;pointer-events:none;width:40px;height:40px;transition:transform .8s var(--ease-in-out), opacity var(--duration-ui) var(--ease-standard);filter:drop-shadow(0 6px 10px color-mix(in srgb, var(--navy) 45%, transparent));position:absolute;top:-20px;left:-20px}.xp-guide-ring[data-on]{opacity:1}.xp-guide-ring img{width:40px;height:40px;display:block}.xp-guide-ring:after{content:"";border:1.5px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:-6px}.xp-guide-ring.is-press img{animation:xp-press .42s var(--ease-out)}.xp-guide-ring.is-press:after{animation:xp-tap .7s var(--ease-out)}@keyframes xp-press{40%{transform:scale(.78)}}@keyframes xp-tap{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.xp-reply{background:var(--sand);width:14px;height:14px;box-shadow:0 0 0 3px var(--navy);top:-7px;left:-7px}:root[data-theme=dark] .xp-reply{box-shadow:0 0 0 3px var(--off-white)}.xp-stack{align-content:end;padding:22px 24px;display:grid;position:absolute;inset:0}.xp-nodes{grid-template-columns:repeat(min(5, var(--count)), minmax(0, 1fr));gap:10px;display:grid;position:relative}.xp-node{z-index:1;border:1px solid var(--rule-strong);background:var(--surface);cursor:pointer;min-width:0;transition:border-color var(--duration-ui), background-color var(--duration-ui), box-shadow var(--duration-ui), transform var(--duration-ui) var(--ease-out);border-radius:9px;align-content:start;gap:6px;padding:10px 12px;display:grid;position:relative}.xp-node:hover{border-color:var(--text-strong)}.xp-node[data-selected]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.xp-node-head{align-items:center;gap:7px;min-width:0;display:flex}.xp-node code{min-width:0;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:12.5px;overflow:hidden}.xp-node-head code{font-weight:600}.xp-node small{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:10.5px;display:block;overflow:hidden}.xp-node small code{color:inherit;font-size:10.5px;font-weight:400}.xp-node-more{cursor:default;background:0 0;border-style:dashed;place-content:center}.xp-node-more:hover{border-color:var(--rule-strong)}.xp-node-more code{color:var(--text-muted)}.xp-node[data-badge].is-hit:after{content:attr(data-badge);border-radius:var(--radius-pill);background:var(--accent);font:600 9.5px/1.4 var(--mono);letter-spacing:.04em;color:#fff;animation:xp-badge .36s var(--ease-out) both;padding:2px 7px;position:absolute;top:-10px;right:8px}@keyframes xp-badge{0%{opacity:0;transform:translateY(5px)scale(.8)}}.xp-node.is-hit{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 12px 24px -14px color-mix(in srgb, var(--navy) 60%, transparent)}.xp-stack[data-kind=services]{background-image:linear-gradient(var(--grid-line-on-deep) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-on-deep) 1px, transparent 1px);background-size:24px 24px}.xp-stack[data-kind=services] .xp-node{border-color:var(--rule-on-deep-strong);background:color-mix(in srgb, var(--off-white) 5%, transparent)}.xp-stack[data-kind=services] .xp-node:hover{border-color:var(--mist)}.xp-stack[data-kind=services] .xp-node code{color:var(--off-white)}.xp-stack[data-kind=services] .xp-node small{color:var(--mist)}.xp-stack[data-kind=services] .xp-node-more{background:0 0}.xp-stack[data-kind=services] .xp-node-more code{color:var(--mist)}.xp-stack[data-kind=services] .xp-node.is-hit{background:color-mix(in srgb, var(--accent) 20%, transparent)}.xp-led{width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--rule-on-deep-strong);border-radius:50%;flex:none}[data-reached] .xp-led{background:var(--sand);box-shadow:none}.is-hit .xp-led{background:var(--accent)}.xp-stack[data-kind=data]{background-image:linear-gradient(color-mix(in srgb, var(--navy) 7%, transparent) 1px, transparent 1px);background-size:100% 22px}.xp-stack[data-kind=data] .xp-node{border-radius:8px;gap:0;padding:0;overflow:hidden}.xp-stack[data-kind=data] .xp-node[data-badge].is-hit{overflow:visible}.xp-stack[data-kind=data] .xp-node-head{border-bottom:1px solid var(--rule-strong);background:color-mix(in srgb, var(--navy) 6%, var(--surface));border-radius:8px 8px 0 0;justify-content:space-between;padding:7px 10px}.xp-stack[data-kind=data] .xp-node-head code,.xp-stack[data-kind=infra] .xp-node-head code{white-space:normal;line-height:1.25}.xp-stack[data-kind=data] .xp-node-head code{font-size:11.5px}.xp-stack[data-kind=data] .xp-node-head{align-items:flex-start}.xp-node-head em{background:var(--surface);font:500 9.5px/1.6 var(--mono);color:var(--text-muted);border-radius:4px;flex:none;padding:0 5px;font-style:normal}.xp-cols{padding:5px 10px 7px;display:grid}.xp-cols span{align-items:center;gap:4px;min-width:0;line-height:1.55;display:flex}.xp-cols code{color:var(--text-muted);font-size:10.5px;font-weight:400}.xp-cols [data-fk] code{color:var(--text-strong)}.xp-cols i{color:var(--accent);font-size:10px;font-style:normal}.xp-stack[data-kind=data] .xp-node.is-hit .xp-node-head{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.xp-erd{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.xp-erd path{fill:none;stroke:color-mix(in srgb, var(--accent) 55%, transparent);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:4 3}.xp-stack[data-kind=infra] .xp-nodes{align-items:center}.xp-bus{background:repeating-linear-gradient(90deg, var(--rule-strong) 0 10px, transparent 10px 16px);height:2px;position:absolute;bottom:56px;left:24px;right:24px}.xp-stack[data-kind=infra] .xp-node{border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 10px}.xp-glyph{background:var(--navy);width:32px;height:32px;font:700 11px/1 var(--font);letter-spacing:.02em;color:var(--off-white);border-radius:50%;grid-row:span 2;place-items:center;display:grid}:root[data-theme=dark] .xp-glyph{background:var(--sand);color:var(--ink)}.xp-stack[data-kind=infra] .xp-node.is-hit .xp-glyph{background:var(--accent);color:#fff}.mini .xp-cue{animation:xp-cue 1.9s var(--ease-out) infinite}@keyframes xp-cue{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent)}70%,to{box-shadow:0 0 0 12px #0000}}.xp-panel[data-leaving]{opacity:.35;transition:opacity .3s}.xp-panel{column-gap:var(--column-gap);row-gap:var(--space-6);margin-top:var(--space-10);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.xp-panel-main,.xp-panel-side{align-content:start;gap:var(--space-6);display:grid}.xp-panel-main{top:calc(var(--nav-height) + var(--space-6));grid-column:1/span 5;position:sticky}.xp-panel-side{grid-column:7/span 6}.xp-head h3{margin-top:var(--space-3);font-size:var(--text-h3);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);color:var(--text-strong)}.xp-summary{margin-top:var(--space-3);color:var(--text);font-size:15px}.xp-facts{border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.xp-facts div{background:var(--surface);flex-direction:column;padding:12px 14px;display:flex}.xp-facts dd{letter-spacing:-.02em;color:var(--text-strong);order:-1;margin:0;font-size:28px;font-weight:500;line-height:1.1}.xp-facts dt{color:var(--text-muted);font-size:12px}.xp-try{border-left:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);color:var(--text-strong);padding:12px 14px;font-size:14px}.xp-try b{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.xp-layers{border-top:1px solid var(--rule)}.xp-layers>li{border-bottom:1px solid var(--rule)}.xp-layer{text-align:left;cursor:pointer;grid-template-columns:28px 1fr;width:100%;padding:13px 0;display:grid}.xp-layer-index{color:var(--accent);grid-row:span 2;padding-top:3px;font-size:12px;font-weight:500}.xp-layer-name{color:var(--text);transition:color var(--duration-micro);font-size:16px;font-weight:500}.xp-layer-tech{color:var(--text-muted);font-size:13px}.xp-layer:hover .xp-layer-name,[data-open]>.xp-layer .xp-layer-name{color:var(--text-strong)}.xp-layer-body{padding:0 0 var(--space-4) 28px;color:var(--text);font-size:14px}.xp-layer-body dl{margin-top:var(--space-4);gap:10px;display:grid}.xp-node-hint{margin-top:var(--space-3);color:var(--text-muted);font-size:13px}.xp-node-card{margin-top:var(--space-4);border:1px solid var(--rule-strong);border-left:2px solid var(--accent);border-radius:var(--radius-s);background:var(--bench);padding:12px 14px}.motion .xp-node-card{animation:xp-open var(--duration-ui) var(--ease-out)}.xp-node-card-name{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.xp-node-card-name code{font-family:var(--mono);color:var(--text-strong);font-size:14px;font-weight:600}.xp-node-card-name span{color:var(--text-muted);font-size:12px}.xp-node-card-meta code{font-family:var(--mono);color:var(--accent);font-size:12.5px}.xp-node-card-cols{font-family:var(--mono);color:var(--text-muted);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 14px;margin-top:8px;font-size:12px;display:grid}.xp-node-card-cols code{font-family:var(--mono);color:var(--text-strong)}.xp-node-card-cols span{color:var(--accent)}.xp-layer-body dt{color:var(--text-strong);font-size:13px;font-weight:600}.xp-layer-body dt span{color:var(--text-muted);margin-left:6px;font-weight:400}.xp-layer-body dd{color:var(--text-muted);margin:2px 0 0;font-size:13px}.motion .xp-layer-body:not([hidden]){animation:xp-open var(--duration-ui) var(--ease-out)}@keyframes xp-open{0%{opacity:0;transform:translateY(-4px)}}.xp-trace{border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--bench);padding:14px 16px}.xp-trace-title{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.xp-trace-idle{margin-top:var(--space-2);color:var(--text-muted);font-size:13px}.xp-trace ol{margin-top:var(--space-2);display:grid}.xp-trace .xp-inspect li{gap:var(--space-3);grid-template-columns:92px minmax(0,1fr);display:grid}.xp-inspect-label{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.xp-inspect-value{min-width:0;color:var(--text-strong);flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.xp-inspect-value small{color:var(--text-muted);font-size:12px}.xp-code{border-radius:var(--radius-s);background:var(--surface);white-space:pre-wrap;flex-basis:100%;margin-top:4px;padding:7px 9px;font-size:11.5px;line-height:1.5;display:block}.xp-trace li{justify-content:space-between;gap:var(--space-3);border-top:1px dashed var(--rule);color:var(--text-muted);padding:7px 0;font-size:12.5px;display:flex}.xp-trace li:first-child{border-top:0}.xp-trace code{font-family:var(--mono);color:var(--text-strong);overflow-wrap:anywhere}.xp-trace b{font-family:var(--mono);color:var(--accent);font-size:11.5px;font-weight:600}.xp-trace li[data-layer=response] b{color:var(--text-strong)}.motion .xp-trace li:nth-child(4){animation-delay:.9s}.motion .xp-trace li:nth-child(5){animation-delay:1.3s}.motion .xp-trace li{animation:xp-step .36s var(--ease-out) both}.motion .xp-trace li:nth-child(2){animation-delay:.26s}.motion .xp-trace li:nth-child(3){animation-delay:.52s}@keyframes xp-step{0%{opacity:0;transform:translate(-6px)}}.xp-download{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.xp-download .button{gap:var(--space-3)}.xp-download-icon{width:16px;height:16px}.xp-download p{color:var(--text-muted);font-size:13px}.xp-download .text-link{min-height:0;color:var(--text-strong)}.xp-disclaimer{gap:var(--space-2);max-width:60ch;padding:var(--space-3) 0 0 var(--space-4);border-left:1px solid var(--rule-strong);color:var(--text-muted);flex-basis:100%;font-size:13px;line-height:1.5;display:grid}.xp-disclaimer-label{align-items:center;gap:var(--space-2);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-strong);font-weight:500;display:flex}.xp-disclaimer-label>span{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:50%}.xp-foot{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.xp-history,.xp-private{color:var(--text-muted);font-size:13px}.xp-said{top:var(--space-4);left:var(--space-4);z-index:5;border-radius:var(--radius-m);background:var(--navy);max-width:min(440px,100% - 220px);color:var(--off-white);pointer-events:none;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;font-size:14px;line-height:1.45;display:flex;position:absolute;box-shadow:0 18px 40px -18px #0c1a3099}.xp-said .point{margin-top:6px}.motion .xp-said{animation:xp-said 5s var(--ease-out) both}@keyframes xp-said{0%{opacity:0;transform:translateY(-8px)}8%,85%{opacity:1;transform:none}to{opacity:0}}:root[data-theme=dark] .xp-said{background:var(--off-white);color:var(--navy)}.xp-brief{gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--rule);display:grid}.xp-brief div{gap:var(--space-1);display:grid}.xp-brief dt,.xp-built-title,.xp-happened-title{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}.xp-brief dd{color:var(--text-strong);margin:0;font-size:17px;line-height:1.5}.xp-built{gap:var(--space-3);display:grid}.xp-built ul{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none;display:grid}.xp-built li{align-items:start;gap:var(--space-3);border-bottom:1px solid var(--rule);color:var(--text);grid-template-columns:26px 1fr;padding:12px 0;font-size:16px;line-height:1.45;display:grid}.xp-built li svg{background:color-mix(in srgb, var(--accent) 12%, transparent);width:26px;height:26px;color:var(--accent);border-radius:50%;padding:5px;display:grid}.motion .xp-built li{animation:xp-built-in var(--duration-reveal) var(--ease-out) backwards}.motion .xp-built li:nth-child(2){animation-delay:80ms}.motion .xp-built li:nth-child(3){animation-delay:.16s}.motion .xp-built li:nth-child(4){animation-delay:.24s}@keyframes xp-built-in{0%{opacity:0;transform:translateY(8px)}}.xp-happened{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--rule);border-radius:var(--radius-m);background:color-mix(in srgb, var(--surface-sand) 55%, transparent);display:grid}.xp-happened ol{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.xp-happened li{color:var(--text-muted);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.xp-happened li:before{content:"";background:var(--rule-strong);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:2px}.xp-happened li[data-latest]{color:var(--text-strong);font-size:16px;font-weight:500}.xp-happened li[data-latest]:before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.motion .xp-happened li[data-latest]{animation:xp-built-in var(--duration-reveal) var(--ease-out)}.xp-happened-idle{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}@media (max-width:699px){.xp-said{top:var(--space-3);left:var(--space-3);right:var(--space-3);max-width:none}}.xp-note{margin-top:var(--space-12);padding-top:var(--space-4);border-top:1px solid var(--rule);color:var(--text-muted);font-size:13px}.project-meta{align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;font-weight:500;display:flex}.project-status{align-items:center;gap:var(--space-2);color:var(--text-strong);display:inline-flex}.project-status>span{background:var(--accent);border-radius:50%;width:8px;height:8px}.project-status[data-status=staging]>span{box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}@media (max-width:1099px){.projects-github{margin-left:0}.xp-panel-main{grid-column:1/span 6;position:static}.xp-panel-side{grid-column:7/span 6}.xp-tabs{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);display:flex;overflow-x:auto}.xp-tabs::-webkit-scrollbar{display:none}.xp-tab{scroll-snap-align:start;flex:none;min-width:180px}}@media (max-width:699px){.xp{--pw:380px;--ph:600px;--gap:100px;--step:56px;--room:0px;--chrome:72px;--pose-pitch:50;--pose-yaw:-18}.xp-nodes>.xp-node:nth-last-child(n+7),.xp-bus{display:none}.xp-viewport{border-radius:var(--radius-m);height:min(150vw,700px)}.xp-tag{display:none}.xp-player{max-width:none;margin-top:var(--space-4);flex-wrap:wrap;position:static}.xp-caption{flex-basis:100%}.xp-inspect li{grid-template-columns:1fr;gap:2px}.xp-panel{grid-template-columns:minmax(0,1fr)}.xp-panel-main,.xp-panel-side{grid-column:1;position:static}.xp-stack{padding:18px}.xp-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.xp-node{padding:8px 9px}.xp-cols span:nth-child(n+3){display:none}.xp-stack[data-kind=infra] .xp-node{grid-template-columns:1fr;justify-items:start}.xp-glyph{grid-row:auto;width:26px;height:26px}.xp-node code{font-size:12px}.xp-hint{display:none}}@media (prefers-reduced-motion:reduce){.xp-world,.xp-plate,.xp-tag,.xp-guide{transition:none}}.mini{text-align:left;cursor:default;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.mini :where(button,input){font:inherit}.mini button{cursor:pointer}.mini h4{margin:0}.mini ul,.mini ol{margin:0;padding:0;list-style:none}.mini [data-no-orbit]{touch-action:auto}@keyframes mini-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.mini-mkt{--g:#f8f6f0;--s:#fff;--s2:#f1eee6;--b:#e4ded2;--ink:#18212c;--mu:#4a5866;--fa:#5f6f80;--brand:#183255;--acc:#c16042;--lane:#efebe2;--good:#1e874f;--on-good:#fff;background:var(--g);color:var(--ink);font-family:var(--font);grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;padding:14px 18px 16px;display:grid}:root[data-theme=dark] .mini-mkt{--g:#0f141a;--s:#18202a;--s2:#1f2935;--b:#2c3846;--ink:#f1f3f5;--mu:#b3bcc6;--fa:#8c98a5;--brand:#2b5288;--acc:#d9805f;--lane:#121820;--good:#7cc4a0;--on-good:#0f141a}.mkt-bar{align-items:center;gap:10px;display:flex}.mkt-logo b{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:grid}.mkt-nav{border:1px solid var(--b);background:var(--s);border-radius:12px;gap:2px;padding:3px;font-size:11px;font-weight:500;display:flex;box-shadow:0 8px 18px -12px #18325559}.mkt-nav span{color:var(--mu);border-radius:9px;padding:5px 10px}.mkt-nav [aria-current]{background:var(--brand);color:#fff;box-shadow:0 4px 10px -4px var(--brand)}.mkt-clock{background:var(--s2);border-radius:9px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:600}.mkt-user{background:var(--s2);border-radius:10px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:11px;font-weight:600;display:flex}.mkt-user i{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-style:normal;display:grid}.mkt-head{align-items:center;gap:10px;display:flex}.mkt-avatar{color:#fff;width:34px;height:34px;box-shadow:0 0 0 3px var(--g), 0 0 0 5px color-mix(in srgb, var(--brand) 60%, transparent);background:#b85a1e;border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.mkt-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--fa);font-size:9px;font-weight:600}.mkt-head h4{letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.1}.mkt-reset{border:1px solid var(--b);background:var(--s);color:var(--ink);border-radius:9px;margin-left:auto;padding:6px 12px;font-size:11px;font-weight:600}.mkt-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mkt-kpis div{border:1px solid var(--b);background:var(--s);border-radius:12px;padding:8px 11px}.mkt-kpis dt{letter-spacing:.12em;text-transform:uppercase;color:var(--fa);font-size:8.5px;font-weight:600}.mkt-kpis dd{letter-spacing:-.02em;margin:2px 0 0;font-size:21px;font-weight:600}.mkt-kpis [data-step="3"] dd{color:var(--acc)}.mkt-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;display:grid}.mkt-col{background:var(--lane);border-radius:12px;grid-template-rows:auto 1fr;gap:6px;min-height:0;padding:8px;display:grid;overflow:hidden}.mkt-col-name{letter-spacing:.08em;text-transform:uppercase;color:var(--mu);justify-content:space-between;align-items:center;font-size:9.5px;font-weight:600;display:flex}.mkt-col-name span{background:var(--s);text-align:center;min-width:18px;color:var(--ink);border-radius:6px;padding:1px 6px}.mkt-col ul{align-content:start;gap:6px;display:grid}.mkt-card{border:1px solid var(--b);background:var(--s);animation:mini-in .42s var(--ease-out);border-radius:10px;padding:8px 9px;box-shadow:0 1px 2px #18212c0d}.mkt-card-title{font-size:11px;font-weight:600;line-height:1.3}.mkt-card-meta{color:var(--fa);align-items:center;gap:4px;margin-top:6px;font-size:9.5px;display:flex}.mkt-card-meta i{color:#fff;border-radius:5px;place-items:center;width:15px;height:15px;font-size:8.5px;font-style:normal;font-weight:700;display:grid}.mkt-card-meta [data-net=ig]{background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#8134af)}.mkt-card-meta [data-net=fb]{background:#1877f2}.mkt-card-meta [data-net=in]{background:#0a66c2}.mkt-card-meta [data-net=tt]{background:#111}.mkt-when{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--ink);border-radius:6px;margin-left:auto;padding:1px 6px;font-weight:600}.mkt-act{background:var(--brand);color:#fff;width:100%;transition:filter var(--duration-micro);border-radius:8px;margin-top:7px;padding:5px 8px;font-size:10px;font-weight:600}.mkt-col[data-step="1"] .mkt-act{background:var(--good);color:var(--on-good)}.mkt-col[data-step="2"] .mkt-act{background:var(--acc)}.mkt-act:hover{filter:brightness(1.12)}@container (max-width:480px){.mini-mkt{padding:12px}.mkt-nav span:not([aria-current]),.mkt-clock{display:none}.mkt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-mkt{grid-template-rows:auto auto minmax(0,1fr)}.mkt-kpis{display:none}.mkt-board{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow-y:auto}.mkt-col{overflow:visible}}.mini-wh{--g:#faf7f8;--s:#fff;--s2:#f5eef1;--b:#e8dde1;--ink:#1c1216;--mu:#574049;--fa:#786470;--brand:#672146;--soft:#f7e9ee;--good:#1e874f;--good-soft:#e2f0e6;--danger:#c63a26;--danger-soft:#f8e5df;--warn:#9a5c00;--warn-soft:#fbf1dc;--info:#2f5f9e;--info-soft:#e7eef8;background:var(--g);color:var(--ink);grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;padding:12px 16px 16px;font-family:Segoe UI Variable,system-ui,-apple-system,sans-serif;display:grid}:root[data-theme=dark] .mini-wh{--g:#111013;--s:#201e22;--s2:#27252a;--b:#36333a;--ink:#f2eff1;--mu:#b9b2b7;--fa:#8d868c;--brand:#7a2954;--soft:#2d2027;--good:#7cc4a0;--good-soft:#1b2c24;--danger:#ec8f85;--danger-soft:#36211f;--warn:#e3bb6f;--warn-soft:#3a3220;--info:#9cbbe8;--info-soft:#1f2836}.wh-bar{border:1px solid var(--b);background:var(--s);border-radius:16px;align-items:center;gap:10px;padding:6px 8px;display:flex;box-shadow:0 1px 2px #1e08120f}.wh-logo{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.wh-brand{font-size:12px;font-weight:700;line-height:1;display:grid}.wh-brand small{letter-spacing:.14em;text-transform:uppercase;color:var(--fa);font-size:7.5px;font-weight:600}.wh-nav{color:var(--mu);gap:2px;margin-left:8px;font-size:10.5px;display:flex}.wh-nav span{border-radius:9px;padding:5px 9px}.wh-nav [aria-current]{background:var(--brand);color:#fff}.wh-me{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:auto;font-size:9px;font-weight:700;display:grid}.wh-head{justify-content:space-between;align-items:end;display:flex}.wh-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--fa);font-size:8.5px;font-weight:700}.wh-head h4{letter-spacing:-.02em;font-size:21px;font-weight:700}.wh-new{background:var(--brand);color:#fff;border-radius:10px;padding:7px 12px;font-size:10.5px;font-weight:600}.wh-kpis{border:1px solid var(--b);background:var(--s);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.wh-kpis div{padding:8px 12px}.wh-kpis div+div{border-left:1px solid var(--b)}.wh-kpis dt{color:var(--mu);font-size:9.5px}.wh-kpis dd{margin:1px 0 0;font-size:20px;font-weight:700}.wh-kpis [data-alert] dd{color:var(--danger)}.wh-list{border:1px solid var(--b);background:var(--s);border-radius:14px;align-content:start;display:grid;overflow:hidden}.wh-row{animation:mini-in .36s var(--ease-out);grid-template-columns:minmax(0,1.7fr) auto minmax(0,1fr) 96px;align-items:center;gap:12px;padding:9px 12px;display:grid}.wh-row+.wh-row{border-top:1px solid var(--b)}.wh-title p{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.wh-title small{color:var(--fa);font-size:9.5px}.wh-pill{background:var(--info-soft);white-space:nowrap;color:var(--info);border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:600}.wh-row[data-status=doing] .wh-pill{background:var(--warn-soft);color:var(--warn)}.wh-row[data-status=done] .wh-pill{background:var(--good-soft);color:var(--good)}.wh-sla span{background:var(--s2);border-radius:3px;height:5px;display:block;overflow:hidden}.wh-sla i{background:var(--brand);height:100%;transition:width .6s var(--ease-out);border-radius:3px;display:block}.wh-sla[data-late] i{background:var(--danger)}.wh-row[data-status=done] .wh-sla i{background:var(--good)}.wh-sla small{color:var(--fa);margin-top:3px;font-size:9px;display:block}.wh-sla[data-late] small{color:var(--danger)}.wh-act{border:1px solid var(--b);background:var(--s);color:var(--ink);transition:background-color var(--duration-micro), color var(--duration-micro), border-color var(--duration-micro);border-radius:9px;padding:6px 8px;font-size:10px;font-weight:600}.wh-act:hover{border-color:var(--brand);background:var(--brand);color:#fff}.wh-ok{background:var(--good-soft);width:22px;height:22px;color:var(--good);border-radius:50%;justify-self:center;place-items:center;font-size:11px;display:grid}@container (max-width:480px){.mini-wh{padding:12px}.wh-nav span:not([aria-current]){display:none}.wh-row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.wh-sla{grid-column:1}.wh-list{overscroll-behavior:contain;overflow-y:auto}}.mini-wsn{--g:#fff;--s:#fff;--sunk:#f3f6f9;--line:#e3e9ef;--ink:#0f2236;--mu:#50627a;--navy:#0b3a6b;--navy-deep:#072a4f;--green:#3e9a12;--cta:#2e8b0e;--mint:#f0f7ec;--sky:#eef5fc;background:var(--g);color:var(--ink);grid-template-rows:auto auto auto minmax(0,1fr) auto;font-family:Segoe UI Variable,system-ui,-apple-system,sans-serif;display:grid}:root[data-theme=dark] .mini-wsn{--g:#0b1520;--s:#111f2e;--sunk:#162638;--line:#213549;--ink:#e7eef6;--mu:#9fb1c6;--navy:#0e4a87;--navy-deep:#072a4f;--mint:#15281a;--sky:#13263a}.wsn-top{align-items:center;gap:14px;padding:10px 18px;display:flex}.wsn-logo{grid-template-columns:auto auto;align-items:center;column-gap:6px;line-height:1;display:grid}.wsn-logo i{border:3px solid var(--green);border-right-color:#0000;border-radius:50%;grid-row:span 2;width:24px;height:24px}.wsn-logo b{color:var(--navy);font-size:16px;font-weight:800}:root[data-theme=dark] .wsn-logo b{color:#fff}.wsn-logo small{letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-size:6.5px;font-weight:700}.wsn-search{border:1px solid var(--line);background:var(--sunk);color:var(--mu);border-radius:999px;flex:1;padding:7px 14px;font-size:10.5px}.wsn-cart{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.wsn-cart b{background:var(--cta);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9.5px;display:grid}.wsn-cats{background:var(--navy);color:#fff;gap:16px;padding:8px 18px;font-size:10.5px;font-weight:600;display:flex}.wsn-cats span{opacity:.82}.wsn-cats [aria-current]{opacity:1;box-shadow:0 2px #ffc83d}.wsn-ship{background:var(--sky);color:var(--navy);transition:background-color var(--duration-ui);border-radius:12px;gap:5px;margin:12px 18px 0;padding:9px 12px;font-size:10.5px;font-weight:600;display:grid}:root[data-theme=dark] .wsn-ship{color:var(--ink)}.wsn-ship[data-free]{background:var(--mint);color:var(--cta)}.wsn-ship span{background:color-mix(in srgb, var(--navy) 14%, transparent);border-radius:3px;height:5px;overflow:hidden}.wsn-ship i{background:var(--cta);height:100%;transition:width .5s var(--ease-out);border-radius:3px;display:block}.wsn-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0;padding:12px 18px;display:grid}.wsn-product{border:1px solid var(--line);background:var(--s);border-radius:14px;grid-template-rows:minmax(0,1fr) auto auto auto;gap:4px;min-height:0;padding:8px;display:grid}.wsn-product img{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:100%;min-height:0}.wsn-product p{text-overflow:ellipsis;white-space:nowrap;color:var(--mu);font-size:10px;line-height:1.3;overflow:hidden}.wsn-product strong{color:var(--navy);font-size:14px;font-weight:800}:root[data-theme=dark] .wsn-product strong{color:#8fc0f2}.wsn-add{background:var(--cta);color:#fff;transition:filter var(--duration-micro), transform var(--duration-micro);border-radius:999px;padding:6px;font-size:10px;font-weight:700}.wsn-add:hover{filter:brightness(1.1)}.wsn-add:disabled,.wsn-checkout:disabled{opacity:.45;cursor:default}.wsn-total{border-top:1px solid var(--line);color:var(--mu);justify-content:space-between;align-items:center;padding:10px 18px;font-size:11px;display:flex}.wsn-total b{color:var(--ink);margin-left:4px;font-size:13px}.wsn-checkout{background:var(--navy);color:#fff;border-radius:999px;padding:7px 14px;font-size:10.5px;font-weight:700}@container (max-width:480px){.wsn-search,.wsn-cats span:nth-child(n+4){display:none}.wsn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 14px}.wsn-product{padding:6px}.wsn-product p{display:none}.wsn-top,.wsn-cats{padding-inline:14px}.wsn-ship{margin-inline:14px}.wsn-cats{gap:12px}}.mini-tasks{--bg:#efede8;--surface:#fff;--line:#e2dfd8;--text:#1f1e1b;--muted:#64615a;--accent:#b03a0b;--soft:#f1efea;--field:#f7f6f3;--danger:#b42318;--warning:#8a5a00;--title:#e6e3dc;background:var(--bg);color:var(--text);grid-template-rows:auto minmax(0,1fr);font-family:Segoe UI Variable,system-ui,-apple-system,sans-serif;display:grid}:root[data-theme=dark] .mini-tasks{--bg:#0f0f0f;--surface:#161615;--line:#2b2a28;--text:#ecebe8;--muted:#9a9893;--accent:#ff8552;--soft:#232220;--field:#1b1b1a;--danger:#ff7b72;--warning:#f2c66d;--title:#1a1a19}.tk-title{background:var(--title);align-items:center;gap:8px;height:30px;padding-left:12px;font-size:11px;font-weight:600;display:flex}.tk-icon{background:var(--accent);color:#fff;border-radius:4px;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.tk-window{height:100%;margin-left:auto;display:flex}.tk-window i{width:40px;color:var(--muted);place-items:center;font-size:11px;font-style:normal;display:grid}.tk-body{grid-template-columns:150px minmax(0,1fr);min-height:0;display:grid}.tk-side{border-right:1px solid var(--line);align-content:start;gap:4px;padding:12px 10px;font-size:11px;display:grid}.tk-nav,.tk-projects{gap:2px;display:grid}.tk-nav span,.tk-projects span{color:var(--muted);border-radius:7px;padding:5px 8px}.tk-nav [aria-current]{background:var(--soft);color:var(--text);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.tk-group{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px;padding:0 8px;font-size:9px;font-weight:700}.tk-projects span:before,.tk-card-meta i{content:"";background:#4c9a6a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.tk-projects [data-p=app]:before,.tk-card-meta [data-p=app]{background:#4f86d9}.tk-projects [data-p=home]:before,.tk-card-meta [data-p=home]{background:#b26cc4}.tk-backup{border:1px solid var(--line);color:var(--text);transition:border-color var(--duration-micro);border-radius:7px;justify-self:start;margin-top:14px;padding:5px 8px;font-size:10.5px}.tk-backup:hover{border-color:var(--accent)}.tk-main{grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-height:0;padding:14px 16px;display:grid}.tk-main h4{letter-spacing:-.01em;align-items:baseline;gap:10px;font-size:20px;font-weight:700;display:flex}.tk-main h4 small{color:var(--muted);font-size:10.5px;font-weight:400}.tk-entry{border:1px solid var(--line);background:var(--field);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.tk-entry>span{color:var(--accent)}.tk-entry input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:11.5px}.tk-entry input::placeholder{color:var(--muted)}.tk-entry:focus-within{border-color:var(--accent)}.tk-parse{gap:4px;display:flex}.tk-parse i,.tk-card-meta em{background:var(--soft);color:var(--muted);border-radius:5px;padding:1px 6px;font-size:9.5px;font-style:normal;font-weight:600}.mini-tasks [data-prio="3"]{color:var(--danger)}.mini-tasks [data-prio="2"]{color:var(--warning)}.tk-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;display:grid}.tk-col{grid-template-rows:auto 1fr;gap:6px;min-height:0;display:grid;overflow:hidden}.tk-col-name{color:var(--muted);justify-content:space-between;padding:0 2px;font-size:10.5px;font-weight:700;display:flex}.tk-col ul{align-content:start;gap:6px;display:grid}.tk-card{border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--text);animation:mini-in .36s var(--ease-out);transition:border-color var(--duration-micro);border-radius:10px;grid-template-columns:auto 1fr;gap:4px 8px;padding:8px 10px;display:grid}.tk-card:hover{border-color:var(--accent)}.tk-check{border:1.5px solid var(--muted);border-radius:50%;width:12px;height:12px;margin-top:1px}.tk-card[data-done] .tk-check{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--surface)}.tk-card-title{font-size:11px;font-weight:600;line-height:1.3}.tk-card[data-done] .tk-card-title{color:var(--muted);text-decoration:line-through}.tk-card-meta{flex-wrap:wrap;grid-column:2;align-items:center;gap:4px;display:flex}.tk-toast{border:1px solid var(--line);background:var(--surface);animation:mini-in .3s var(--ease-out);border-radius:10px;padding:8px 12px;font-size:10.5px;font-weight:600;position:absolute;bottom:14px;right:16px;box-shadow:0 10px 30px -10px #00000059}@container (max-width:480px){.tk-body{grid-template-columns:1fr}.tk-side{display:none}.tk-board{grid-template-columns:1fr;grid-auto-rows:auto;overflow:auto}.tk-main h4 small{display:none}}.mini-ch{background:var(--surface);color:var(--text);font-family:var(--font);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:36px 36px;grid-template-rows:auto minmax(0,1fr);padding:16px 26px;display:grid}.ch-bar{align-items:center;gap:10px;display:flex}.ch-logo{width:104px;height:auto}.ch-langs{gap:2px;margin-left:auto;display:flex}.ch-langs button{letter-spacing:.08em;min-width:30px;color:var(--text-strong);opacity:.6;transition:opacity var(--duration-micro), box-shadow var(--duration-micro);border-radius:999px;padding:5px 7px;font-size:10px;font-weight:500}.ch-langs [aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 1px var(--rule-strong)}.ch-theme{width:30px;height:30px;color:var(--text-strong);transition:background-color var(--duration-micro);border-radius:50%;place-items:center;display:grid}.ch-theme:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.ch-theme svg{width:16px;height:16px}.ch-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.ch-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-strong);align-items:center;gap:8px;font-size:9px;font-weight:500;display:flex}.ch-eyebrow i{background:var(--accent);border-radius:50%;width:6px;height:6px}.ch-hero h4{letter-spacing:-.035em;color:var(--text-strong);margin-top:12px;font-size:36px;font-weight:500;line-height:1.02;display:grid}.ch-hero h4 span:last-child{color:var(--text-display-soft)}.ch-lead{max-width:34ch;color:var(--text-muted);margin-top:12px;font-size:11.5px;line-height:1.5}.ch-ctas{gap:8px;margin-top:16px;font-size:10.5px;font-weight:500;display:flex}.ch-ctas span{box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--text-strong);border-radius:999px;padding:8px 14px}.ch-ctas span:first-child{background:var(--navy);box-shadow:none;color:#fff}:root[data-theme=dark] .ch-ctas span:first-child{background:var(--sand);color:var(--ink)}.ch-symbol{aspect-ratio:1;width:150px;filter:drop-shadow(0 18px 22px color-mix(in srgb, var(--navy) 35%, transparent));justify-self:center;transform:perspective(600px)rotateY(-14deg)rotateX(6deg)}.ch-symbol img{width:100%;height:auto;display:block}@container (max-width:480px){.mini-ch{padding:14px 16px}.ch-hero{grid-template-columns:1fr}.ch-hero h4{font-size:30px}.ch-symbol{grid-row:1;width:110px}}.github-link{width:40px;height:40px;transition:background-color var(--duration-micro) var(--ease-standard);border-radius:50%;place-items:center;display:inline-grid}.github-link:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.footer-github{gap:var(--space-2)}.process{padding-block:var(--section-space)}.process .section-head{column-gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.process .section-head .label{grid-column:1/-1}.process .section-title{grid-column:1/span 8}.process .section-intro{grid-column:9/span 4;align-self:end}.journey{margin-top:var(--space-16)}.journey-tabs{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.journey-tab{align-items:baseline;column-gap:var(--space-3);row-gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-m);color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-ui), background-color var(--duration-ui), color var(--duration-ui), transform var(--duration-ui) var(--ease-out);background:0 0;grid-template-columns:auto 1fr;display:grid;position:relative}.journey-tab:hover{border-color:var(--rule-strong);color:var(--text-strong)}.journey-tab[aria-selected=true]{border-color:var(--text-strong);background:var(--surface-sand);color:var(--text-strong)}.journey-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.journey-tab-number{font-size:var(--text-label);letter-spacing:var(--tracking-label);color:var(--accent);font-weight:500}.journey-tab-title{letter-spacing:-.01em;font-size:clamp(18px,1.6vw,24px);font-weight:500}.journey-tab-bar{background:var(--rule);border-radius:2px;grid-column:1/-1;height:3px;position:relative;overflow:hidden}.journey-tab-bar i{border-radius:inherit;background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.journey-tab[data-done] .journey-tab-bar i,.journey-tab[aria-selected=true] .journey-tab-bar i{transform:none}.journey[data-playing] .journey-tab[aria-selected=true] .journey-tab-bar i{animation:linear both journey-fill}@keyframes journey-fill{0%{transform:scaleX(0)}}.journey-body{column-gap:var(--column-gap);margin-top:var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.journey-copy{align-content:center;gap:var(--space-5);grid-column:1/span 4;display:grid}.journey-number{align-items:baseline;gap:var(--space-2);letter-spacing:var(--tracking-display);color:var(--accent);font-size:clamp(56px,6vw,96px);font-weight:500;line-height:.9;display:flex}.journey-number span{letter-spacing:0;color:var(--text-muted);font-size:18px}.journey-copy h3{letter-spacing:var(--tracking-heading);color:var(--text-strong);font-size:clamp(34px,3.2vw,52px);line-height:1.02}.journey-text{max-width:40ch;font-size:var(--text-lead);color:var(--text-muted);line-height:1.5}.journey-outcome{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-left:2px solid var(--orange);border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--outcome-bg);color:var(--text-strong);font-weight:500;display:grid}.journey-outcome span{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.journey-nav{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.journey-arrow{border:1px solid var(--rule-strong);width:48px;height:48px;color:var(--text-strong);cursor:pointer;transition:border-color var(--duration-ui), background-color var(--duration-ui), opacity var(--duration-ui);background:0 0;border-radius:50%;place-items:center;display:grid}.journey-arrow:hover:not(:disabled){border-color:var(--text-strong);background:color-mix(in srgb, var(--text-strong) 6%, transparent)}.journey-arrow:disabled{opacity:.35;cursor:default}.journey-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.journey-dots{margin-left:var(--space-2);gap:6px;display:flex}.journey-dots i{background:var(--rule-strong);width:8px;height:8px;transition:width var(--duration-ui) var(--ease-out), background-color var(--duration-ui);border-radius:50%}.journey-dots i[data-on]{background:var(--accent);border-radius:4px;width:24px}.motion .journey-copy>*{animation:sx-up var(--duration-reveal) var(--ease-out) backwards}.motion .journey-copy>:nth-child(2){animation-delay:60ms}.motion .journey-copy>:nth-child(3){animation-delay:.12s}.motion .journey-copy>:nth-child(4){animation-delay:.18s}.motion .journey-copy>:nth-child(5){animation-delay:.24s}.journey-window{isolation:isolate;border-radius:var(--radius-l);color:var(--off-white);background:radial-gradient(110% 90% at 50% 40%, color-mix(in srgb, var(--navy) 86%, var(--mist) 10%), color-mix(in srgb, var(--navy) 72%, #050b16) 80%);box-shadow:0 1px 0 color-mix(in srgb, var(--mist) 10%, transparent) inset, 0 50px 100px -50px #0c1a3099;--sx-paper:var(--off-white);--sx-paper-2:#efebe2;--sx-ink:var(--navy);--sx-muted:var(--slate);--sx-rule:color-mix(in srgb, var(--navy) 12%, transparent);--sx-dim:color-mix(in srgb, var(--mist) 68%, transparent);--sx-bad-soft:color-mix(in srgb, var(--orange) 22%, #101a28);grid-column:6/-1;padding:clamp(18px,2.4vw,32px);position:relative;overflow:hidden;container-type:inline-size}.journey-window:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid-line-on-deep) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-on-deep) 1px, transparent 1px);background-size:var(--grid-cell) var(--grid-cell);background-position:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000 80%);mask-image:radial-gradient(70% 70%,#000,#0000 80%)}:root[data-theme=dark] .journey-window{box-shadow:0 0 0 1px var(--rule) inset, 0 50px 100px -50px #0009;background:radial-gradient(110% 90% at 50% 40%,#1f2836,#14181d 80%)}.journey-scene{place-items:center;min-height:clamp(420px,38vw,540px);display:grid}.pj{min-height:34em;padding-bottom:4.5em}.pj-toast{width:max-content;max-width:100%;margin-inline:auto;bottom:0;left:0;right:0}.pj-avatar{border-radius:50%;place-items:center;width:2.4em;height:2.4em;font-weight:700;display:grid}.pj-avatar-you{background:var(--sand);color:var(--navy)}.pj-avatar-us{border:2px solid var(--ink);background:var(--off-white);margin-left:-.6em}.pj-avatar-us .sx-logo{width:1.3em;height:1.3em}.pj-app-title{font-size:1.25em}.pj-understand{grid-template-columns:1fr 1fr;align-items:start;gap:1.6em;width:100%;display:grid}.pj-call{gap:.8em;padding:1.2em;display:grid}.pj-call-head{align-items:center;gap:.6em;margin:0;font-size:1em;font-weight:600;display:flex}.pj-live{background:var(--orange);border-radius:50%;width:.6em;height:.6em}.pj-people{display:flex}.pj-call .sx-msg{max-width:100%;font-size:1.05em}.pj-call .sx-msg small{opacity:.7;margin-bottom:.2em;font-size:.78em;font-weight:600;display:block}.pj-board{gap:.9em;display:grid}.pj-board-title{letter-spacing:.08em;text-transform:uppercase;color:var(--sx-dim);margin:0;font-size:.95em;font-weight:500}.pj-notes{flex-wrap:wrap;gap:.7em;display:flex}.pj-note{background:var(--sand);color:var(--navy);transform:rotate(var(--r));padding:.8em .9em;font-size:1em;font-weight:600;line-height:1.25;box-shadow:0 .8em 1.6em -.8em #0009}.pj-note-0{--r:-3deg}.pj-note-1{--r:2deg;background:color-mix(in srgb, var(--sand) 70%, var(--off-white))}.pj-note-2{--r:-1.5deg;background:color-mix(in srgb, var(--orange) 35%, var(--sand))}.pj-doc{padding:1em 1.1em}.pj-doc-head{align-items:center;gap:.5em;margin:0 0 .6em;font-size:1.15em;font-weight:700;display:flex}.pj-doc ul{gap:.5em;margin:0;padding:0;list-style:none;display:grid}.pj-doc li{grid-template-columns:auto auto 1fr;align-items:center;gap:.5em;font-size:.98em;display:grid}.pj-doc li svg{color:var(--orange)}.pj-doc li span{background:var(--sx-paper-2);border-radius:.25em;height:.45em}.pj-plan{width:100%;max-width:50em}.pj-plan-body{grid-template-columns:.9fr 1.1fr;gap:1.6em;padding:1.3em 1.4em 1em;display:grid}.pj-priorities ul{margin:.8em 0 0;padding:0;list-style:none;display:grid}.pj-priorities li{border-bottom:1px solid var(--sx-rule);justify-content:space-between;align-items:center;gap:.8em;padding:.7em 0;font-size:1.05em;display:flex}.pj-priorities i{border-radius:999px;padding:.25em .7em;font-size:.82em;font-style:normal;font-weight:600}.pj-must{background:var(--navy);color:var(--off-white)}.pj-later{background:var(--sx-paper-2);color:var(--sx-muted)}.pj-timeline{align-content:start;gap:.7em;display:grid}.pj-timeline small{color:var(--sx-muted)}.pj-phase{background:var(--sx-paper-2);border-radius:.5em;height:2.2em;position:relative}.pj-phase-bar{top:0;bottom:0;left:calc(var(--from) * 1%);width:calc(var(--span) * 1%);background:var(--navy);color:var(--off-white);white-space:nowrap;transform-origin:0;border-radius:.5em;align-items:center;padding:0 .7em;font-size:.9em;font-weight:600;display:flex;position:absolute;overflow:hidden}.pj-phase:nth-of-type(2) .pj-phase-bar{background:var(--slate)}.pj-phase:nth-of-type(3) .pj-phase-bar{background:var(--orange)}.pj-weeks{color:var(--sx-muted);grid-template-columns:repeat(4,1fr);font-size:.82em;display:grid}.pj-weeks span{border-left:1px solid var(--sx-rule);padding-left:.3em}.pj-why{border-top:1px solid var(--sx-rule);background:color-mix(in srgb, var(--sand) 40%, var(--off-white));align-items:flex-start;gap:.7em;margin:0;padding:1em 1.4em;font-size:1.05em;font-weight:500;display:flex}.pj-why .point{margin-top:.4em}.pj-build{grid-template-rows:auto 1fr;grid-template-columns:1.3fr .7fr;align-items:start;gap:1em 1.6em;width:100%;display:grid}.pj-versions{grid-column:1/-1;gap:.6em;margin:0;padding:0;list-style:none;display:flex}.pj-v{border:1px solid var(--rule-on-deep-strong);color:var(--sx-dim);border-radius:999px;align-items:center;gap:.45em;padding:.35em .9em .35em .6em;font-size:.95em;font-weight:600;display:inline-flex}.pj-v i{background:currentColor;border-radius:50%;width:.55em;height:.55em}.pj-v-2{background:var(--orange);color:var(--off-white);border-color:#0000}.pj-screen{width:100%}.pj-screen-body{min-height:15em;padding:1.1em 1.2em;position:relative}.pj-wires{opacity:0;align-content:start;gap:.8em;display:grid;position:absolute;inset:1.1em 1.2em}.pj-wires span{border:1.5px dashed color-mix(in srgb, var(--navy) 30%, transparent);border-radius:.4em;height:1.6em}.pj-wires span:first-child{width:55%;height:1.2em}.pj-real{gap:.55em;display:grid}.pj-real b{margin-bottom:.2em;font-size:1.25em}.pj-slot{background:var(--sx-paper-2);border-radius:.6em;grid-template-columns:auto 1fr auto;align-items:center;gap:.6em;padding:.65em .8em;font-size:1em;display:grid}.pj-slot i{background:var(--navy);border-radius:50%;width:.7em;height:.7em}.pj-slot:nth-child(3) i{background:var(--orange)}.pj-slot em{color:var(--orange);font-size:.85em;font-style:normal;font-weight:600}.pj-comment{justify-items:start;gap:.8em;padding-top:1em;display:grid}.pj-comment .sx-msg{max-width:100%;font-size:1.02em}.pj-launch{grid-template-columns:1.1fr .9fr;align-items:start;gap:1.6em;width:100%;display:grid}.pj-agenda{padding:1.2em 1.3em}.pj-agenda-head{justify-content:space-between;align-items:center;gap:1em;margin-bottom:.8em;display:flex}.pj-agenda-head b{font-size:1.25em}.pj-onair{background:color-mix(in srgb, var(--orange) 14%, transparent);color:var(--orange);border-radius:999px;align-items:center;gap:.45em;padding:.3em .8em .3em .6em;font-size:.9em;font-weight:700;display:inline-flex}.pj-onair i{background:var(--orange);border-radius:50%;width:.55em;height:.55em}.pj-agenda ul{gap:.5em;margin:0;padding:0;list-style:none;display:grid}.pj-agenda li{border-left:3px solid var(--navy);background:var(--sx-paper-2);border-radius:.3em .6em .6em .3em;align-items:center;gap:.7em;padding:.7em .9em;font-size:1.05em;font-weight:500;display:flex}.pj-agenda li:nth-child(2n){border-left-color:var(--orange)}.pj-agenda li i{opacity:.4;background:currentColor;border-radius:50%;width:.6em;height:.6em}.pj-side{justify-items:start;gap:.7em;display:grid}.pj-support{gap:.6em;width:100%;margin-top:.4em;padding:1em;display:grid}.pj-support .sx-msg{max-width:92%;font-size:1.02em}.motion .pj-v-0{animation:sx-pop .4s var(--ease-out) .1s backwards}.motion .pj-v-1{animation:sx-pop .4s var(--ease-out) 1.1s backwards}.motion .pj-v-2{animation:sx-pop .4s var(--ease-out) 2.2s backwards}.motion .pj-wires{animation:2.2s linear sx-hold}.motion .pj-real{animation:sx-fade .6s var(--ease-out) 2.2s backwards}.motion .pj-slot em{animation:sx-pop .45s var(--ease-out) 3s backwards}.motion .pj-live,.motion .pj-onair i{animation:1.6s ease-out infinite sx-ring}@container (max-width:560px){.pj{min-height:0;font-size:2.45cqw}.pj-understand,.pj-launch,.pj-build,.pj-plan-body{grid-template-columns:1fr}.pj-comment{padding-top:0}}@media (max-width:1099px){.journey-copy{grid-column:1/span 5}.journey-window{grid-column:6/-1}}@media (max-width:899px){.process .section-title,.process .section-intro{grid-column:1/-1}.journey{margin-top:var(--space-10)}.journey-tabs{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.journey-tabs::-webkit-scrollbar{display:none}.journey-tab{scroll-snap-align:start;min-width:168px;padding:var(--space-4);flex:none}.journey-body{row-gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:1fr}.journey-copy,.journey-window{grid-column:1}.journey-window{border-radius:var(--radius-m);order:-1;padding:14px}.journey-scene{min-height:0}.journey-number{font-size:56px}}.closing{padding-top:var(--section-space);background:var(--surface-deep);color:var(--text-on-deep-muted);padding-bottom:clamp(80px,9vw,140px);position:relative}.closing .label{color:var(--text-on-deep-muted)}.closing-grid{column-gap:var(--column-gap);row-gap:var(--space-12);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.closing-intro{gap:var(--space-6);grid-column:1/span 5;display:grid}.closing-title{max-width:15ch;letter-spacing:var(--tracking-heading);color:var(--text-on-deep);font-size:clamp(36px,3.8vw,64px);line-height:1.04}.closing-lead{max-width:40ch;font-size:var(--text-lead);line-height:1.5}.closing-channels{margin-top:var(--space-4);display:grid}.closing-channels-label{margin-bottom:var(--space-3);font-size:var(--text-small);color:var(--text-on-deep-muted)}.channel{align-items:end;column-gap:var(--space-4);row-gap:var(--space-1);padding:var(--space-4) 0;border-top:1px solid var(--rule-on-deep);color:var(--text-on-deep);transition:color var(--duration-ui) var(--ease-standard);grid-template-columns:1fr auto;display:grid}.channel:last-of-type{border-bottom:1px solid var(--rule-on-deep)}.channel-kind{font-size:var(--text-small);color:var(--text-on-deep-muted);grid-column:1}.channel-value{letter-spacing:-.015em;overflow-wrap:normal;grid-column:1;font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.2}.channel .arrow{width:22px;height:22px;transition:transform var(--duration-ui) var(--ease-out);grid-area:1/2/span 2;align-self:center}.channel:hover{color:var(--sand)}.channel:hover .arrow{transform:translate(4px)}.closing-phone{margin-top:var(--space-3);min-height:32px;font-size:var(--text-small);color:var(--text-on-deep-muted);transition:background-size var(--duration-ui) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 6px)/0 1px no-repeat;justify-self:start;align-items:center;display:inline-flex}.closing-phone:hover{color:var(--text-on-deep);background-size:100% 1px}.closing-form{grid-column:7/-1}.composer{gap:var(--space-6);border-radius:var(--radius-l);background:var(--off-white);color:var(--navy);padding:clamp(22px,2.6vw,40px);display:grid;box-shadow:0 60px 120px -60px #000000b3}:root[data-theme=dark] .composer{color:var(--off-white);box-shadow:0 0 0 1px var(--rule-on-deep), 0 60px 120px -60px #000000b3;background:#1f2836}.composer legend,.composer-field>span,.composer-preview-label{margin-bottom:var(--space-3);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--orange);padding:0;font-weight:500}.composer-field small{letter-spacing:0;text-transform:none;color:var(--slate);font-size:11px}.composer-kinds{border:0;margin:0;padding:0}.composer-kinds>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.composer-chip{cursor:pointer;position:relative}.composer-chip input{opacity:0;pointer-events:none;position:absolute}.composer-chip span{border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:var(--radius-pill);min-height:42px;transition:background-color var(--duration-ui), color var(--duration-ui), border-color var(--duration-ui), transform var(--duration-micro) var(--ease-out);align-items:center;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.composer-chip:hover span{border-color:currentColor}.composer-chip input:checked+span{border-color:var(--navy);background:var(--navy);color:var(--off-white)}:root[data-theme=dark] .composer-chip input:checked+span{border-color:var(--sand);background:var(--sand);color:var(--navy)}.composer-chip input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}.composer-chip:active span{transform:scale(.97)}.composer-fields{gap:var(--space-4);grid-template-columns:1.6fr 1fr;display:grid}.composer-field{align-content:start;display:grid}.composer-field :is(input,textarea){border:1px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:var(--radius-m);background:color-mix(in srgb, currentColor 3%, transparent);width:100%;color:inherit;font:16px/1.45 var(--font);resize:vertical;transition:border-color var(--duration-ui), box-shadow var(--duration-ui);padding:12px 14px}.composer-field textarea{min-height:96px}.composer-field :is(input,textarea)::placeholder{color:color-mix(in srgb, currentColor 45%, transparent)}.composer-field :is(input,textarea):focus{border-color:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb, var(--orange) 16%, transparent);outline:none}.composer-preview{padding:var(--space-5);border-radius:var(--radius-m);background:color-mix(in srgb, var(--navy) 6%, transparent);justify-items:end;display:grid}:root[data-theme=dark] .composer-preview{background:#0003}.composer-preview-label{justify-self:start}.composer-bubble{background:var(--sand);max-width:92%;color:var(--navy);overflow-wrap:anywhere;white-space:pre-line;border-radius:16px 16px 4px;gap:2px;margin:0;padding:12px 16px;font-size:15px;line-height:1.45;display:grid;box-shadow:0 8px 20px -12px #0c1a3080}.motion .composer-bubble span:last-child{animation:composer-type var(--duration-ui) var(--ease-out)}@keyframes composer-type{0%{opacity:.4}}.composer-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.composer-send{gap:var(--space-3);background:var(--orange);color:var(--off-white);flex:220px}.composer-send:hover{background:color-mix(in srgb, var(--orange) 86%, #000)}.composer-mail{gap:var(--space-3);border-color:color-mix(in srgb, currentColor 30%, transparent);color:inherit;flex:180px}.composer-mail:hover{border-color:currentColor}.composer-note{color:var(--slate);font-size:13px;line-height:1.5}:root[data-theme=dark] .composer-note,:root[data-theme=dark] .composer-field small{color:var(--mist)}.sticker{--sticker:156px;--sticker-radius:calc(var(--sticker) * .2857);align-items:center;gap:var(--space-8);min-height:var(--sticker);margin-top:var(--space-8);display:flex}.sticker-slot{width:var(--sticker);height:var(--sticker);flex:none;position:relative}.sticker-mark{border-radius:var(--sticker-radius);background:color-mix(in srgb, var(--navy), #000 12%);position:absolute;inset:0;box-shadow:inset 0 1px 3px #00000059,inset 0 0 0 1px #ffffff0f}.sticker-body{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.sticker-body:active{cursor:grabbing}.sticker-body[hidden]{display:none}.sticker-body:focus-visible{outline:2px solid var(--sand);outline-offset:6px;border-radius:var(--sticker-radius)}.sticker-flat{padding:calc(var(--sticker) * .0625);border-radius:var(--sticker-radius);background:var(--off-white);transition:opacity .12s linear;position:absolute;inset:0;box-shadow:0 1px 2px #050c1c73,0 6px 14px #050c1c40}.sticker-flat img{pointer-events:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.sticker[data-gl] .sticker-flat{opacity:0}.sticker-canvas{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (max-width:599px){.sticker{--sticker:124px}}.sticker-credits{justify-items:start;gap:var(--space-1);max-width:34ch;font-size:var(--text-small);color:var(--text-on-deep-muted);display:grid}.sticker-credits:empty{display:none}.sticker-found{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--sand);font-weight:500;display:inline-flex}.sticker-name{letter-spacing:-.015em;color:var(--text-on-deep);font-size:clamp(20px,1.6vw,24px);font-weight:500}.sticker-stack{font-variant-numeric:tabular-nums}.sticker-links{align-items:center;gap:var(--space-5);margin-top:var(--space-2);display:flex}.sticker-links a,.sticker-links button{min-height:32px;line-height:1.2;font:inherit;color:var(--text-on-deep);cursor:pointer;text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--rule-on-deep);text-decoration-color:var(--rule-on-deep);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.sticker-links a:hover,.sticker-links button:hover{color:var(--sand)}.motion .sticker-credits>*{animation:sticker-in var(--duration-scene) var(--ease-out) both}.motion .sticker-credits>:nth-child(2){animation-delay:60ms}.motion .sticker-credits>:nth-child(3){animation-delay:.12s}.motion .sticker-credits>:nth-child(n+4){animation-delay:.18s}@keyframes sticker-in{0%{opacity:0;transform:translateY(8px)}}.sticker-hint{align-self:flex-end;align-items:flex-end;gap:var(--space-2);margin:0 0 calc(var(--sticker) * -.04) calc(var(--space-8) * -.6);font-size:var(--text-small);color:var(--sand);pointer-events:none;font-weight:500;display:flex}.sticker-hint svg{flex:none;margin-bottom:6px}.sticker-hint span{transform-origin:0 100%;transform:rotate(-3deg)}.sticker[data-peeled] .sticker-hint{opacity:0;transition:opacity var(--duration-ui)}.motion .sticker-hint-arrow{stroke-dasharray:1;stroke-dashoffset:1px}.motion .sticker[data-invited] .sticker-hint-arrow{animation:sticker-draw .7s var(--ease-out) .2s forwards}.motion .sticker:not([data-gl]) .sticker-hint-arrow{stroke-dashoffset:0}@keyframes sticker-draw{to{stroke-dashoffset:0}}.motion .sticker-hint span{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out) .6s}.motion .sticker[data-invited] .sticker-hint span,.motion .sticker:not([data-gl]) .sticker-hint span{opacity:1}@media (max-width:1099px){.closing-intro{grid-column:1/span 6}.closing-form{grid-column:7/-1}}@media (max-width:899px){.closing-grid{row-gap:var(--space-6)}.closing-intro{display:contents}.closing-intro>*,.closing-form{grid-column:1/-1}.closing-form{margin-block:var(--space-4);order:1}.closing-channels{order:2}.sticker{order:3}.composer-fields{grid-template-columns:1fr}}.site-footer{background:var(--surface-deep);color:var(--text-on-deep-muted);overflow:hidden}.footer-top{align-items:end;gap:var(--space-10);padding-block:var(--space-16) var(--space-12);border-top:1px solid var(--rule-on-deep);grid-template-columns:1fr auto;display:grid}.footer-title{letter-spacing:var(--tracking-heading);color:var(--text-on-deep);font-size:clamp(34px,4.4vw,68px);font-weight:500;line-height:1.04;display:grid}.footer-title span:last-child{color:var(--sand)}.footer-lead{max-width:46ch;margin-top:var(--space-5);font-size:var(--text-lead);line-height:1.5}.footer-up{align-items:center;gap:var(--space-3);font-size:var(--text-small);color:var(--text-on-deep);flex-direction:column;display:inline-flex}.footer-up-ring{border:1px solid var(--rule-on-deep-strong);width:72px;height:72px;transition:background-color var(--duration-ui) var(--ease-standard), color var(--duration-ui), border-color var(--duration-ui), transform var(--duration-ui) var(--ease-out);border-radius:50%;place-items:center;display:grid}.footer-up:hover .footer-up-ring{border-color:var(--sand);background:var(--sand);color:var(--navy);transform:translateY(-4px)}.footer-up:focus-visible{outline:none}.footer-up:focus-visible .footer-up-ring{outline:2px solid var(--off-white);outline-offset:3px}.footer-columns{gap:var(--space-8) var(--column-gap);padding-block:var(--space-10);border-top:1px solid var(--rule-on-deep);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.footer-col-title{margin-bottom:var(--space-4);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-deep-muted);font-weight:500}.footer-col ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.footer-col a{align-items:center;gap:var(--space-2);min-height:36px;color:var(--text-on-deep);overflow-wrap:normal;background:linear-gradient(var(--sand), var(--sand)) 0 calc(100% - 6px) / 0 1px no-repeat;transition:color var(--duration-micro) var(--ease-standard), background-size var(--duration-ui) var(--ease-out);display:inline-flex;position:relative}.footer-col a:hover{color:var(--sand);background-size:100% 1px}.footer-langs a[aria-current]{color:var(--sand)}.footer-langs a[aria-current]:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px}.footer-mark{padding-block:var(--space-6) var(--space-8)}.footer-mark img{width:100%;height:auto;display:block}.motion .footer-mark[data-reveal] img{clip-path:inset(0 0 100%);transition:clip-path 1.2s var(--ease-out), transform 1.2s var(--ease-out);transform:translateY(18%)}.motion .footer-mark[data-reveal].is-in img{clip-path:inset(0 0 -2%);transform:none}.motion .footer-statement[data-reveal]{opacity:0;transition:opacity var(--duration-scene) var(--ease-out), transform var(--duration-scene) var(--ease-out);transform:translateY(16px)}.motion .footer-statement[data-reveal].is-in{opacity:1;transform:none}.footer-bottom{justify-content:space-between;gap:var(--space-2) var(--space-8);padding-block:var(--space-5) var(--space-8);border-top:1px solid var(--rule-on-deep);flex-wrap:wrap;font-size:13px;display:flex}.footer-privacy{align-items:center;gap:var(--space-2);display:inline-flex}@media (max-width:899px){.footer-top{padding-block:var(--space-12) var(--space-10);grid-template-columns:1fr;justify-items:start}.footer-up{flex-direction:row}.footer-up-ring{width:52px;height:52px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}}.privacy-notice{z-index:45;left:var(--gutter);align-items:end;gap:var(--space-3) var(--space-5);width:min(460px, calc(100% - var(--gutter) * 2));padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);border:1px solid var(--rule-strong);background:var(--surface);color:var(--text);animation:privacy-in var(--duration-reveal) var(--ease-out) both;border-radius:20px;grid-template-columns:1fr auto;display:grid;position:fixed;bottom:clamp(16px,3vh,32px);box-shadow:0 18px 48px -20px #050c1c61}.privacy-notice[data-state=leaving]{animation:privacy-out var(--duration-ui) var(--ease-standard) both}.privacy-notice-label{align-items:center;gap:var(--space-3);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-strong);grid-column:1/-1;font-weight:500;line-height:1.2;display:flex}.privacy-notice-text{color:var(--text-muted);font-size:14px;line-height:1.55}.privacy-notice .button{min-height:40px}@keyframes privacy-in{0%{opacity:0;transform:translateY(16px)}}@keyframes privacy-out{to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.privacy-notice,.privacy-notice[data-state=leaving]{animation:none}}@media (max-width:599px){.privacy-notice{align-items:center;gap:var(--space-2) var(--space-4);border-radius:18px;grid-template-columns:1fr auto;width:auto;padding:14px 14px 14px 18px;bottom:12px;left:12px;right:12px}.privacy-notice-label{grid-column:1}.privacy-notice-text{grid-area:2/1/auto/-1;font-size:13px;line-height:1.45}.privacy-notice .button{grid-area:1/2;min-height:36px;padding-inline:16px;font-size:13px}}.motion main,.motion .site-footer{transition:opacity var(--duration-ui) var(--ease-standard)}.motion.is-jumping main,.motion.is-jumping .site-footer{opacity:0;transition-duration:.15s}.motion [data-reveal]{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:translateY(14px)}.motion [data-reveal].is-in,.motion [data-reveal=lines]{opacity:1;transform:none}.motion [data-reveal=lines] .line{margin-bottom:-.08em;padding-bottom:.08em;overflow:hidden}.motion [data-reveal=lines] .line>span{transition:transform var(--duration-scene) var(--ease-out);display:inline-block;transform:translateY(108%)}.motion [data-reveal=lines] .line:nth-child(2)>span{transition-delay:var(--stagger)}.motion [data-reveal=lines] .line:nth-child(3)>span{transition-delay:calc(var(--stagger) * 2)}.motion [data-reveal=lines] .line:nth-child(4)>span{transition-delay:calc(var(--stagger) * 3)}.motion [data-reveal=lines].is-in .line>span{transform:none}.motion [data-reveal=rules]{opacity:1;transform:none}.motion [data-reveal=rules]>*,.motion [data-reveal=rules] ul{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out) .2s}.motion [data-reveal=rules].is-in>*,.motion [data-reveal=rules].is-in ul{opacity:1}.motion [data-reveal=rules]:before{transition:transform var(--duration-scene) var(--ease-out);transform:scaleX(0)}.motion [data-reveal=rules].is-in:before{transform:none}html:lang(ja){--font:var(--font-satoshi), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;--tracking-display:-.01em;--tracking-heading:-.005em;--leading-display:1.16;--leading-heading:1.2;--leading-body:1.85;--text-display:clamp(34px, 4.1vw, 70px);--text-h2:clamp(32px, 4.4vw, 72px);line-break:strict}:lang(ja) h1>span,:lang(ja) .section-title .line>span,:lang(ja) .closing-title,:lang(ja) .solution h3{word-break:auto-phrase}:lang(ja) .closing-title,:lang(ja) .solution h3,:lang(ja) .step h3{letter-spacing:0;line-height:1.32}:lang(ja) h1,:lang(ja) h2,:lang(ja) h3{font-weight:600}.hero-copy>*{min-width:0}html.js:lang(ja) .hero-copy .actions{flex-wrap:wrap}.sticker-found:focus{outline:none}.blog{padding-top:calc(var(--nav-height) + clamp(48px, 7vw, 112px));padding-bottom:var(--section-space)}.blog-grid{column-gap:var(--column-gap);row-gap:var(--space-16);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.blog-head{gap:var(--space-8);grid-column:1/span 9;display:grid}.blog-title{font-size:var(--text-h2);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.blog-title .line{display:block}.blog-title .line+.line{color:var(--text-display-soft)}.blog-intro{max-width:46ch;font-size:var(--text-lead);color:var(--text-muted);line-height:1.5}.blog-list{grid-column:1/span 8}.blog-aside{align-content:start;gap:var(--space-6);top:calc(var(--nav-height) + var(--space-8));grid-column:10/span 3;display:grid;position:sticky}.blog-ways{border-top:1px solid var(--rule-strong);display:grid}.blog-ways a{padding:var(--space-3) 0;border-bottom:1px solid var(--rule);color:var(--text-strong);justify-content:space-between;font-weight:500;display:flex}.blog-ways a:hover{color:var(--accent)}.blog-ways a[aria-current=page]:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin-top:7px}.blog-aside-title{margin-top:var(--space-4)}.blog-empty{justify-items:start;gap:var(--space-4);padding:var(--space-10) 0;border-top:1px solid var(--rule-strong);color:var(--text-muted);font-size:var(--text-lead);display:grid}.post-months{gap:var(--space-16);display:grid}.post-month-head{padding-bottom:var(--space-3);border-bottom:1px solid var(--rule-strong);justify-content:space-between;align-items:baseline;display:flex}.post-month-head span{font-size:var(--text-small);color:var(--text-muted)}.post-items{margin:0;padding:0;list-style:none}.post-items>li+li{border-top:1px solid var(--rule)}.post-row{gap:var(--space-6);padding:var(--space-8) 0;grid-template-columns:96px minmax(0,1fr);display:grid}.post-row-date{white-space:nowrap;font-size:var(--text-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding-top:3px;font-weight:500}.post-row-body{gap:var(--space-3);display:grid}.post-kind{align-items:center;gap:var(--space-2);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);font-weight:500;display:flex}.post-draft{border:1px dashed var(--rule-strong);border-radius:var(--radius-pill);letter-spacing:.08em;color:var(--accent);padding:2px 8px}.post-row-title{font-size:var(--text-h3);letter-spacing:-.02em;line-height:1.15}.post-row-title a{transition:background-size var(--duration-ui) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.post-row-title a:hover{background-size:100% 1px}.post-row-summary{max-width:62ch;color:var(--text-muted)}.post-tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.post-tags a{border:1px solid var(--rule);border-radius:var(--radius-pill);color:var(--text-muted);transition:border-color var(--duration-micro) var(--ease-standard), color var(--duration-micro) var(--ease-standard);gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.post-tags a:hover,.post-tags a[aria-current=page]{border-color:var(--text-strong);color:var(--text-strong)}.post-tags a span{color:var(--text-display-soft)}.post-grid{column-gap:var(--column-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.post-head{justify-items:start;gap:var(--space-6);padding-bottom:var(--space-12);margin-bottom:var(--space-12);border-bottom:1px solid var(--rule-strong);grid-column:1/span 9;display:grid}.post-back{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--text-muted);font-weight:500;display:inline-flex}.post-back .arrow{transition:transform var(--duration-ui) var(--ease-out);transform:rotate(180deg)}.post-back:hover{color:var(--text-strong)}.post-back:hover .arrow{transform:rotate(180deg)translate(4px)}.post-meta{row-gap:var(--space-2);flex-wrap:wrap}.post-meta>:not(.point)+:not(.post-draft):before{content:"·";margin-right:var(--space-3);color:var(--text-display-soft)}.post-title{letter-spacing:var(--tracking-heading);max-width:20ch;font-size:clamp(36px,4.6vw,72px);line-height:1.02}.post-lead{max-width:52ch;font-size:var(--text-lead);color:var(--text-muted);line-height:1.5}.post-byline{gap:var(--space-2) var(--space-6);font-size:var(--text-small);color:var(--text-muted);flex-wrap:wrap;display:flex}.post-byline a{color:var(--text-strong);font-weight:500}.post-byline a:hover{color:var(--accent)}.post-languages a+a:before{content:" · ";color:var(--text-display-soft)}.post-text{grid-area:2/1/auto/span 8;min-width:0}.post-toc{top:calc(var(--nav-height) + var(--space-8));align-self:start;gap:var(--space-4);grid-area:2/10/auto/span 3;display:grid;position:sticky}.post-toc summary{cursor:default;padding-bottom:var(--space-3);border-bottom:1px solid var(--rule-strong);list-style:none}.post-toc summary::-webkit-details-marker{display:none}.post-toc ol{margin:var(--space-3) 0 0;gap:var(--space-2);max-height:calc(100vh - 260px);padding:0;list-style:none;display:grid;overflow-y:auto}.post-toc li[data-depth="3"]{padding-left:var(--space-4)}.post-toc a{font-size:var(--text-small);color:var(--text-muted);line-height:1.4}.post-toc a:hover{color:var(--text-strong)}.post-top{font-size:var(--text-small);color:var(--text-strong);font-weight:500}.post-tldr{gap:var(--space-3);margin-bottom:var(--space-12);padding:var(--space-6) var(--space-8);border-radius:var(--radius-m);background:var(--outcome-bg);display:grid}.post-tldr p:last-child{font-size:var(--text-lead);color:var(--text-strong);line-height:1.5}.post-body{max-width:68ch;font-size:18px;line-height:1.72}.post-body>*+*{margin-top:1.15em}.post-body h2{letter-spacing:-.025em;scroll-margin-top:calc(var(--nav-height) + var(--space-6));margin-top:2.2em;font-size:clamp(26px,2.4vw,34px);line-height:1.15}.post-body h3{letter-spacing:-.015em;scroll-margin-top:calc(var(--nav-height) + var(--space-6));margin-top:1.8em;font-size:22px;line-height:1.25}.post-body h2+*,.post-body h3+*{margin-top:.6em}.post-body h4{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-top:1.6em}.post-body a{color:var(--text-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.post-body a:hover{text-decoration-thickness:2px}.post-body strong{color:var(--text-strong);font-weight:600}.post-body ul,.post-body ol{padding-left:1.3em}.post-body ul{list-style:outside}.post-body ol{list-style:decimal}.post-body li+li{margin-top:.4em}.post-body li::marker{color:var(--text-display-soft)}.post-body blockquote{padding:0 0 0 var(--space-6);border-left:2px solid var(--accent);color:var(--text-muted);margin:1.6em 0;font-size:20px;line-height:1.6}.post-body hr{border:0;border-top:1px solid var(--rule-strong);height:0;margin:3em 0}.post-body img{border-radius:var(--radius-m);border:1px solid var(--rule);max-width:100%;height:auto;display:block}.post-body p:has(>img:only-child){margin-block:2em}.post-body :not(pre)>code{border-radius:var(--radius-s);background:var(--outcome-bg);font:500 .86em/1.4 var(--font-mono);color:var(--text-strong);padding:1px 6px}.post-body .post-code{--ct-text:color-mix(in srgb, var(--off-white) 92%, transparent);--ct-dim:color-mix(in srgb, var(--mist) 46%, transparent);padding:var(--space-6);border-radius:var(--radius-m);background:var(--navy);color:var(--ct-text);font:400 14.5px/1.7 var(--font-mono);font-variant-ligatures:none;tab-size:2;margin:1.8em 0;position:relative;overflow-x:auto}:root[data-theme=dark] .post-body .post-code{box-shadow:0 0 0 1px var(--rule) inset;background:#171b20}.post-body .post-code[data-language]:before{content:attr(data-language);font:500 11px/1 var(--font);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ct-dim);position:absolute;top:10px;right:14px}.post-body .post-code code{font:inherit}.tk-plain,.tk-punct{color:var(--ct-text)}.tk-punct{color:color-mix(in srgb, var(--mist) 72%, transparent)}.tk-comment{color:var(--ct-dim)}.tk-string,.tk-number{color:var(--sand)}.tk-keyword{color:color-mix(in srgb, var(--orange) 72%, var(--off-white))}.tk-type{color:var(--mist)}.tk-fn{color:var(--off-white);font-weight:600}.post-body table{border-collapse:collapse;width:100%;font-size:15.5px;line-height:1.5;display:block;overflow-x:auto}.post-body th,.post-body td{padding:var(--space-3) var(--space-4) var(--space-3) 0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}.post-body th{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-strong);border-bottom-color:var(--rule-strong);font-weight:500}.post-body .footnotes{padding-top:var(--space-6);border-top:1px solid var(--rule);color:var(--text-muted);margin-top:3em;font-size:15px}.post-body .footnotes h2{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-top:0}.post-body .contains-task-list{padding-left:0;list-style:none}.post-body .task-list-item input{margin:0 var(--space-2) 0 0;accent-color:var(--accent)}.post-foot{gap:var(--space-12);margin-top:var(--space-20);grid-column:1/span 8;display:grid}.post-reply{justify-items:start;gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-l);background:var(--surface-deep);color:var(--text-on-deep);display:grid}.post-reply .label{color:var(--text-on-deep)}.post-reply p:not(.label){max-width:52ch;color:var(--text-on-deep-muted);font-size:var(--text-lead);line-height:1.5}.post-reply .button-primary{--button-bg:var(--off-white);--button-fg:var(--navy);--button-bg-hover:var(--sand)}.post-neighbours{gap:var(--column-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.post-neighbour{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--rule-strong);display:grid}.post-neighbour+.post-neighbour,.post-neighbour:only-child:last-child{text-align:right}.post-neighbour-title{color:var(--text-strong);font-size:19px;font-weight:500;line-height:1.3}.post-neighbour:hover .post-neighbour-title{color:var(--accent)}.blog-latest{padding-block:var(--section-space);border-top:1px solid var(--rule)}.blog-latest-items{margin-top:var(--space-16);border-top:1px solid var(--rule-strong)}.blog-latest-all{margin-top:var(--space-8)}@media (max-width:1099px){.blog-head,.post-head,.blog-list{grid-column:1/-1}.blog-aside{grid-area:2/1/auto/-1;position:static}.blog-ways{justify-content:start;column-gap:var(--space-8);border-top:0;grid-template-columns:repeat(3,auto)}.blog-ways a{gap:var(--space-2);border-bottom:0;padding:0}.blog-aside-title{display:none}.post-text,.post-foot{grid-column:1/-1}.post-text{grid-row:3}.post-toc{margin-bottom:var(--space-10);grid-area:2/1/auto/-1;position:static}.post-toc details:not([open]) summary{border-bottom-color:var(--rule)}.post-toc summary{cursor:pointer;justify-content:space-between;display:flex}.post-toc summary:after{content:"+";font-size:18px;line-height:1}.post-toc details[open] summary:after{content:"−"}.post-toc ol{max-height:none}.post-top{display:none}}@media (max-width:599px){.post-row{gap:var(--space-2);padding:var(--space-6) 0;grid-template-columns:1fr}.post-body{font-size:17px}.post-body .post-code{margin-inline:calc(var(--gutter) * -1);border-radius:0;font-size:13.5px}.post-tldr,.post-reply{padding:var(--space-6)}.post-neighbours{grid-template-columns:1fr}.post-neighbour+.post-neighbour{text-align:left}}.comments{gap:var(--space-8);padding-top:var(--space-12);border-top:1px solid var(--rule-strong);display:grid}.comments-head{gap:var(--space-3);display:grid}.comments-title{letter-spacing:-.025em;font-size:clamp(26px,2.4vw,34px);line-height:1.15}.comments-intro{max-width:56ch;color:var(--text-muted)}.comments-state,.comments-count{font-size:var(--text-small);color:var(--text-muted)}.comment-list{margin:0;padding:0;list-style:none;display:grid}.comment{gap:var(--space-2);padding:var(--space-6) 0;border-top:1px solid var(--rule);display:grid}.comment:last-child{border-bottom:1px solid var(--rule)}.comment-meta{align-items:baseline;gap:var(--space-2) var(--space-4);font-size:var(--text-small);color:var(--text-muted);flex-wrap:wrap;display:flex}.comment-meta b{color:var(--text-strong);font-weight:600}.comment-body{white-space:pre-line;overflow-wrap:anywhere;max-width:68ch}.comment-form{gap:var(--space-5);padding:var(--space-8);border-radius:var(--radius-l);background:var(--outcome-bg);scroll-margin-top:calc(var(--nav-height) + var(--space-6));display:grid}.comment-fields{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-2);font-size:var(--text-small);color:var(--text-strong);font-weight:500;display:grid}.field input,.field textarea{box-sizing:border-box;border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;color:var(--text);font:400 16px/1.5 var(--font);transition:border-color var(--duration-micro) var(--ease-standard);padding:12px 14px}.field textarea{resize:vertical;min-height:140px}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.comment-actions{align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.comment-note{color:var(--text-muted);flex:260px;font-size:13px;line-height:1.5}.comment-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.comment-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-s);border-left:3px solid var(--accent);background:var(--surface);font-size:var(--text-small);color:var(--text-strong);scroll-margin-top:calc(var(--nav-height) + var(--space-16));display:none}.comment-status[data-tone=ok]{border-left-color:var(--navy)}:root[data-theme=dark] .comment-status[data-tone=ok]{border-left-color:var(--mist)}.comment-status:target{display:block}.comments-mail{font-size:var(--text-small);color:var(--text-muted)}.admin{gap:var(--space-8);padding-block:clamp(48px,7vw,112px);display:grid}.admin-head{justify-content:space-between;align-items:end;gap:var(--space-6);flex-wrap:wrap;display:flex}.admin-title{letter-spacing:var(--tracking-heading);margin-top:var(--space-4);font-size:clamp(32px,4vw,56px);line-height:1.05}.admin-lead{color:var(--text-muted)}.admin>.button{justify-self:start}.admin-group{gap:var(--space-4);display:grid}.admin-group-title{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule-strong);font-size:var(--text-h3);align-items:baseline;display:flex}.admin-group-title span{font-size:var(--text-small);color:var(--text-muted)}.admin-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.admin-item{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--rule);border-radius:var(--radius-m);display:grid}.admin-item[data-status=pending]{border-color:var(--rule-strong);background:var(--outcome-bg)}.admin-post{font-size:var(--text-small);color:var(--text-muted)}.admin-post a,.admin-item .comment-meta a{color:var(--text-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.admin-actions{gap:var(--space-3);display:flex}@media (max-width:599px){.comment-fields{grid-template-columns:1fr}.comment-form{padding:var(--space-6)}}.admin-warning{padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);background:var(--surface);color:var(--text-strong);font-size:13px;font-weight:500}.admin-wide{max-width:none}.admin-nav{gap:var(--space-2) var(--space-6);margin-top:var(--space-3);flex-wrap:wrap;font-weight:500;display:flex}.admin-nav a{color:var(--text-muted)}.admin-nav a[aria-current=page]{color:var(--text-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px}.admin-title-row{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.admin-post-title{font-size:19px;font-weight:500}.admin-post-title a{color:var(--text-strong)}.admin-post-title a:hover{color:var(--accent)}.editor{gap:var(--space-6);display:grid}.editor-top{justify-content:space-between;align-items:center;display:flex}.editor-saved{font-size:var(--text-small);color:var(--text-muted)}.editor-meta{gap:var(--space-4);display:grid}.editor-title input{letter-spacing:-.015em;font-size:24px;font-weight:500}.editor-row{gap:var(--space-4);grid-template-columns:180px 1fr 1fr;display:grid}.field small{color:var(--text-muted);font-weight:400}.field select{border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;color:var(--text);font:400 16px/1.5 var(--font);padding:12px 14px}.field input:disabled{opacity:.6}.editor-tabs{gap:var(--space-2);display:none}.editor-tabs button{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);color:var(--text-strong);font:500 14px/1 var(--font);cursor:pointer;background:0 0;padding:8px 14px}.editor-tabs button[aria-selected=true]{background:var(--button-bg);color:var(--button-fg);border-color:#0000}.editor-panes{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.editor-write{gap:var(--space-3);top:var(--space-4);display:grid;position:sticky}.editor-toolbar{flex-wrap:wrap;gap:6px;display:flex}.editor-toolbar button{border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--surface);color:var(--text-strong);font:500 13px/1.2 var(--font);cursor:pointer;padding:6px 10px}.editor-toolbar button:hover{border-color:var(--rule-strong)}.editor-text{box-sizing:border-box;width:100%;min-height:62vh;padding:var(--space-5);border:1px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--surface);color:var(--text);font:400 15px/1.7 var(--font-mono);resize:vertical;tab-size:2}.editor-text:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.editor-images{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.editor-images li{gap:var(--space-3);align-items:center;display:flex}.editor-images span{color:var(--text-muted);overflow-wrap:anywhere;flex:1}.editor-images button{color:var(--text-strong);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.editor-preview{gap:var(--space-5);padding:var(--space-8);border:1px solid var(--rule);border-radius:var(--radius-l);min-width:0;display:grid}.editor-preview .post-title{font-size:clamp(30px,3vw,48px)}.editor-actions{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--rule-strong);display:grid}.editor-actions ul{margin:var(--space-2) 0 0;padding-left:1.2em}.editor-review{font-size:var(--text-small);color:var(--text-muted)}.editor-review a{color:var(--text-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.editor-buttons{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.editor-buttons .button:disabled{opacity:.5;cursor:not-allowed}.editor-discard{margin-left:auto}@media (max-width:999px){.editor-row{grid-template-columns:1fr}.editor-tabs{display:flex}.editor-panes{grid-template-columns:1fr}.editor-panes[data-tab=write] .editor-preview,.editor-panes[data-tab=preview] .editor-write{display:none}.editor-write{position:static}.editor-preview{padding:var(--space-5)}.editor-discard{margin-left:0}}.monitor{padding-block:var(--section-space);--tone-ok:#4cc497;--tone-warn:#ecb44f;--tone-crit:#f37c68;--tone-info:#7aa8e0;--tone-neutral:#8a9db2;--tone-unknown:#6a7c90;overflow:hidden}.monitor .tone-ok{--tone:var(--tone-ok)}.monitor .tone-warn{--tone:var(--tone-warn)}.monitor .tone-crit{--tone:var(--tone-crit)}.monitor .tone-info{--tone:var(--tone-info)}.monitor .tone-neutral{--tone:var(--tone-neutral)}.monitor .tone-unknown{--tone:var(--tone-unknown)}.monitor-grid{gap:var(--space-16);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.monitor-copy{gap:var(--space-8);align-content:start;display:grid}.monitor-note{max-width:40ch;font-size:var(--text-small);color:var(--text-on-deep-muted);opacity:.8}.monitor-window{padding:var(--space-6);border-radius:var(--radius-m);border:1px solid var(--rule-on-deep);color:#d7dfe5;font-variant-numeric:tabular-nums;background:#0d1726;margin:0;box-shadow:0 30px 80px -40px #0009}.monitor-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--rule-on-deep);font-family:var(--font-mono);color:var(--mist);font-size:12px;display:flex}.monitor-host{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monitor-read{align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--sand);display:inline-flex}.monitor-live{background:var(--tone-ok);border-radius:50%;width:7px;height:7px}@media (prefers-reduced-motion:no-preference){.monitor-live{animation:monitor-pulse 2.4s var(--ease-out) infinite}}@keyframes monitor-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tone-ok) 55%, transparent)}70%,to{box-shadow:0 0 0 6px #0000}}.monitor-state{align-items:center;gap:var(--space-3);margin-top:var(--space-5);letter-spacing:-.02em;color:var(--off-white);font-size:clamp(18px,1.6vw,22px);font-weight:500;display:flex}.monitor-state .monitor-dot{width:10px;height:10px}.monitor-dot{background:var(--tone);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.monitor-axis{gap:var(--space-4);margin-top:var(--space-6);padding-bottom:var(--space-2);font-family:var(--font-mono);color:var(--sand);grid-template-columns:minmax(0,24%) minmax(0,18%) minmax(0,1fr);font-size:11px;display:grid}.monitor-scale{border-inline:1px solid color-mix(in srgb, var(--sand) 45%, transparent);padding-inline:1px;justify-content:space-between;padding:0 6px;display:flex}.monitor-rows{margin:var(--space-2) 0 0;padding:0;list-style:none}.monitor-rows li{align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-top:1px solid var(--rule-on-deep);grid-template-columns:minmax(0,24%) minmax(0,18%) minmax(0,1fr);display:grid}.monitor-name{color:var(--off-white);min-width:0;font-size:15px;font-weight:500;display:grid}.monitor-name small{color:var(--mist);opacity:.75;font-size:12px;font-weight:400}.monitor-status{align-items:center;gap:var(--space-2);color:var(--tone);white-space:nowrap;font-size:13px;font-weight:500;display:inline-flex}.monitor-strip{grid-template-columns:repeat(72,minmax(0,1fr));gap:2px;height:26px;display:grid}.monitor-strip i{background:var(--tone);border-radius:1px}.monitor-strip i.tone-neutral{background:color-mix(in srgb, var(--tone) 55%, transparent)}.monitor-strip i.tone-unknown{background:#ccd6db12}.monitor-caption{margin-top:var(--space-4);color:var(--mist);opacity:.7;font-size:12px;line-height:1.5}@media (max-width:1099px){.monitor-grid{gap:var(--space-12);grid-template-columns:1fr}}@media (max-width:599px){.monitor-window{padding:var(--space-4);margin-inline:calc(var(--space-2) * -1)}.monitor-rows li{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto}.monitor-strip{grid-column:1/-1;gap:1px;height:18px}.monitor-axis{grid-template-columns:1fr}.monitor-axis>span:not(.monitor-scale){display:none}}.nav-dot{background:var(--accent);vertical-align:top;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block;transform:translateY(-2px)}.desktop-navigation a .nav-dot{align-self:flex-start;margin-top:12px}.nav-external{opacity:.6;transition:transform var(--duration-micro) var(--ease-standard), opacity var(--duration-micro) var(--ease-standard);margin-left:3px}.nav-monitor:hover .nav-external{opacity:1;transform:translate(1px,-1px)}.mobile-navigation .nav-external{align-self:center;width:18px;height:18px}.news-pill{align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--rule-strong);background:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:100%;color:var(--text-strong);transition:border-color var(--duration-ui) var(--ease-standard), background-color var(--duration-ui) var(--ease-standard);padding:5px 14px 5px 5px;font-size:14px;line-height:1.2;display:inline-flex}.news-pill:hover{border-color:var(--text-strong)}.news-pill-tag{border-radius:var(--radius-pill);background:var(--accent);color:#fff;letter-spacing:.02em;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:500}.news-pill-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.news-pill-date{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.news-pill .arrow{flex-shrink:0}.news-pill:hover .arrow{transform:translate(3px)}@media (max-width:599px){.news-pill{gap:var(--space-2);padding-right:12px;font-size:13px}.news-pill-date{display:none}}