:root{--ink: #0b1c28;--ink-soft: #2a4556;--paper: #f3f7f9;--paper-deep: #e4eef2;--sea: #0f6e7c;--sea-bright: #1a9aab;--accent: #d9772c;--accent-soft: #f3d2b0;--line: rgba(11, 28, 40, .12);--shadow: 0 18px 50px rgba(11, 28, 40, .12);--font-display: "Syne", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Literata", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--max: 68rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.6;background:radial-gradient(1200px 600px at 10% -10%,rgba(26,154,171,.22),transparent 55%),radial-gradient(900px 500px at 95% 5%,rgba(217,119,44,.16),transparent 50%),linear-gradient(180deg,#f7fbfc 0%,var(--paper) 40%,var(--paper-deep) 100%)}img{max-width:100%;display:block}a{color:var(--sea);text-underline-offset:.15em}a:hover{color:var(--sea-bright)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:#f3f7f9d1;border-bottom:1px solid var(--line)}.site-header__inner,.site-footer__inner,.page,.hero__inner{width:min(100% - 2rem,var(--max));margin-inline:auto}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.brand:hover{color:var(--ink)}.nav{display:flex;flex-wrap:wrap;gap:.85rem 1.15rem;align-items:center}.nav a{font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--ink-soft);text-decoration:none}.nav a:hover{color:var(--sea)}.nav .nav-cta{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:.4rem;background:var(--ink);color:#fff}.nav .nav-cta:hover{background:var(--sea);color:#fff}main{flex:1}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#0f6e7ce6,#0b1c28eb),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1'%3E%3Cpath d='M0 40h160M0 80h160M0 120h160M40 0v160M80 0v160M120 0v160'/%3E%3C/g%3E%3C/svg%3E");color:#f7fbfc}.hero__inner{padding:4.5rem 0 5rem;display:grid;gap:1.25rem;max-width:42rem;margin-left:auto;margin-right:auto;width:min(100% - 2rem,var(--max))}.hero .brand-mark{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,8vw,4.4rem);letter-spacing:-.04em;line-height:.95;margin:0}.hero h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,3.2vw,1.85rem);letter-spacing:-.02em;line-height:1.25;max-width:28ch}.hero p{margin:0;font-size:1.08rem;color:#f7fbfce0;max-width:36ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.15rem;border-radius:.45rem;font-family:var(--font-display);font-weight:700;font-size:.95rem;text-decoration:none;border:1px solid transparent;transition:transform .16s ease,background .16s ease,color .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#1a1208}.btn-primary:hover{background:#e9893a;color:#1a1208}.btn-ghost{background:transparent;color:#fff;border-color:#ffffff59}.btn-ghost:hover{background:#ffffff1a;color:#fff}.section{padding:3.5rem 0}.section__inner{width:min(100% - 2rem,var(--max));margin-inline:auto}.section h2{margin:0 0 .6rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em}.section>.section__inner>.lede,.section__inner>.lede{margin:0 0 1.75rem;color:var(--ink-soft);max-width:42rem}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}@media(min-width:720px){.feature-list{grid-template-columns:repeat(3,1fr)}}.feature-list li{padding:0}.feature-list h3{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.02em}.feature-list p{margin:0;color:var(--ink-soft);font-size:.98rem}.page{padding:2.75rem 0 4rem}.page--narrow{max-width:42rem}.page h1{margin:0 0 .4rem;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.03em}.page .meta{margin:0 0 1.5rem;color:var(--ink-soft)}.page h2{margin:2rem 0 .5rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.02em}.page h3{margin:1.35rem 0 .4rem;font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em}.page p,.page li{font-size:1.02rem}.page ul{padding-left:1.25rem}.page .note{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink-soft)}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:#ffffff73}.site-footer__inner{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between;align-items:center;padding:1.4rem 0 1.7rem;color:var(--ink-soft);font-size:.92rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.site-footer a{color:var(--ink-soft);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:.88rem}.site-footer a:hover{color:var(--sea)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}