:root{
  --black:#000;--charcoal:#111;--ink:#1d1d1f;--white:#fff;
  --off-white:#f5f5f7;--steel:#86868b;--graphite:#6e6e73;
  --control-dark:#333336;--cloud-gray:#e8e8ed;--accent:#d3f37b;
  --line:rgba(29,29,31,.17);--line-white:rgba(255,255,255,.18);
  --font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;color:var(--ink);background:var(--black);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button,textarea{font:inherit}button{cursor:pointer}
button:disabled{opacity:.4;cursor:not-allowed}
::selection{color:#111;background:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.container{width:calc(100% - 40px);max-width:1180px;margin-inline:auto}
.skip-link{position:fixed;top:-70px;left:12px;padding:12px 18px;z-index:999;background:white;color:#111}.skip-link:focus{top:12px}
.header{height:76px;position:sticky;top:0;z-index:50;background:rgba(0,0,0,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line-white);color:var(--white)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100%}
.brand{display:inline-flex;gap:15px;align-items:center;min-width:0;white-space:nowrap}.brand img{width:109px;height:auto;object-fit:contain}.brand-sep{color:#8b8b8b;font-size:19px}.brand-person{font-size:11px;font-weight:600;letter-spacing:.12em}
.nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:540}.nav>a{transition:color .2s}.nav>a:hover{color:var(--accent)}
.nav-selection{padding:10px 19px;border:1px solid rgba(255,255,255,.38);border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.selection-indicator{width:7px;height:7px;border-radius:50%;background:#616161}.selection-indicator.has-selection{background:var(--accent)}
.hero{background:var(--black);color:var(--white);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:stretch;gap:44px;padding-top:44px;padding-bottom:44px;min-height:650px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 0 26px;min-width:0}
.hero-collab{font-size:12px;color:#aaa;letter-spacing:.14em;font-weight:650;margin:0}
.hero-collab span{color:var(--accent);padding-inline:7px}
h1,h2,h3,p{overflow-wrap:break-word}
.hero h1{font-size:clamp(60px,6.2vw,91px);font-weight:600;letter-spacing:-.074em;line-height:1.02;margin:30px 0 29px}
.hero h1 span{color:var(--accent)}
.hero-desc{font-size:clamp(17px,1.55vw,20px);line-height:1.56;letter-spacing:-.022em;max-width:590px;color:#c0c0c4;margin:0}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:39px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:16px 23px;min-height:51px;border-radius:9999px;font-weight:600;font-size:14px;line-height:1.2;border:1px solid transparent;text-align:center;transition:transform .2s,background .2s,color .2s,border-color .2s;white-space:normal}
.btn:hover{transform:translateY(-2px)}.btn span{font-size:20px;line-height:0}.btn-accent{background:var(--accent);color:#111}.btn-accent:hover{background:#e2f9ad}
.btn-dark{color:#fff;background:#111}.btn-dark:hover{background:#333}
.btn-outline{background:transparent;color:#1d1d1f;border-color:#b7b7bb}.btn-outline:hover{background:#ededf0}
.btn-outline-dark{background:transparent;border-color:#9a9aa0;color:#1d1d1f}.btn-outline-dark:hover{background:#eeeeef}
.btn-muted{background:#e8e8ed;color:#1d1d1f}.btn-muted:hover{background:#dddde0}
.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:550;font-size:13px}.text-link.light{color:#fff}.text-link span{color:var(--accent);font-size:19px}
.hero-portrait{position:relative;overflow:hidden;min-height:560px;border-radius:28px;background:#e4e1de}
.hero-portrait>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 27%}
.hero-photo-note{position:absolute;bottom:0;left:0;right:0;padding:62px 24px 24px;display:flex;justify-content:space-between;gap:12px;color:white;font-size:10px;font-weight:600;letter-spacing:.12em;background:linear-gradient(transparent,rgba(0,0,0,.63))}
.hero-bottom{border-top:1px solid var(--line-white);display:flex;justify-content:space-between;gap:22px;padding-top:18px;padding-bottom:25px;font-size:12px;color:#aeb0ae;letter-spacing:.02em}
.hero-bottom span:last-child{color:var(--accent);font-weight:650}
.section{padding:clamp(88px,11vw,144px) 0}.section-white{background:var(--white)}.section-offwhite{background:var(--off-white)}.section-dark{background:var(--charcoal);color:white}
.section-intro{display:grid;grid-template-columns:1.02fr .98fr;align-items:end;gap:85px}
.section-intro h2,.offer-heading h2{font-size:clamp(45px,5.4vw,74px);font-weight:600;letter-spacing:-.07em;line-height:1.09;margin:0}.muted{color:#919197}.dark-muted{color:#737376}
.intro-copy{max-width:550px}.intro-copy p{font-size:clamp(16px,1.45vw,20px);line-height:1.64;letter-spacing:-.018em;margin:0 0 19px}.intro-copy p:last-child{margin-bottom:0}
.rule-heading{margin-top:84px;padding:18px 0;border-top:1px solid #99999c;display:flex;justify-content:space-between;align-items:center;gap:20px}
.rule-heading h3{font-size:15px;margin:0;font-weight:650}.rule-heading>span{font-size:11px;white-space:nowrap;letter-spacing:.08em;color:#8a8a8d}
.benefits-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.benefit{background:var(--off-white);border-radius:24px;min-height:245px;padding:23px 20px;display:flex;flex-direction:column;gap:50px;justify-content:space-between}
.benefit-num{font-size:12px;font-weight:600;color:#88888c}.benefit p{font-size:clamp(14px,1.15vw,16px);line-height:1.44;font-weight:510;letter-spacing:-.023em;margin:0}
.tiny-overline{font-size:11px;font-weight:650;letter-spacing:.13em;margin:0 0 33px}
.vision h2{font-size:clamp(45px,5.3vw,73px);letter-spacing:-.068em;font-weight:600;line-height:1.1;max-width:1110px;margin:0}
.vision h2 span{color:#9f9fa2}.vision-copy{max-width:760px;margin:37px 0 80px;color:#b2b2b6;font-size:clamp(17px,1.65vw,22px);line-height:1.56}
.path{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:29px 0;border-top:1px solid #474747;border-bottom:1px solid #474747;flex-wrap:wrap}
.path span{font-size:clamp(14px,1.32vw,18px);font-weight:570;letter-spacing:-.025em}.path span:last-child{color:var(--accent)}.path b{font-size:18px;color:var(--accent);font-weight:350}
.vision-caption{margin:29px 0 0;max-width:850px;color:#b1b1b4;line-height:1.55;font-size:16px}
.section-intro.aligned{align-items:end}.section-intro.aligned>p{font-size:clamp(16px,1.48vw,20px);line-height:1.6;max-width:460px;margin:0 0 4px;color:var(--graphite)}
.section-dark .section-intro.aligned>p{color:#b5b5b9}
.stage-actions{display:flex;justify-content:space-between;align-items:center;margin-top:72px;padding:0 0 20px;gap:20px;border-bottom:1px solid #a5a5ab}
.stage-actions>span{font-size:12px;letter-spacing:.09em;color:#727276;font-weight:600}
.quiet-link{border:0;background:none;padding:8px 0;color:inherit;display:inline-flex;gap:10px;align-items:center;font-weight:620;font-size:13px}.quiet-link:hover{text-decoration:underline}.quiet-link span{color:#617d29}
.stage{border-bottom:1px solid #cacacf}.stage summary{list-style:none;display:grid;grid-template-columns:60px minmax(0,1fr) 43px;align-items:start;gap:18px;padding:29px 0 32px;cursor:pointer}
.stage summary::-webkit-details-marker{display:none}.stage-id{font-size:14px;padding-top:9px;color:#7f7f84;font-weight:650}.stage-titles{display:flex;flex-direction:column;gap:9px}.stage-titles strong{font-size:clamp(23px,2.25vw,32px);font-weight:600;letter-spacing:-.047em;line-height:1.2}.stage-titles small{font-size:clamp(14px,1.18vw,16px);font-weight:400;color:#77777d;line-height:1.5;letter-spacing:-.01em}
.stage-toggle{border-radius:50%;border:1px solid #c5c5c9;height:40px;width:40px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;transition:transform .2s,background .2s;flex-shrink:0}
.stage[open] .stage-toggle{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}
.stage-inner{padding:0 48px 40px 78px}.stage-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:16px;list-style:none;padding:0;margin:0}
.stage-points li{position:relative;padding-left:17px;font-size:15px;color:#53535a;line-height:1.56}.stage-points li:before{content:'↗';color:#708e37;font-size:12px;position:absolute;left:0;top:1px}
.team{padding-bottom:130px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:72px}.team-card{min-height:250px;border:1px solid #333338;border-radius:28px;padding:24px;background:#1e1e20;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}.team-card:hover{background:#262629}.team-card>span{font-size:11px;color:#9c9ca0;letter-spacing:.12em}.team-card h3{font-size:clamp(25px,2.3vw,35px);font-weight:560;letter-spacing:-.052em;line-height:1.12;margin:0;overflow-wrap:anywhere}
.duration{background:#e9e9eb;display:grid;grid-template-columns:40% 60%;min-height:645px}.duration-image{position:relative;overflow:hidden;background:#d6d4d2}.duration-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%}.duration-copy{padding:80px clamp(40px,6.5vw,110px);display:flex;flex-direction:column;justify-content:space-between;gap:36px}.duration-copy .tiny-overline{color:#727278}.duration-copy h2{font-size:clamp(46px,5vw,77px);font-weight:600;line-height:1.07;letter-spacing:-.072em;margin:0 0 30px}.duration-copy h2 span{color:#929297}.duration-copy p:not(.tiny-overline){font-size:clamp(17px,1.55vw,20px);max-width:520px;line-height:1.6;color:#64646c;margin:0}.duration-footer{padding-top:22px;border-top:1px solid #b5b5bb;display:flex;justify-content:space-between;gap:20px;align-items:center}.duration-footer>span{font-size:11px;letter-spacing:.11em;color:#7b7b80}.duration-footer>strong{font-size:17px;font-weight:570}
.offer-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.offer-heading>p{max-width:460px;font-size:18px;line-height:1.6;color:#6f6f75;margin:0 0 5px}
.offer-card{margin-top:65px;border-radius:28px;background:var(--off-white);padding:clamp(24px,4vw,48px)}
.offer-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:start}.offer-top .tiny-overline{color:#66666b;margin-bottom:34px}.offer-top h3{font-weight:600;font-size:clamp(27px,3.4vw,47px);letter-spacing:-.058em;line-height:1.12;max-width:670px;margin:0}.offer-period{color:#77777d;margin:23px 0 0;font-size:16px}
.offer-price{display:flex;flex-direction:column;align-items:flex-end;gap:9px;white-space:nowrap}.offer-price strong{font-size:clamp(51px,5.8vw,78px);line-height:1;letter-spacing:-.08em;font-weight:620}.offer-price span{color:#828288;font-size:13px}
.offer-controls{margin-top:54px;padding-top:28px;border-top:1px solid #d1d1d5;display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}
.offer-expanded{padding-top:32px;max-width:900px}.offer-expanded[hidden]{display:none}.offer-detail-title{font-size:16px;font-weight:640;margin:0 0 18px}.offer-expanded ol{list-style:decimal-leading-zero;padding-left:27px;margin:0;border-top:1px solid #dbdbdf}.offer-expanded li{font-size:14px;border-bottom:1px solid #dbdbdf;padding:13px 9px 13px 5px;color:#73737a}.offer-expanded a{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#222226;font-size:16px;font-weight:520}.offer-expanded a:hover{text-decoration:underline}.offer-expanded a span:last-child{color:#80994f}.offer-expanded>p:last-child{font-size:14px;color:#77777d;line-height:1.5;margin-top:22px}
.offer-footnote{color:#85858a;font-size:13px;line-height:1.55;margin:24px 0 0}
.footer{background:#000;color:#aeaeae}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line-white);padding:36px 0 45px;font-size:11px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{object-fit:contain;width:126px;height:auto}.footer a:hover{color:var(--accent)}
/* Decision modal */
.decision-modal{border:1px solid #d6d6d9;padding:0;max-width:min(590px,calc(100vw - 24px));width:100%;max-height:min(90dvh,780px);border-radius:28px;overflow:auto;background:white;color:var(--ink)}
.decision-modal::backdrop{background:rgba(0,0,0,.69);backdrop-filter:blur(5px)}
.decision-modal[open]{animation:modal-in .22s ease-out}.modal-form{padding:clamp(22px,4vw,40px)}.modal-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.modal-top .tiny-overline{margin:11px 0 0;color:#75757a}.icon-close{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;border:1px solid #ddd;background:#f5f5f7;color:#333;font-size:26px}.modal-form h2{font-size:clamp(32px,4vw,46px);letter-spacing:-.06em;font-weight:600;line-height:1.12;margin:32px 0 17px}.modal-offer-name{padding:17px 0;border-top:1px solid #d7d7da;border-bottom:1px solid #d7d7da;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px;line-height:1.4}.modal-offer-name strong{font-size:25px;white-space:nowrap;letter-spacing:-.06em}
.modal-form label{font-weight:600;display:block;margin:28px 0 10px;font-size:14px}.modal-form label span{font-weight:400;color:#888}.modal-form textarea{width:100%;resize:vertical;min-height:110px;border:1px solid #cccdd2;background:#f7f7f8;border-radius:16px;padding:16px;outline:none;font-size:16px;line-height:1.5}.modal-form textarea:focus{border-color:#718b3a;box-shadow:0 0 0 2px rgba(211,243,123,.35)}.modal-help{font-size:13px;line-height:1.55;color:#79797e;margin:15px 0 26px}.modal-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}
@keyframes modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Selection and confirmation pages */
.state-main{min-height:calc(100dvh - 175px);background:var(--off-white);padding:clamp(75px,9vw,122px) 0 120px}
.state-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px}.state-mark{width:160px;height:160px;border-radius:36px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:83px;line-height:1;font-weight:400}.state-mark-alt{font-size:70px;letter-spacing:-.08em}
.state-copy .tiny-overline{margin:5px 0 25px;color:#67676c}.state-copy h1{font-size:clamp(55px,7vw,99px);font-weight:600;letter-spacing:-.079em;line-height:1.06;margin:0 0 27px}.state-lead{color:#69696e;max-width:700px;font-size:19px;line-height:1.6;margin:0 0 38px}.state-detail{border-top:1px solid #c7c7cc;border-bottom:1px solid #c7c7cc;padding:28px 0;max-width:780px}.state-row{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:17px}.state-row:last-child{margin-bottom:0}.state-row .key{color:#727278;font-size:13px;min-width:120px}.state-row strong{font-size:clamp(17px,1.8vw,22px);letter-spacing:-.023em;font-weight:600;max-width:510px;text-align:right}.state-comment{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:16px;font-weight:450;max-width:520px;text-align:right}.state-actions{display:flex;gap:12px;flex-wrap:wrap;margin:37px 0 20px}.copy-status{font-size:13px;min-height:20px;color:#4c6730}.state-copy>.quiet-link{margin-top:3px}.subtle-back{display:block;margin-top:35px;color:#6a6a6f;font-size:14px}.subtle-back:hover{text-decoration:underline}.empty-state{font-size:17px;color:#555;line-height:1.5}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr .9fr;gap:28px}.hero h1{font-size:clamp(53px,6.2vw,73px)}.section-intro{gap:42px}.benefits-grid{grid-template-columns:repeat(3,1fr)}.benefit{min-height:208px}.path{justify-content:flex-start;gap:16px}.duration-copy{padding:67px 48px}.duration-copy h2{font-size:clamp(45px,4.8vw,62px)}.offer-price strong{font-size:60px}}
@media(max-width:850px){.header{height:68px}.nav{gap:18px}.nav>a:not(.nav-selection){display:none}.brand-person{font-size:10px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:22px;gap:24px}.hero-copy{padding:50px 0 26px}.hero h1{font-size:clamp(56px,10vw,84px)}.hero-portrait{height:clamp(490px,67vw,690px);min-height:0}.hero-portrait img{object-position:center 25%}.section-intro{grid-template-columns:1fr;gap:34px}.intro-copy{max-width:700px}.section-intro.aligned>p{max-width:700px}.vision-copy{margin-bottom:58px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duration{grid-template-columns:42% 58%;min-height:520px}.duration-copy{padding:45px 30px}.duration-copy h2{font-size:clamp(37px,4.8vw,53px)}.duration-copy p:not(.tiny-overline){font-size:16px}.offer-top{grid-template-columns:1fr auto;gap:25px}.offer-price strong{font-size:49px}.offer-heading{align-items:start;flex-direction:column;gap:30px}.state-grid{grid-template-columns:150px 1fr;gap:35px}.state-mark{width:120px;height:120px;font-size:70px}}
@media(max-width:600px){.container{width:calc(100% - 24px)}.header{height:62px}.brand img{width:83px}.brand{gap:9px}.brand-person{font-size:9px;letter-spacing:.06em}.nav-selection{padding:10px 12px;font-size:12px}.nav{gap:0}.hero-grid{padding:0 0 22px;gap:15px}.hero-copy{padding:55px 0 20px}.hero-collab{font-size:10px}.hero h1{font-size:clamp(47px,10.35vw,64px);margin:24px 0 24px;letter-spacing:-.068em}.hero-desc{font-size:17px}.hero-actions{margin-top:30px;gap:22px}.hero-actions .btn{width:100%}.hero-actions .text-link{margin:0 0 4px}.hero-portrait{height:480px;border-radius:24px}.hero-photo-note{font-size:9px;padding:52px 18px 17px}.hero-bottom{flex-wrap:wrap;gap:10px 20px;padding:13px 0 23px;font-size:11px}.section{padding:82px 0}.section-intro h2,.offer-heading h2{font-size:clamp(43px,9.7vw,60px)}.intro-copy p{font-size:17px}.rule-heading{margin-top:54px}.rule-heading h3{font-size:13px}.rule-heading>span{font-size:9px}.benefits-grid{grid-template-columns:1fr;gap:8px}.benefit{min-height:115px;padding:21px 22px;display:grid;grid-template-columns:35px 1fr;gap:15px;align-items:start;border-radius:21px}.benefit p{font-size:16px}.vision h2{font-size:clamp(42px,9vw,60px)}.vision-copy{font-size:17px;margin:29px 0 45px}.path{gap:10px 12px}.path span{font-size:15px}.path b{font-size:14px}.vision-caption{font-size:14px}.stage-actions{margin-top:49px}.stage-actions>span{font-size:10px}.quiet-link{font-size:12px}.stage summary{grid-template-columns:32px minmax(0,1fr) 35px;gap:11px;padding:24px 0 27px}.stage-id{font-size:12px;padding-top:5px}.stage-titles strong{font-size:clamp(20px,5vw,27px)}.stage-titles small{font-size:13px}.stage-toggle{width:32px;height:32px;font-size:20px}.stage-inner{padding:0 2px 28px 43px}.stage-points{grid-template-columns:1fr;gap:13px}.stage-points li{font-size:14px}.team{padding-bottom:82px}.team-grid{grid-template-columns:1fr;margin-top:46px;gap:9px}.team-card{min-height:170px;border-radius:24px;padding:23px}.team-card h3{font-size:27px}.duration{grid-template-columns:1fr}.duration-image{height:395px}.duration-image img{object-position:center 22%}.duration-copy{padding:62px 24px;min-height:380px}.duration-copy h2{font-size:clamp(43px,9.4vw,62px)}.duration-footer{flex-wrap:wrap}.offer-heading>p{font-size:17px}.offer-card{margin-top:43px;padding:24px;border-radius:24px}.offer-top{display:flex;flex-direction:column;gap:29px}.offer-top .tiny-overline{margin-bottom:22px}.offer-top h3{font-size:30px}.offer-period{margin-top:18px;font-size:14px}.offer-price{align-items:flex-start;gap:6px}.offer-price strong{font-size:67px}.offer-controls{margin-top:32px;flex-direction:column}.offer-controls .btn{width:100%}.offer-expanded a{font-size:14px}.footer-inner{flex-wrap:wrap;gap:21px 40px;padding:32px 0}.footer-brand{width:100%;justify-content:space-between}.footer-brand img{width:99px}.state-main{padding:65px 0 85px}.state-grid{display:block}.state-mark{width:88px;height:88px;border-radius:25px;font-size:53px;margin-bottom:35px}.state-mark-alt{font-size:40px}.state-copy h1{font-size:clamp(48px,11vw,70px)}.state-lead{font-size:16px}.state-actions{flex-direction:column}.state-actions .btn{width:100%}.state-row{flex-direction:column;gap:6px;margin-bottom:19px}.state-row strong,.state-comment{text-align:left}.state-row .key{min-width:0}.modal-form{padding:24px 20px}.modal-form h2{margin-top:24px}.modal-offer-name{display:block}.modal-offer-name strong{display:block;margin-top:8px}.modal-buttons{flex-direction:column-reverse}.modal-buttons .btn{width:100%}.decision-modal{border-radius:24px;max-height:calc(100dvh - 24px)} }
@media(max-width:380px){.brand-person{max-width:85px;overflow:hidden;text-overflow:ellipsis}.nav-selection{font-size:11px;padding:9px 10px}.hero h1{font-size:clamp(43px,10vw,51px)}.hero-portrait{height:405px}.offer-price strong{font-size:59px}.hero-photo-note span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* v3: layout & copy refinement based on 8 annotated screenshots. */
/* 01 — matching the lettering proportions in the header wordmark */
.brand{gap:18px}
.brand img{width:137px}
.brand-person{font-size:20px;font-weight:600;letter-spacing:.105em;line-height:1.1}
.brand-sep{font-size:25px}

/* 02 — simplified hero; no repeated labels or bottom meta strip */
.hero-grid{padding-bottom:55px}
.hero h1{margin-top:0}
.hero-copy{justify-content:center}

/* 03 — align introduction with heading and benefit copy from top */
#why .section-intro{align-items:start}
#why .section-intro h2{font-size:clamp(49px,5.85vw,82px)}
#why .rule-heading{margin-top:70px}
#why .benefit{justify-content:flex-start;gap:20px;min-height:232px}
#why .benefit p{margin:0;align-self:start}

/* 04 — more balanced rhythm in the strategic approach */
.vision h2{font-size:clamp(47px,5.5vw,77px)}
.vision-copy{margin:34px 0 38px}
.vision .path{gap:clamp(10px,1vw,16px);justify-content:space-between;padding:32px 0}
.vision .path span{font-size:clamp(16px,1.52vw,20px)}
.vision-caption{font-size:clamp(17px,1.65vw,22px);max-width:830px;line-height:1.56;margin-top:34px}

/* 05 — stages: no small duplicate label, a one-line shared-scale heading */
.stage-eyebrow{font-size:clamp(20px,2.25vw,28px);font-weight:550;letter-spacing:-.035em;margin:0 0 18px}
.stage-intro h2{font-size:clamp(43px,4.6vw,69px);line-height:1.14;font-weight:600;letter-spacing:-.068em;margin:0;white-space:nowrap}
.stage-actions{justify-content:flex-end;margin-top:55px}

/* 06 — team: top alignment matches title and explanatory copy */
.team .section-intro{align-items:start}
.team .section-intro>p{margin-top:7px}

/* 07 — complete portrait, clean heading and removed redundant bottom line */
.duration-image img{object-position:center top}
.duration-copy{justify-content:center}
.duration-copy h2{margin:0}

/* 08 — proposal intro and card, no redundant labels */
.offer-heading{align-items:flex-start}
.offer-heading>p{margin-top:6px;margin-bottom:0}
.offer-period{font-size:19px;line-height:1.5;margin-top:26px}
.offer-card{margin-top:65px}

@media(max-width:1120px){
 .brand img{width:117px}
 .brand-person{font-size:16px;letter-spacing:.08em}
 .brand-sep{font-size:21px}
 .stage-intro h2{white-space:normal}
 .vision .path{justify-content:space-between}
}
@media(max-width:850px){
 .brand img{width:104px}
 .brand-person{font-size:15px}
 .brand{gap:12px}
 .hero h1{margin-top:0}
 #why .section-intro{gap:28px}
 #why .benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #why .benefit{min-height:205px}
 .stage-actions{margin-top:36px}
 .duration-image img{object-position:center top}
}
@media(max-width:600px){
 .brand{gap:8px}
 .brand img{width:79px}
 .brand-sep{font-size:18px}
 .brand-person{font-size:12px;letter-spacing:.015em;max-width:none}
 .hero-grid{padding-bottom:36px}
 .hero-copy{padding-top:58px}
 #why .section-intro h2{font-size:clamp(43px,10vw,60px)}
 #why .rule-heading{margin-top:45px}
 #why .benefits-grid{grid-template-columns:1fr}
 #why .benefit{min-height:0;display:flex;flex-direction:column;gap:12px;padding:22px}
 #why .benefit p{font-size:16px}
 .vision h2{font-size:clamp(39px,8.7vw,58px)}
 .vision-copy{margin:28px 0 28px}
 .vision .path{justify-content:flex-start;gap:13px 11px}
 .vision .path span{font-size:15px}
 .vision-caption{font-size:17px;margin-top:27px}
 .stage-eyebrow{font-size:21px;margin-bottom:15px}
 .stage-intro h2{font-size:clamp(37px,9vw,54px);white-space:normal}
 .team .section-intro>p{margin-top:0}
 .duration-image img{object-position:center top}
 .duration-copy{min-height:280px;justify-content:center;padding:44px 24px}
 .offer-heading>p{margin-top:0}
 .offer-period{font-size:17px;margin-top:20px}
 .offer-card{margin-top:37px}
}
@media(max-width:380px){
 .brand img{width:74px}
 .brand-person{font-size:11px;max-width:none;overflow:visible;text-overflow:clip}
}
