:root { color-scheme: light; --ink:#10231e; --muted:#68736f; --lime:#d7ff62; --paper:#f5f6f2; --line:#dfe4de; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Helvetica Neue",Arial,sans-serif; }
.method-header { display:flex; min-height:84px; align-items:center; justify-content:space-between; padding:18px max(5vw,24px); background:var(--ink); }
.method-brand img { display:block; width:180px; max-height:45px; }
.method-signin { padding:12px 18px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; text-decoration:none; font-weight:700; }
.method-hero { padding:clamp(70px,10vw,150px) max(7vw,28px); color:#fff; background:radial-gradient(circle at 82% 40%,#285646 0,transparent 34%),var(--ink); }
.method-hero p,.method-kicker { margin:0 0 24px; color:#8faf9f; font-size:12px; font-weight:800; letter-spacing:.18em; }
.method-hero h1 { max-width:900px; margin:0; font-size:clamp(48px,8vw,112px); line-height:.93; letter-spacing:-.065em; }
.method-hero span { display:block; max-width:720px; margin-top:38px; color:#bbc5c0; font-size:clamp(18px,2vw,26px); line-height:1.55; }
.method-content { max-width:1120px; margin:auto; padding:30px max(5vw,24px) 100px; }
.method-content > section { padding:70px 0; border-bottom:1px solid var(--line); }
.method-content h2 { margin:0 0 24px; font-size:clamp(34px,5vw,64px); letter-spacing:-.045em; }
.method-content section > p:not(.method-kicker) { max-width:850px; margin:0 0 22px; color:var(--muted); font-size:19px; line-height:1.75; }
.method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:36px; }
.method-grid div { padding:26px; border:1px solid var(--line); border-radius:22px; background:#fff; }
.method-grid strong,.method-grid span { display:block; }
.method-grid strong { margin-bottom:12px; font-size:20px; }
.method-grid span,ol span { color:var(--muted); line-height:1.55; }
ol { display:grid; gap:12px; padding:0; list-style:none; counter-reset:steps; }
ol li { display:grid; grid-template-columns:minmax(220px,.8fr) 1.2fr; gap:30px; padding:20px 0; border-top:1px solid var(--line); }
aside { margin-top:36px; padding:28px; border-left:5px solid var(--lime); border-radius:0 18px 18px 0; background:var(--ink); color:#fff; font-size:20px; line-height:1.55; }
footer { display:flex; gap:28px; padding:32px max(5vw,24px); color:#bbc5c0; background:var(--ink); }
footer a { margin-left:auto; color:#fff; }
footer a + a { margin-left:0; }
@media (max-width:700px) { .method-grid { grid-template-columns:1fr; } ol li { grid-template-columns:1fr; gap:7px; } footer { flex-wrap:wrap; } footer a { margin-left:0; } }