@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fraunces-var.woff2) format("woff2")}
/* A: Clean blue is the default (no class) */
/* B: Warm editorial */
.t-b{--ink:#1c2420;--ink2:#2b3530;--mut:#5f6a63;--line:#e3ddd1;--soft:#f6f1e8;--blue:#1f6b52;--blue-d:#175440;--tint:#e6f0ea;--blue-l:#8fd1b4;--foot:#141a17;--hf:"Fraunces",Georgia,serif}
.t-b h1,.t-b h2,.t-b h3{font-weight:600;letter-spacing:-.02em}
.t-b body,html.t-b body{background:#fffdf8}
.t-b .sec{background:#fffdf8}
/* C: Navy and teal */
.t-c{--ink:#0b1b33;--ink2:#1b2c47;--mut:#556178;--line:#dde3ec;--soft:#f1f5fa;--blue:#0a8f8c;--blue-d:#07716f;--tint:#e0f3f2;--blue-l:#6fd8d4;--foot:#07111f}
.t-c .hero{background:linear-gradient(180deg,#0b1b33,#12294a);color:#fff;border-bottom:0}
.t-c .hero h1{color:#fff}.t-c .hero .lead{color:#b7c3d8}.t-c .hero .grad{color:var(--blue-l)}
.t-c .hero .eyebrow,.t-c .hero .chips li{background:rgba(255,255,255,.08);color:#dbe4f2;border-color:rgba(255,255,255,.18)}
.t-c .hero .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.t-c .scrollcue{border-color:#fff}
.t-c .nav{background:rgba(255,255,255,.95)}
/* D: Charcoal and orange, bolder */
.t-d{--ink:#17181c;--ink2:#2a2c33;--mut:#62656e;--line:#e6e4df;--soft:#f4f2ee;--blue:#e8590c;--blue-d:#c24a08;--tint:#fdeee4;--blue-l:#ffa56b;--foot:#101114;--hf:var(--f)}
.t-d h1,.t-d h2,.t-d h3{font-weight:800;letter-spacing:-.04em}
.t-d .btn,.t-d .btn.sm{border-radius:999px}
.t-d .card,.t-d .step,.t-d .panel{border-radius:20px}
/* ===== E / F: Ivory and ink, classic ===== */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/instrument-serif.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/instrument-serif-italic.woff2) format("woff2")}
.t-e,.t-f{--ink:#16130f;--ink2:#2b2621;--mut:#6a6258;--line:#e6ddcd;--soft:#f6f0e5;--tint:#efe6d6;--foot:#0e0c09;--r:6px}
.t-e{--blue:#a2431f;--blue-d:#82330f;--blue-l:#e2b38d;--hf:"Fraunces",Georgia,serif}
.t-f{--blue:#9a7424;--blue-d:#7b5c17;--blue-l:#dcc189;--hf:"Instrument Serif",Georgia,serif}
.t-e body,.t-f body,html.t-e body,html.t-f body{background:#fffdf9}
.t-e .sec,.t-f .sec{background:#fffdf9}
.t-e .hero,.t-f .hero{background:#f8f2e7}
.t-e .pearl,.t-f .pearl{background:#f8f2e7}
/* headings: classic serif, italic emphasis in ink */
.t-e h1,.t-e h2,.t-e h3,.t-f h1,.t-f h2,.t-f h3{font-family:var(--hf)}
.t-e h1,.t-e h2{font-weight:500;letter-spacing:-.03em}
.t-e h3{font-weight:600;letter-spacing:-.01em}
.t-f h1,.t-f h2{font-weight:400;letter-spacing:-.025em;line-height:1.02}
.t-f h1{font-size:clamp(3rem,6.4vw,5.6rem)}.t-f h2{font-size:clamp(2.4rem,4.6vw,3.8rem)}
.t-f h3{font-weight:400;font-size:1.5rem;letter-spacing:-.01em}
.t-e .grad,.t-f .grad{color:var(--ink);font-style:italic}
.t-e .dark .grad,.t-e .final .grad,.t-e .ecard .grad,.t-f .dark .grad,.t-f .final .grad,.t-f .ecard .grad{color:var(--blue-l)}
.t-e .hero .grad,.t-f .hero .grad{color:var(--blue)}
.t-e .kicker,.t-f .kicker,.t-e .num,.t-f .num,.t-e .plabel,.t-f .plabel{letter-spacing:.2em;font-weight:600}
/* black buttons, small radius */
.t-e .btn,.t-f .btn{border-radius:4px;font-weight:600;letter-spacing:.01em}
.t-e .btn.glow,.t-f .btn.glow{background:var(--ink);border-color:var(--ink);color:#fff}
.t-e .btn.glow:hover,.t-f .btn.glow:hover{background:#000;box-shadow:0 8px 20px rgba(22,19,15,.25)}
.t-e .btn.ghost,.t-f .btn.ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.t-e .btn.ghost:hover,.t-f .btn.ghost:hover{background:var(--ink);color:#fff}
.t-e .dark .btn.glow,.t-e .final .btn.glow,.t-e .ecard .btn.glow,.t-f .dark .btn.glow,.t-f .final .btn.glow,.t-f .ecard .btn.glow{background:#fffdf9;color:var(--ink);border-color:#fffdf9}
.t-e .final .btn.ghost,.t-f .final .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.t-e .final .btn.ghost:hover,.t-f .final .btn.ghost:hover{background:#fff;color:var(--ink)}
/* nav */
.t-e .nav,.t-f .nav{background:rgba(255,253,249,.94);border-color:var(--line);border-radius:10px}
.t-e .nav .btn.glow,.t-f .nav .btn.glow{padding:9px 16px}
.t-e .eyebrow,.t-f .eyebrow,.t-e .chips li,.t-f .chips li{background:transparent;border-color:#d8cdb8;color:var(--ink2);border-radius:4px}
.t-e .dot,.t-f .dot{background:var(--blue);box-shadow:0 0 0 4px rgba(162,67,31,.14)}
/* surfaces: hairline, square-ish, paper */
.t-e .card,.t-e .step,.t-e .panel,.t-f .card,.t-f .step,.t-f .panel{background:#fffdf9;border:1px solid var(--line);border-radius:6px}
.t-e .card:hover,.t-e .step:hover,.t-f .card:hover,.t-f .step:hover{border-color:var(--ink);box-shadow:none}
.t-e .ico,.t-f .ico,.t-e .grid3 .card:nth-child(n) .ico,.t-f .grid3 .card:nth-child(n) .ico{background:var(--ink);border-radius:6px}
.t-e .ico svg,.t-f .ico svg{stroke:#fff}
.t-e .win,.t-f .win,.t-e .s3-win,.t-f .s3-win{border-radius:8px;border-color:#d8cdb8;box-shadow:0 30px 60px -30px rgba(22,19,15,.35)}
.t-e .wbar,.t-f .wbar{background:#f1e9da}
.t-e .s3,.t-f .s3{background:#f8f2e7}
.t-e .s3-pane,.t-f .s3-pane{background:#fffdf9}
.t-e .pcard,.t-f .pcard{border-radius:8px;border-color:#d8cdb8}.t-e .pcard:before,.t-f .pcard:before{background:var(--ink)}
.t-e .pcol.pside,.t-f .pcol.pside{background:#f8f2e7}
.t-e .ecard,.t-f .ecard{border-radius:8px;background:var(--ink)}
.t-e .s3-done,.t-f .s3-done{background:var(--ink)}
.t-e .s3-rail b,.t-f .s3-rail b{background:var(--ink)}.t-e .s3-rail i,.t-f .s3-rail i{border-color:var(--ink)}
.t-e .s3-pane .ptabs .on,.t-f .s3-pane .ptabs .on{background:var(--ink)}
.t-e .s3-pane button.press,.t-f .s3-pane button.press{background:var(--blue)}
.t-e .ds.on b,.t-f .ds.on b{background:var(--blue);border-color:var(--blue)}
.t-e .ds.on,.t-f .ds.on{background:var(--ink);border-color:var(--ink)}
/* dark blocks: warm black */
.t-e .strip,.t-e .dark,.t-e .final,.t-f .strip,.t-f .dark,.t-f .final{background:var(--ink)}
.t-e .stat b,.t-f .stat b{font-family:var(--hf);font-weight:500}
.t-f .stat b{font-weight:400;font-size:clamp(2.2rem,4vw,3.4rem)}
.t-e .stat span,.t-f .stat span{color:#b8ad9c}
.t-e .final p,.t-f .final p{color:#c9bfae}
.t-e .modex,.t-f .modex,.t-e .foot,.t-f .foot{background:var(--foot)}
.t-f .pcard .amt{font-family:var(--hf);font-weight:400}
/* ===== G: Ivory and black (use with class "t-e t-g") ===== */
.t-g{--ink:#0c0b0a;--ink2:#26221d;--blue:#0c0b0a;--blue-d:#000;--blue-l:#eadfc8;--tint:#ece6da;--foot:#050403;--hf:"Fraunces",Georgia,serif}
.t-g .hero{background:#0c0b0a;color:#f6f0e5;border-bottom:0}
.t-g .hero h1{color:#f6f0e5}.t-g .hero .grad{color:#eadfc8}
.t-g .hero .lead{color:#c9bfae}
.t-g .hero .eyebrow,.t-g .hero .chips li{background:transparent;color:#e7dfd0;border-color:rgba(246,240,229,.28)}
.t-g .hero .dot{background:#eadfc8;box-shadow:0 0 0 4px rgba(234,223,200,.18)}
.t-g .hero .btn.glow{background:#f6f0e5;color:#0c0b0a;border-color:#f6f0e5}
.t-g .hero .btn.glow:hover{background:#fff;box-shadow:none}
.t-g .hero .btn.ghost{background:transparent;color:#f6f0e5;border-color:rgba(246,240,229,.5)}
.t-g .hero .btn.ghost:hover{background:#f6f0e5;color:#0c0b0a}
.t-g .scrollcue{border-color:#f6f0e5}.t-g .scrollcue span{background:#f6f0e5}
.t-g .nav{background:rgba(246,240,229,.96);border-color:#d8cdb8}
.t-g .dot{background:#0c0b0a;box-shadow:0 0 0 4px rgba(12,11,10,.12)}
.t-g .kicker,.t-g .num,.t-g .plabel{color:#0c0b0a!important}
.t-g .dark .kicker,.t-g .ecard .plabel{color:#eadfc8!important}
.t-g .tease .go{color:#0c0b0a;text-decoration:underline;text-underline-offset:4px}
.t-g .ds.on b{background:#f6f0e5;color:#0c0b0a;border-color:#f6f0e5}
.t-g .ds.done b{background:#0c0b0a;color:#fff;border-color:#0c0b0a}
.t-g .ds i{background:#0c0b0a}
.t-g .strip{background:#f6f0e5;color:#0c0b0a;border-top:1px solid #d8cdb8;border-bottom:1px solid #d8cdb8}
.t-g .strip .stat b,.t-g .strip .stat:nth-child(n) b{color:#0c0b0a}.t-g .strip .stat span{color:#6a6258}
.t-g .grad{color:#0c0b0a}
.t-g .final .grad,.t-g .dark .grad,.t-g .ecard .grad{color:#eadfc8}
.t-g .pcard .amt{font-family:var(--hf);font-weight:500}
.t-g .acc .ticks li:before{border-color:#0c0b0a}
.t-g .s3-done{background:#0c0b0a}
/* ===== Split hero with the real product (use with t-e t-g) ===== */
.t-g .hero2{padding:130px max(6vw,calc((100vw - 1240px)/2)) 90px;text-align:left;justify-content:flex-start}
.t-g .h2grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;width:100%}
.t-g .hero2 .heroin{max-width:none}
.t-g .hero2 h1{font-size:clamp(2.8rem,5.2vw,4.8rem);line-height:1.02}
.t-g .hero2 .hero .lead,.t-g .hero2 .lead{margin:22px 0 30px;max-width:30em}
.t-g .hero2 .cta{justify-content:flex-start}
.t-g .hero2 .works{margin:22px 0 0;font-size:.9rem;color:#a89f90;max-width:30em}
.t-g .hero2 .scrollcue{display:none}
.t-g .h2show{position:relative}
.t-g .h2show .win{transform:perspective(1600px) rotateY(-8deg) rotateX(3deg);box-shadow:0 60px 100px -30px rgba(0,0,0,.8),0 0 0 1px rgba(246,240,229,.12);background:#fffdf9}
.t-g .h2show .obody{grid-template-columns:1fr 200px}
.t-g .h2show .msg{min-height:150px;font-size:.88rem}
.t-g .h2show .plist li.hot{border-color:#0c0b0a;box-shadow:0 0 0 2px rgba(12,11,10,.12)}
.t-g .h2note{position:absolute;left:-18px;bottom:-18px;padding:10px 18px;border-radius:6px;background:#f6f0e5;color:#0c0b0a;font-weight:600;font-size:.9rem;box-shadow:0 18px 40px -12px rgba(0,0,0,.6)}
@media(max-width:960px){.t-g .h2grid{grid-template-columns:1fr;gap:40px}.t-g .hero2{padding-top:110px}.t-g .h2show .win{transform:none}.t-g .h2show .obody{grid-template-columns:1fr 150px}.t-g .h2note{left:8px}}
.t-g .h2grid>*{min-width:0}
@media(max-width:960px){.t-g .h2grid{grid-template-columns:minmax(0,1fr)}.t-g .hero2{padding-left:6vw;padding-right:6vw;overflow:hidden}.t-g .h2show .compose{padding:12px 14px}.t-g .h2show .field label{width:48px}.t-g .h2show .obody{grid-template-columns:1fr 128px}.t-g .h2show .plist li span{font-size:.72rem}}
@media(max-width:600px){.t-g .hero2{padding-top:140px}.t-g .h2show .obody{grid-template-columns:1fr}.t-g .h2show .paneo{display:none}}