/* PT-018 | The Pythagorean Method, minimal visual storytelling */
.method-hero{background:radial-gradient(ellipse at 82% 28%,#123f43 0%,#0a242e 44%,#07151d 78%);color:#f4fffc;position:relative;overflow:hidden}
.method-hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(143,226,209,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(143,226,209,.065) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,transparent,#000)}
.method-hero-layout{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px;padding-top:165px;padding-bottom:108px;min-height:650px}
.method-hero h1{font:700 clamp(43px,5.4vw,74px)/1.15 Manrope,sans-serif;letter-spacing:-3px;margin:20px 0 29px}
.method-hero h1 em{color:#8be5d0;font-style:normal}
.method-hero-copy>p{max-width:660px;font-size:17px;line-height:1.87;color:#bed8d8;margin-bottom:28px}
.method-hero-actions{display:flex;flex-wrap:wrap;gap:13px}
.method-hero-footnote{color:#96b8bf;font-size:12px;line-height:1.7;margin-top:33px;max-width:500px}
.method-geometry{position:relative;max-width:500px;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,rgba(57,155,139,.12),transparent 67%)}
.method-geometry svg{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 0 22px rgba(74,180,158,.09));transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.method-geometry:hover svg{transform:rotate(3deg) scale(1.025)}
.method-geometry-caption{position:absolute;bottom:6%;color:#91cec4;letter-spacing:2px;font-weight:700;font-size:10px}
.method-workshop{background:#f5f8f6}
.method-section-header{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:44px}
.method-section-header h2,.method-integrity h2,.method-links h2,.method-intro h2{font:700 clamp(32px,3.9vw,52px)/1.2 Manrope,sans-serif;letter-spacing:-2px;margin:14px 0 0}
.method-section-header>p{color:#5b757a;font-size:15px;line-height:1.85;max-width:400px}
.method-explorer{display:grid;grid-template-columns:minmax(205px,.36fr) minmax(0,.64fr);border:1px solid #d1e2dc;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 18px 58px rgba(4,43,47,.055)}
.method-controls{display:flex;flex-direction:column;gap:0;background:#102e38;padding:17px}
.method-step{display:flex;gap:17px;align-items:center;text-align:left;background:transparent;color:#bcd3d5;border:1px solid transparent;border-radius:5px;min-height:99px;padding:14px 17px;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}
.method-step:hover{background:#1b4650}
.method-step[aria-pressed="true"]{background:#214b50;border-color:#5fb8a7;color:white}
.method-step:focus-visible,.method-control-btn:focus-visible{outline:3px solid #95e9d5;outline-offset:2px}
.method-step-index{font:700 12px Manrope,sans-serif;letter-spacing:1.5px;color:#87dec9;min-width:29px}
.method-step strong{display:block;font:700 16px Manrope,sans-serif;letter-spacing:-.3px}
.method-step small{display:block;color:#afc9cd;font-size:12px;margin-top:7px;line-height:1.35}
.method-stage-surface{min-width:0;position:relative;padding:0 40px 22px;display:flex;flex-direction:column}
.method-stage-graphic{height:186px;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #e2eeea}
.method-stage-graphic svg{width:275px;max-width:67%;height:175px}
.method-shape-grid{stroke:#d6e8e2;stroke-width:1;stroke-dasharray:3 7}
.method-shape-line{stroke:#2c9384;transition:stroke .3s,stroke-dasharray .3s}
.method-shape-node{fill:#177e73;transition:fill .3s}
[data-method-geometry="1"] .method-shape-line{stroke:#3e94a0;stroke-dasharray:9 6}
[data-method-geometry="2"] .method-shape-line{stroke:#227b74;stroke-dasharray:none}
[data-method-geometry="3"] .method-shape-line{stroke:#579fa5;stroke-dasharray:3 4}
.method-stage-watermark{font:800 10px Manrope,sans-serif;color:#93aaa9;letter-spacing:2px;white-space:nowrap}
.method-stage-content{flex:1;padding-top:25px;min-height:320px}
.method-panel[hidden]{display:none!important}
.method-panel + .method-panel:not([hidden]){margin-top:28px;padding-top:20px;border-top:1px solid #d5e6e0}
.method-panel-eyebrow,.method-panel-output{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#267e70}
.method-panel h3{font:700 clamp(24px,2.8vw,36px)/1.26 Manrope,sans-serif;letter-spacing:-1.25px;color:#102f36;margin:15px 0 18px}
.method-panel>p{color:#516d71;font-size:15px;line-height:1.9;margin:0 0 20px}
.method-panel-detail{border-left:3px solid #67cbb2;background:#f1f8f4;padding:16px 20px;margin-bottom:22px}
.method-panel-detail strong{color:#1c5651;font:700 13px Manrope,sans-serif}
.method-panel-detail p{font-size:13px;color:#557176;line-height:1.8;margin:7px 0 0}
.method-panel-output{display:block;padding-bottom:16px;color:#377d71}
.method-stage-footer{border-top:1px solid #e2eeea;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px}
.method-announcement{font-size:12px;font-weight:700;color:#385f5d}
.method-stage-actions{display:flex;gap:9px}
.method-control-btn{border:1px solid #b8d5cb;background:#fff;color:#205e57;border-radius:5px;padding:12px 14px;min-height:46px;font:700 12px Manrope,sans-serif;cursor:pointer}
.method-control-btn:hover:not(:disabled){background:#e7f3ee}
.method-control-btn:disabled{opacity:.48;cursor:not-allowed}
.method-integrity{background:#e7f0eb}
.method-integrity-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px}
.method-integrity-grid>div:last-child{padding-top:30px}
.method-integrity-grid p{font-size:15px;line-height:1.95;color:#587277;margin-bottom:23px}
.method-links{background:#fff}
.method-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.method-link-grid a{display:block;text-decoration:none;border:1px solid #d2e3dd;background:#f7faf7;border-radius:6px;padding:31px 33px;transition:transform .25s,border-color .25s,box-shadow .25s}
.method-link-grid a:hover{transform:translateY(-3px);border-color:#6db7a7;box-shadow:0 10px 30px rgba(13,77,77,.08)}
.method-link-grid a:focus-visible{outline:3px solid #137a70;outline-offset:3px}
.method-link-grid a>span{font:800 10px Manrope,sans-serif;letter-spacing:1.2px;color:#307e74}
.method-link-grid h3{font:700 28px Manrope,sans-serif;letter-spacing:-.8px;color:#153c40;margin:14px 0}
.method-link-grid p{font-size:14px;color:#557174;line-height:1.85;max-width:470px}
.method-link-grid strong{display:inline-block;color:#277a6d;margin-top:13px;font-size:13px}
.method-nojs{font-size:13px;color:#536d71;margin-top:18px}
.method-intro{background:#ecf3ee}
.method-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.method-intro-copy>p{font-size:15px;color:#547075;line-height:1.95;max-width:570px;margin:25px 0}
.method-intro-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.method-intro-steps>div{min-height:143px;background:#fff;border:1px solid #d9e8e0;border-top:3px solid #7acbb3;padding:23px 21px}
.method-intro-steps span{display:block;color:#368a7b;font:800 11px Manrope,sans-serif}
.method-intro-steps strong{display:block;color:#153d42;font:700 18px Manrope,sans-serif;margin:15px 0 7px}
.method-intro-steps small{display:block;color:#5b7778;font-size:12px}
.method-about-band{background:#12353e;padding:58px 0;border-top:1px solid #28535b}
.method-about-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.method-about-kicker{color:#8de1cf;letter-spacing:1.6px;font-size:10px;font-weight:800}
.method-about-inner h2{color:#fff;font:700 clamp(22px,3vw,32px) Manrope,sans-serif;letter-spacing:-.8px;margin:12px 0}
.method-about-inner p{color:#b9d2d3;font-size:14px;line-height:1.7;max-width:570px}
@media(max-width:1000px){.method-hero-layout{grid-template-columns:1fr .65fr;gap:15px}.method-explorer{grid-template-columns:235px minmax(0,1fr)}.method-stage-surface{padding:0 25px 20px}.method-section-header{align-items:start}.method-intro-grid{gap:40px}}
@media(max-width:760px){.method-hero-layout{grid-template-columns:1fr;padding-top:133px;padding-bottom:58px;gap:24px}.method-hero h1{font-size:clamp(40px,9vw,58px);letter-spacing:-2px}.method-hero-copy>p{font-size:15px}.method-geometry{max-width:360px;margin:auto}.method-geometry-caption{bottom:0}.method-section-header{display:block}.method-section-header>p{margin-top:17px}.method-explorer{grid-template-columns:1fr}.method-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px}.method-step{padding:12px;min-height:84px;gap:11px}.method-step strong{font-size:14px}.method-step small{font-size:11px}.method-stage-content{min-height:310px}.method-integrity-grid,.method-intro-grid{grid-template-columns:1fr;gap:23px}.method-integrity-grid>div:last-child{padding-top:0}.method-link-grid{grid-template-columns:1fr}.method-about-inner{display:block}.method-about-inner .btn{margin-top:17px}}
@media(max-width:425px){.method-hero-actions{display:grid}.method-hero-actions .btn{width:100%}.method-step-index{font-size:10px;min-width:18px}.method-step small{font-size:10px}.method-stage-surface{padding:0 17px 20px}.method-stage-graphic{height:130px}.method-stage-graphic svg{width:210px;height:125px}.method-stage-watermark{font-size:8px;letter-spacing:.9px}.method-stage-footer{align-items:stretch;flex-direction:column}.method-stage-actions{display:grid;grid-template-columns:1fr 1fr}.method-intro-steps{grid-template-columns:1fr 1fr}.method-intro-steps>div{padding:17px;min-height:130px}}
@media(prefers-reduced-motion:reduce){.method-geometry svg,.method-step,.method-link-grid a,.method-shape-line,.method-shape-node{animation:none!important;transition:none!important;transform:none!important}}
@media(forced-colors:active){.method-step[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-4px}.method-shape-line{stroke:CanvasText}.method-shape-node{fill:CanvasText}.method-control-btn:focus-visible{outline:3px solid Highlight}}