:root{color-scheme:light;--ink:#142b36;--muted:#60727a;--paper:#f6f1e5;--sheet:#fffdf7;--blue:#102c3a;--cyan:#33bac6;--line:#c8d6d5;--red:#c84f3c;--amber:#bf7c24;--green:#27705f;--shadow:0 24px 60px rgba(12,34,44,.12);--radius:10px;--serif:Georgia,"Times New Roman",serif;--sans:Inter,Avenir,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:white;padding:.75rem 1rem;border:2px solid var(--cyan)}.skip:focus{top:1rem}.site-head,.app-head{min-height:78px;padding:14px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--blue);color:white}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--serif);font-weight:700;line-height:1.05}.brand small{display:block;margin-top:5px;color:#add5d8;font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--cyan);background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(51,186,198,.15) 8px 9px),repeating-linear-gradient(0deg,transparent 0 8px,rgba(51,186,198,.15) 8px 9px);font:700 13px var(--mono);color:var(--cyan)}nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;font-size:.88rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--cyan);border-radius:4px;background:var(--cyan);color:#08242d;padding:.7rem 1rem;font:800 .86rem var(--sans);letter-spacing:.01em;text-decoration:none;cursor:pointer}.button:hover{filter:brightness(.96)}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f1a541;outline-offset:3px}.button.small{min-height:38px;padding:.5rem .8rem}.button.ghost{background:transparent;color:inherit;border-color:currentColor}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);gap:clamp(48px,8vw,120px);align-items:center;max-width:1280px;margin:auto;padding:clamp(70px,10vw,140px) clamp(22px,5vw,70px)}.eyebrow{margin:0 0 14px;color:var(--red);font:800 11px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:820px;margin:0;font:700 clamp(3rem,6vw,6.4rem)/.94 var(--serif);letter-spacing:-.055em}.lede{max-width:720px;margin:28px 0;color:#455f69;font-size:1.16rem}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-weight:800;text-decoration-thickness:1px;text-underline-offset:5px}.trust-list{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:34px 0 0;list-style:none;color:var(--muted);font-size:.82rem}.trust-list li::before{content:"✓";color:var(--green);font-weight:900;margin-right:6px}.redline-demo{position:relative;min-height:475px;background:var(--sheet);border:1px solid #c6bdaa;padding:58px 38px 38px;box-shadow:var(--shadow);transform:rotate(1.2deg)}.redline-demo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(16,44,58,.12) 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 35px,rgba(51,186,198,.13) 35px 36px);pointer-events:none}.ruler{position:absolute;left:0;right:0;top:0;height:27px;border-bottom:1px solid #c4bda8;background:repeating-linear-gradient(90deg,#8ea0a2 0 1px,transparent 1px 10px)}.sheet-label{position:relative;margin:0 0 25px;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.demo-head,.demo-row{position:relative;display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:8px;min-height:48px}.demo-head{border-bottom:2px solid var(--ink);font-size:.72rem;font-weight:900;text-transform:uppercase}.demo-head span:last-child{text-align:right}.demo-row code:last-child{text-align:right}.demo-row span{text-align:center;font-weight:900}.demo-row.mapped{color:var(--green)}.demo-row.changed,.demo-row.removed{color:var(--red)}.demo-row.added{color:var(--amber)}.stamp{position:absolute;right:22px;bottom:24px;border:4px double var(--red);color:var(--red);padding:8px 12px;transform:rotate(-9deg);font:900 14px/1.05 var(--mono);letter-spacing:.08em;text-align:center;opacity:.78}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--blue);color:white}.signal-strip div{padding:30px clamp(20px,4vw,60px);border-right:1px solid #34515e}.signal-strip strong{display:block;color:var(--cyan);font:700 2rem var(--serif)}.signal-strip span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.section{max-width:1280px;margin:auto;padding:clamp(70px,10vw,130px) clamp(22px,5vw,70px)}.section h2,.boundary h2{max-width:780px;margin:0 0 45px;font:700 clamp(2.1rem,4vw,4.2rem)/1 var(--serif);letter-spacing:-.04em}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.three article{border-top:2px solid var(--ink);padding:24px 0}.three .number{color:var(--red);font:700 12px var(--mono)}.three h3{font:700 1.25rem var(--serif)}.three p,.split p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,130px);align-items:start}.steps{counter-reset:steps;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.steps li{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);font-weight:750}.steps span{color:var(--red);font:700 .8rem var(--mono)}.boundary{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;background:#dfd8c8;padding:clamp(60px,8vw,100px) max(clamp(22px,5vw,70px),calc((100vw - 1280px)/2 + 70px))}.boundary h2{margin:0}.boundary>p{font-size:1.05rem;color:#46585d}footer{display:grid;grid-template-columns:1fr auto;gap:24px;background:#0c222c;color:#c6d4d7;padding:50px clamp(22px,5vw,70px);font-size:.8rem}footer nav{flex-wrap:wrap}footer>p{grid-column:1/-1;border-top:1px solid #34515e;padding-top:20px}.noscript{margin:0;background:#ffdca2;padding:1rem;text-align:center}@media(max-width:850px){.hero,.split,.boundary{grid-template-columns:1fr}.hero{padding-top:60px}.redline-demo{max-width:600px}.three{grid-template-columns:1fr}.signal-strip{grid-template-columns:1fr 1fr}.site-head{align-items:flex-start}.site-head nav>a:not(.button){display:none}footer{grid-template-columns:1fr}}@media(max-width:430px){.hero h1{font-size:2.65rem}.redline-demo{min-height:410px;padding:48px 16px 25px}.demo-row{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);font-size:.73rem}.signal-strip div{padding:20px}.site-head{padding:12px 15px}.brand-mark{width:36px;height:36px}.brand small{display:none}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.card,.panel,.note,.hero,.method-card{border:1px solid CanvasText;box-shadow:none}.button,.icon-button{forced-color-adjust:none}}
@media print{
  .site-head nav,.site-foot nav,.skip,.noscript{display:none!important}
  body{background:#fff;color:#000}
  main{max-width:none;padding:0}
  .card,.panel,.note,.method-card{box-shadow:none;border:1px solid #000;break-inside:avoid;page-break-inside:avoid}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
}

/* Phone touch targets: navigation, footer, brand and disclosure controls stay 44 px. */
@media(max-width:760px){
nav a,footer a,:is(a,button):is(.brand,.wordmark,.logo,.desk-brand,.app-brand){min-height:44px;min-width:44px;display:inline-flex;align-items:center}
:is(a,button):is(.text-link,.arrow-link,.ink-link,.boundary-link,.small-cta,.plain,.skip,.skip-link,.button,.launch,.cta):not(p *,li *,small *,dd *){min-height:44px;display:inline-flex;align-items:center}
summary{min-height:44px;align-content:center}
}