@layer base{:root{color-scheme:light;--ink:#12263d;--muted:#526174;--blue:#075bb4;--cyan:#087486;--paper:#fff;--line:#dce5ed;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:var(--blue);text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-block:0}h1,h2,h3{letter-spacing:-.045em;overflow-wrap:anywhere;line-height:1.15}h1,h2{text-wrap:balance}h2{font-size:clamp(1.8rem,1.2rem + 2dvw,2.6rem)}h3{letter-spacing:-.025em;font-size:1.25rem}p{text-wrap:pretty}::selection{color:var(--ink);background:#c8edf1}}@layer layout{.container{width:min(100% - 3rem,74rem);margin-inline:auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.35rem;display:flex}.header-shell{border-bottom:1px solid var(--line)}nav ul{flex-wrap:wrap;align-items:center;gap:.5rem 1.7rem;margin:0;padding:0;list-style:none;display:flex}nav a{min-block-size:44px;color:var(--muted);align-items:center;font-size:.9rem;text-decoration:none;display:inline-flex}nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:.65em;font-weight:700}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:3rem;padding-block:5.75rem 5rem;display:grid}.section{padding-block:5rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.2rem;display:grid}.tool-section{background:#f0f7fa;border:1px solid #d8e8ec;border-radius:1.4rem;grid-template-columns:.8fr 1fr;align-items:center;gap:4rem;padding:3.5rem;display:grid}.closing{text-align:center;padding-block:5.5rem}.footer-shell{border-top:1px solid var(--line);background:#f6f8fb}.footer-top{justify-content:space-between;align-items:center;gap:2rem;padding-block:2.5rem;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.2rem;font-size:.8rem;display:flex}.inner-page{min-height:58dvh;padding-block:4rem 5rem}.inner-page>p{max-width:65ch;color:var(--muted);margin-bottom:1.5rem}.page-heading{margin-bottom:1.5rem}.page-heading h1{font-size:clamp(2rem,1.5rem + 3dvw,3.5rem)}.legal-copy{max-width:48rem}.legal-copy h2{margin-top:2.2rem;margin-bottom:.7rem;font-size:1.4rem}.legal-copy p{color:var(--muted);margin-bottom:1rem}.legal-copy a{font-weight:650}}@layer components{.brand{color:var(--ink);letter-spacing:-.05em;align-items:center;gap:.7rem;font-size:1.55rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.brand small{letter-spacing:.025em;color:var(--muted);margin-top:.3rem;font-size:.65rem;font-weight:500;display:block}.brand-hn{color:var(--cyan)}.brand-logo{object-fit:cover;border-radius:.7rem;flex:none;width:3.25rem;height:3.25rem;box-shadow:0 6px 18px #075bb420}.channel-link{border:1px solid var(--line);color:var(--ink);border-radius:.5rem;padding:.55rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none}.channel-link span{margin-left:.6rem}.eyebrow{letter-spacing:.08em;color:var(--cyan);margin-bottom:1rem;font-size:.75rem;font-weight:700}.eyebrow span{background:var(--cyan);border-radius:50%;width:.45rem;height:.45rem;margin-right:.5rem;display:inline-block}.hero h1{margin-bottom:1.5rem;font-size:clamp(2.6rem,1.4rem + 3.5dvw,4.6rem);line-height:1.08}.hero h1 em{color:var(--blue);font-style:normal}.hero-description{color:var(--muted);max-width:48ch;font-size:1.05rem}.actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:1rem;min-block-size:48px;padding:.85rem 1.1rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover{background:#064c96}.secondary{color:var(--ink);background:#fff;border-color:#b8c8d8}.hero-note{color:var(--muted);margin-top:1.3rem;font-size:.75rem}.hero-art{min-width:0;padding:3rem .75rem;position:relative}.art-grid{background:radial-gradient(#e3f4f6 15%,#0000 70%);border-radius:50%;position:absolute;inset:0}.terminal-card{background:#11263d;border:1px solid #2f4c67;border-radius:.9rem;position:relative;transform:rotate(-2deg);box-shadow:0 22px 45px -20px #163d6860}.terminal-top{border-bottom:1px solid #2e425a;align-items:center;gap:.35rem;padding:.9rem 1rem;display:flex}.terminal-dot{background:#8699ac;border-radius:50%;width:.45rem;height:.45rem}.terminal-dot:first-child{background:#f29b95}.terminal-dot:nth-child(2){background:#e9c47c}.terminal-dot:nth-child(3){background:#83cdb8}.terminal-name{color:#b7c7d8;margin-left:auto;font-size:.65rem}.terminal-body{color:#e7eef6;padding:1.5rem;font:.8rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-body p{margin-bottom:.65rem}.terminal-prompt{color:#7fe0d8}.terminal-muted{color:#afc1d3;margin-bottom:1.4rem!important}.terminal-end{margin-top:1.4rem}.cursor{color:#7fe0d8}.art-label{background:#fff;border:1px solid #d9e5ed;border-radius:.55rem;padding:.65rem .9rem;font-size:.75rem;font-weight:650;position:absolute;box-shadow:0 8px 25px #12263d0d}.label-code{top:1rem;right:0}.label-check{color:var(--cyan);bottom:1.5rem;left:-.75rem}.art-caption{color:var(--muted);font-size:.7rem;position:absolute;bottom:-.5rem;right:.75rem}.topic-strip{border-block:1px solid var(--line);background:#f7f9fc}.topic-strip>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.2rem;display:flex}.topic-strip p{color:var(--muted);font-size:.75rem}.topic-strip ul{flex-wrap:wrap;gap:1rem 2.3rem;margin:0;padding:0;font-size:.85rem;font-weight:650;list-style:none;display:flex}.text-link{align-items:center;gap:.75rem;min-block-size:44px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.section-intro{color:var(--muted);max-width:66ch;margin-top:1rem;font-size:.95rem}.topic-card{border:1px solid var(--line);background:#fff;border-radius:.9rem;overflow:hidden}.topic-visual{border-bottom:1px solid var(--line);flex-direction:column;justify-content:end;min-height:10rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.phone{color:#166659;background:#edf7f5}.terminal{color:#35578f;background:#eef2fb}.window{color:#23698d;background:#eff7fc}.visual-number{letter-spacing:-.1em;opacity:.12;font-size:6rem;font-weight:800;line-height:1.2;position:absolute;top:-.6rem;right:1rem}.visual-code{margin-bottom:1rem;font:.9rem ui-monospace,monospace;position:relative}.visual-category{letter-spacing:.1em;font-size:.7rem;font-weight:700}.topic-content{padding:1.5rem}.category{color:var(--cyan);margin-bottom:.7rem;font-size:.7rem;font-weight:700}.topic-content>p:not(.category){color:var(--muted);margin-top:.85rem;font-size:.9rem}.status-label{color:var(--muted);border:1px solid var(--line);border-radius:1rem;margin-top:1.5rem;padding:.2rem .6rem;font-size:.7rem;display:inline-block}.tool-illustration{min-height:17rem;position:relative}.image-frame{aspect-ratio:1.35;border:2px solid #8fb5c6;border-radius:.8rem;width:70%;position:absolute}.image-back{background:#dfedf3;top:10%;left:5%;transform:rotate(-12deg)}.image-front{color:var(--cyan);background:#fff;place-items:center;display:grid;top:20%;left:20%;transform:rotate(5deg);box-shadow:0 12px 30px #124a6515}.image-front svg{width:80%}.image-format{color:var(--cyan);font:700 .75rem ui-monospace,monospace;position:absolute;bottom:.7rem;left:20%}.tool-copy>p:not(.eyebrow){color:var(--muted);margin-top:1.25rem;font-size:.95rem}.tool-detail{color:var(--muted);gap:.7rem;margin-block:1.2rem .7rem;font-size:.8rem;display:flex}.tool-detail>span{color:var(--cyan);font-size:1.3rem}.tool-copy .availability{margin-top:.7rem!important;font-size:.7rem!important}.closing p:not(.eyebrow){max-width:60ch;color:var(--muted);margin:1.4rem auto .7rem;font-size:.95rem}.footer-top p{color:var(--muted);margin-top:.8rem;font-size:.85rem}.skip-link{z-index:10;background:#fff;padding:.75rem;position:absolute;inset-block-start:.5rem;inset-inline-start:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}}@layer responsive{@media (width<=62rem){.channel-link{display:none}.hero{gap:1.5rem;padding-block:4rem}.terminal-body{padding:1rem;font-size:.7rem}.topic-grid{gap:1rem}.tool-section{gap:2rem;padding:2.5rem}}@media (width<=45rem){.container{width:min(100% - 2rem,74rem)}.site-header{justify-content:center;gap:.8rem;padding-block:1rem}.channel-link{align-items:center;min-block-size:44px;display:inline-flex}nav ul{justify-content:center;gap:.3rem 1.2rem}nav a{font-size:.8rem}.hero{grid-template-columns:1fr;gap:1.5rem;padding-block:3rem}.hero-art{width:100%;max-width:30rem;margin-inline:auto}.terminal-body{padding:1.5rem;font-size:.8rem}.label-check{left:0}.hero h1{font-size:clamp(2.6rem,1.8rem + 3.5dvw,4rem)}.topic-strip>div{text-align:center;justify-content:center}.topic-strip ul{justify-content:center;gap:.75rem 1.3rem}.section{padding-block:3rem}.section-heading{flex-direction:column;align-items:start;gap:.6rem}.topic-grid{grid-template-columns:1fr}.topic-visual{min-height:9rem}.tool-section{grid-template-columns:1fr;gap:1rem;padding:1.7rem}.tool-illustration{width:100%;max-width:22rem;margin-inline:auto}.closing{padding-block:3.5rem}.footer-top{flex-direction:column;align-items:start}.footer-top nav ul{justify-content:start}.inner-page{padding-block:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}@media (forced-colors:active){:root{--ink:CanvasText;--muted:CanvasText;--blue:LinkText;--cyan:LinkText;--paper:Canvas;--line:CanvasText}.button,.art-label,.terminal-card,.image-frame,.topic-card{border:1px solid canvastext}.primary{color:linktext;background:canvas}}}
