/* Our palette passed accessibility. Management is investigating the breach. */
:root{--ink:#352344;--paper:#faf4fb;--acid:#e8b5cf;--muted:#6c597a;--line:#ddcbe8;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7e42cd;outline-offset:4px}button{color:inherit}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:33px;font-weight:950;letter-spacing:-2.5px;text-decoration:none;line-height:1}.brand-o{display:inline-block;transform:rotate(-15deg);color:var(--ink)}.registered{font-size:13px;letter-spacing:0;vertical-align:top;margin-left:4px}.header-tag,.eyebrow,.index-label,.machine-top,.machine-bottom,.puzzle-step,.mortality-label,.gate-caption,.outline-label,.card-index,.window-bar,.lab-controls label,.range-labels,.lab-receipt>span,.plan-badge,.field-notes summary>span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;font-weight:500}.header-button{border:1px solid var(--ink);background:transparent;padding:10px 15px;font-size:14px;border-radius:3px}.header-button:hover{background:var(--ink);color:var(--paper)}.gate{padding:65px 4vw 20px;max-width:1560px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:45px 6vw;min-height:calc(100svh - 91px)}.tiny-square{display:inline-block;background:var(--ink);width:7px;height:7px;margin-right:9px}.gate #gate-title{font-size:clamp(48px,5.4vw,86px);letter-spacing:-.067em;line-height:1.04;margin:28px 0}.gate h1 em,h1 em,h2 em,.closing em{font-weight:400;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em}.intro-copy{max-width:435px;font-size:18px;line-height:1.65;color:#675574}.asterisk{font-size:20px;color:var(--ink);text-decoration:none}.intro-bottom{margin-top:48px;display:flex;align-items:flex-start;gap:25px;border-top:1px solid var(--line);padding-top:22px;max-width:435px}.intro-bottom .index-label{font-size:11px;max-width:100px}.intro-bottom p{font-size:14px;margin:0;color:var(--muted)}.gate-machine{border:1px solid var(--ink);align-self:start;background:#fff;box-shadow:8px 8px 0 #e0cbea}.machine-top{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;padding:17px 22px;gap:10px;font-size:11px}.machine-top span:last-child{color:var(--acid)}.puzzle-body{padding:30px}.puzzle-step{color:var(--muted)}.puzzle-body h2{font-size:26px;letter-spacing:-1px;margin:16px 0 5px;line-height:1.2}.puzzle-body>p{font-size:14px;color:var(--muted);margin:8px 0 25px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-tile{height:88px;background:var(--paper);border:1px solid var(--line);border-radius:3px;font-family:var(--mono);font-size:29px;font-weight:500;transition:background .12s,transform .12s}.number-tile:hover{background:var(--acid);border-color:var(--ink);transform:translateY(-2px)}.number-tile:active{transform:translateY(1px)}.feedback{font-size:14px;margin:20px 0;min-height:42px;line-height:1.5;color:#675574;border-left:3px solid var(--acid);padding-left:12px}.mortality-label{display:flex;justify-content:space-between;font-size:11px}.meter{height:5px;background:#ecdeef;margin:10px 0 20px}.meter>span{height:100%;display:block;background:var(--ink);width:0;transition:width .25s}.text-button{background:transparent;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px;text-align:left;min-height:40px}.machine-bottom{background:var(--acid);border-top:1px solid var(--ink);padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.failure-options p,.failure-options label{font-size:14px}.failure-options input{display:block;width:100%;padding:12px;border:1px solid var(--line);margin:6px 0 15px}.small-button{background:var(--paper);border:1px solid var(--ink);padding:10px 13px;font-size:14px}.micro-note{color:var(--muted);font-size:12px!important}.gate-caption{grid-column:1/-1;display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:11px;align-self:end}.gate-caption a{white-space:nowrap}.admission-bar{padding:14px 4vw;background:var(--acid);display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:14px}.inside-nav{display:flex;gap:28px;padding:20px 4vw;border-bottom:1px solid var(--line);flex-wrap:wrap}.inside-nav a{font-size:14px;text-decoration:none}.inside-nav a:hover{text-decoration:underline}.company-hero{padding:70px 4vw;display:grid;grid-template-columns:1.4fr 1fr;gap:0 8vw;max-width:1560px;margin:auto}.company-hero>.eyebrow{grid-column:1/-1}.company-hero h1{font-size:clamp(50px,6.7vw,102px);line-height:1;letter-spacing:-.07em;margin:28px 0 10px}.hero-aside{align-self:end;max-width:365px}.hero-aside p{font-size:18px;line-height:1.7}.outline-label{display:inline-block;border:1px solid var(--ink);padding:8px;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:14px 19px;border:1px solid var(--ink);border-radius:3px;font-weight:bold;text-decoration:none;font-size:14px;min-height:48px}.primary{background:var(--acid);color:var(--ink)}.primary:hover{background:#f1cadf}.secondary{background:transparent}.secondary:hover{background:#eee2f3}.stat-band{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:var(--paper);padding:32px 4vw}.stat-band>div{padding:5px 30px;border-right:1px solid #6c587d;display:flex;align-items:center;gap:20px}.stat-band>div:first-child{padding-left:0}.stat-band>div:last-child{border:0}.stat-band strong{font-size:55px;font-weight:400;letter-spacing:-3px;color:var(--acid);line-height:1.2}.stat-band span{font-size:14px;max-width:135px}.section{padding:75px 4vw;max-width:1560px;margin:auto}.section-heading{margin-bottom:35px}.section-heading h2{font-size:clamp(38px,4.2vw,64px);line-height:1.07;letter-spacing:-.055em;margin:18px 0}.section-heading>p{color:var(--muted);max-width:560px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three-col article{border-top:1px solid var(--ink);padding-top:20px}.card-index{font-size:14px;color:var(--muted)}h3{font-size:23px;letter-spacing:-.6px;line-height:1.2}.three-col p{color:var(--muted)}.protocol-strip{margin-top:35px;display:flex;gap:12px;align-items:center;overflow:hidden;padding:20px;background:#eee1f5;font:12px var(--mono)}.protocol-strip span{white-space:nowrap;border:1px solid #c1a6d2;padding:12px}.protocol-strip span:nth-child(even){background:var(--paper)}.protocol-strip b{font-size:32px}.quiet{color:var(--muted);font-size:14px}.lab{background:#eee1f5;max-width:none;border-block:1px solid #d8bee5}.lab-layout{display:grid;grid-template-columns:300px 1fr;gap:45px;max-width:1250px}.lab-controls label{display:block;margin:0 0 10px}.lab-controls select{width:100%;padding:13px 8px;border:1px solid #bea2ce;border-radius:3px;background:var(--paper);font-size:14px;margin-bottom:27px}.lab-controls input[type=range]{width:100%;accent-color:var(--ink)}.lab-controls label span{float:right;font-size:11px;letter-spacing:0}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:27px}.lab-controls>.button{width:100%;margin-bottom:10px}.lab-receipt{border-top:1px solid #d8bee5;margin-top:20px;padding-top:22px}.lab-receipt>span{font-size:11px}.lab-receipt strong{font-family:var(--mono);font-size:38px;display:block;margin:10px 0;overflow-wrap:anywhere}.lab-receipt p{font-size:14px;color:var(--muted)}.lab-window{background:var(--paper);border:1px solid var(--ink);display:flex;flex-direction:column;min-height:480px}.window-bar{display:flex;justify-content:space-between;padding:16px 20px;background:var(--ink);color:var(--paper);gap:10px;font-size:11px}.window-bar span:last-child{color:var(--acid)}.lab-screen{padding:35px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lab-screen h3{font-size:30px;margin:15px 0}.lab-screen>p{max-width:480px;color:var(--muted)}.standby-icon{font:120px/1 Georgia,serif;color:#b78dce}.lab-log{font:12px/1.6 var(--mono);padding:15px 20px;border-top:1px solid var(--line);overflow-wrap:anywhere}.lab-answers{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.lab-answers button{min-width:90px}.lab-stage{font:12px var(--mono);color:var(--muted);margin-bottom:10px}.cookie-switches{display:grid;gap:8px;text-align:left;width:100%;max-width:380px;margin:15px 0}.cookie-switches label{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:9px 14px;font-size:14px;gap:16px}.cookie-switches input{width:20px;height:20px;accent-color:var(--ink)}.vision{background:var(--ink);color:var(--acid);width:100%;min-height:180px;display:flex;flex-direction:column;justify-content:center;padding:25px;border:8px solid #5f3d78;font-size:30px;line-height:1.2;letter-spacing:-1px}.vision small{font:11px var(--mono);color:var(--paper);margin-bottom:22px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:18px}.plan{position:relative;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column}.plan.featured{border:1px solid var(--ink);background:#f2deee}.plan-badge{position:absolute;left:-1px;right:-1px;top:-25px;background:var(--ink);color:var(--acid);padding:5px 12px;font-size:10px;text-align:center}.plan .eyebrow{font-size:10px;min-height:30px}.plan h3{font-size:25px;margin:10px 0}.price{font-size:39px;letter-spacing:-2px;margin:12px 0}.price span{font-size:14px;letter-spacing:0;margin-left:4px}.plan p{color:var(--muted);font-size:14px}.plan ul{padding:0;list-style:none;font-size:14px;flex:1;margin-bottom:28px}.plan li{padding:9px 0;border-bottom:1px solid var(--line)}.plan li:before{content:'+';margin-right:10px;font-family:var(--mono)}.field-notes{border-top:1px solid var(--line)}details{border-top:1px solid #cbb2d9}details:last-child{border-bottom:1px solid #cbb2d9}summary{padding:26px 35px 26px 0;cursor:pointer;font-size:24px;letter-spacing:-.6px;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;top:30px;font-size:28px}details[open] summary:after{content:'−'}summary>span{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:12px;color:var(--muted)}details>div{max-width:760px;padding:0 0 25px;color:#675574;line-height:1.8}.closing{background:var(--ink);color:var(--paper);padding:60px 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing p{font-size:clamp(28px,3.8vw,55px);line-height:1.15;letter-spacing:-2px;margin:0}.closing em{color:var(--acid)}.closing a{font-size:20px}footer{background:var(--ink);color:#e0cde9;padding:40px 4vw;border-top:1px solid #664978;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;font-size:12px}footer .footer-brand{font-size:24px;font-weight:bold;letter-spacing:-1px;color:var(--paper);text-decoration:none}footer p{margin:0;max-width:340px}footer>div{display:flex;flex-wrap:wrap;gap:10px 20px}footer a{min-height:25px}footer>span{grid-column:1/-1;color:#c9b0d7;font-family:var(--mono);font-size:11px}dialog{border:1px solid var(--ink);max-width:550px;width:calc(100% - 32px);padding:38px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#352344b3}dialog h2{font-size:32px;line-height:1.15;letter-spacing:-1px}dialog p{line-height:1.65}dialog>.button{display:flex;margin:25px 0 16px}.dialog-close{float:right;border:0;background:none;font-size:30px;line-height:1;min-width:40px;min-height:40px}.noscript{padding:30px;background:var(--acid)}.disclosure{max-width:820px;padding:65px 25px;margin:auto}.disclosure h1{font-size:52px;letter-spacing:-2px;line-height:1.1}.disclosure h2{margin-top:36px;font-size:25px}.disclosure p{line-height:1.8;color:#675574}.human-stamp{display:inline-block;border:2px solid var(--ink);padding:15px 22px;font:18px var(--mono);transform:rotate(-4deg);background:var(--acid);margin:20px}
@media(min-width:1500px){.gate{gap:70px 100px;padding-top:90px}.gate #gate-title{font-size:90px}}
@media(max-width:900px){.gate{gap:35px;padding-top:40px}.gate #gate-title{font-size:55px}.puzzle-body{padding:23px}.machine-top{padding:15px;font-size:10px}.machine-bottom{padding:12px 15px;flex-wrap:wrap;gap:2px}.intro-bottom{flex-direction:column;gap:12px;margin-top:28px}.intro-bottom .index-label{max-width:none}.number-tile{height:76px}.plans{gap:12px}.plan{padding:22px 18px}.price{font-size:34px}.lab-layout{grid-template-columns:260px 1fr;gap:25px}.stat-band>div{padding:0 18px;gap:12px}.stat-band strong{font-size:40px}}
@media(max-width:650px){header{padding:21px 6vw}.header-tag{display:none}.brand{font-size:30px}.header-button{font-size:12px;padding:9px 12px}.gate{display:block;padding:35px 6vw 0}.gate #gate-title{font-size:clamp(44px,11vw,65px);margin:22px 0}.intro-copy{font-size:16px}.intro-bottom{display:none}.gate-machine{margin:30px 0;box-shadow:5px 5px 0 #e0cbea}.puzzle-body{padding:23px}.puzzle-body h2{font-size:25px}.number-tile{height:75px}.machine-top{font-size:10px}.machine-bottom{flex-direction:row;gap:10px}.machine-bottom>span{font-size:10px}.machine-bottom button{font-size:12px}.gate-caption{display:flex;flex-wrap:wrap;gap:13px;padding:25px 0}.gate-caption>span:nth-child(2){width:100%;order:3}.admission-bar{padding:15px 6vw;align-items:flex-start;font-size:12px}.admission-bar button{font-size:12px;min-width:95px}.inside-nav{gap:8px 23px;padding:15px 6vw}.inside-nav a{padding:8px 0}.company-hero{display:block;padding:45px 6vw}.company-hero h1{font-size:59px;margin-bottom:35px}.hero-aside{max-width:none}.hero-aside p{font-size:16px}.stat-band{padding:25px 6vw;gap:15px}.stat-band>div{padding:0 10px 0 0;display:block}.stat-band strong{font-size:36px;display:block;letter-spacing:-2px}.stat-band span{font-size:11px;display:block;margin-top:10px}.section{padding:50px 6vw}.three-col{grid-template-columns:1fr;gap:20px}.three-col h3{margin:12px 0}.protocol-strip{padding:15px}.lab-layout{display:block}.lab-controls{margin-bottom:30px}.lab-receipt{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.lab-receipt>span{grid-column:1/-1}.lab-receipt strong{font-size:32px}.lab-receipt p{font-size:12px}.lab-screen{padding:25px 18px}.window-bar{font-size:10px;padding:14px}.lab-window{min-height:400px}.plans{grid-template-columns:1fr;gap:45px}.plan{padding:28px}.plan .eyebrow{min-height:0}.plan h3{font-size:27px}.plan p{font-size:16px}.price{font-size:43px}.closing{display:block;padding:45px 6vw}.closing p{font-size:36px;letter-spacing:-1px;margin-bottom:30px}.closing .button{width:100%}footer{grid-template-columns:1fr;padding:30px 6vw}footer>div{gap:14px 20px}.disclosure h1{font-size:40px}.section-heading h2{font-size:43px}summary{font-size:21px}.gate .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* The ad gets one slot. The robot gets infinity. Fairness is a premium feature. */
.advertisement{padding:24px 4vw;background:var(--ink);color:#e0cde9;border-top:1px solid #664978}.advertisement>span{display:block;text-align:center;font-size:12px;margin-bottom:12px}.advertisement .adsbygoogle{max-width:1200px;margin:0 auto}


/* Peach is the emergency exit. Lavender is the nineteen steps before it. */
:root{--peach:#ffd5bc;--lilac:#d6b7ef}
.gate-machine{background:#fffafd}.machine-bottom,.admission-bar{background:var(--lilac)}
.number-tile:hover,.primary,.human-stamp{background:var(--peach)}.primary:hover{background:#ffc5a1}
.feedback{border-left-color:#a75c8b}.stat-band strong,.closing em,.window-bar span:last-child,.machine-top span:last-child{color:var(--peach)}
footer a{min-height:44px;padding-block:8px}.header-button{min-height:44px}

/* The hidden department may conceal a receipt, never the entire business case. */
[hidden]{display:none!important}.noscript-note{margin:24px 4vw;font-size:15px;max-width:850px}header{flex-wrap:wrap}.header-button{max-width:100%;white-space:normal}

/* The sales pitch and the product now share a room. Neither can find the exit. */
.company-opening{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:5vw;max-width:1560px;margin:auto;padding:44px 4vw 40px;align-items:start}
.company-opening .company-hero{display:block;padding:25px 0 0;margin:0;min-width:0}
.company-opening .company-hero h1{font-size:clamp(45px,4.9vw,76px);letter-spacing:-.065em;line-height:1.04;margin:25px 0 30px;overflow-wrap:break-word}
.company-opening .hero-aside{max-width:470px}
.company-opening .hero-aside p{font-size:17px;line-height:1.65}
.company-opening .hero-aside .entrance-note{font-size:14px;color:var(--muted);margin:15px 0 0}
.company-opening .gate{display:block;min-height:0;margin:0;padding:0;max-width:none;min-width:0}
.gate-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}
.gate-heading #gate-title{font:600 15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0}
.gate-heading>span{font-size:14px;color:var(--muted)}
.opening-gate .gate-machine{margin:0}
.opening-gate .puzzle-body{padding:24px}
.opening-gate .number-tile{height:70px}
.opening-gate .feedback{margin:16px 0;min-height:44px}
.opening-gate .machine-bottom{flex-wrap:wrap}
.company-opening:has(.gate[hidden]){grid-template-columns:1fr}
.company-opening:has(.gate[hidden]) .company-hero{max-width:780px}
.gate-caption{padding:16px 4vw;font:14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0}
.gate-caption a{display:inline-flex;align-items:center;min-height:44px}

/* Bureaucracy uses a typewriter. The humans are allowed readable labels. */
.eyebrow,.outline-label,.lab-controls label,.lab-receipt>span,.plan-badge,.field-notes summary>span{font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0;font-weight:500}
.outline-label{padding:0;border:0;font-weight:bold}
.plan .eyebrow{font-size:14px;line-height:1.5;min-height:42px}
.plan-badge{font-size:13px;top:-30px;padding:5px 12px}
.machine-top,.machine-bottom,.puzzle-step,.mortality-label,.window-bar,.lab-stage,.lab-log,.range-labels{font-size:13px;letter-spacing:0;line-height:1.5}
.machine-top,.window-bar{flex-wrap:wrap;padding:14px 18px}
.machine-top span,.window-bar span{overflow-wrap:anywhere}
.lab-controls label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px}
.lab-controls label span{float:none;font-size:14px}
.lab-receipt>span,.field-notes summary>span{font-size:14px}
.micro-note{font-size:14px!important}
.range-labels{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-bottom:8px}
.billing-hint{font-size:14px;color:var(--muted);margin:0 0 25px}
.vision small{font-size:13px;line-height:1.5}
footer>span{font-size:13px}

/* Making a button difficult to press is not a business model. Legal checked. */
.brand{display:inline-flex;align-items:center;min-height:44px}
.brand .registered{align-self:flex-start}
.inside-nav{padding-block:10px;gap:4px 28px}
.inside-nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:10px}
.text-button,.small-button{min-height:44px;padding-block:10px}
.dialog-close{min-width:44px;min-height:44px}
.lab-controls input[type=range]{display:block;min-height:44px;margin:0}
.cookie-switches label{min-height:44px;cursor:pointer}
.cookie-switches input{flex-shrink:0}
.lab-layout>*{min-width:0}
.lab-screen h3,.lab-screen>p,.vision{overflow-wrap:anywhere}
.lab-screen .button{max-width:100%;overflow-wrap:anywhere}
[tabindex="-1"]:focus-visible{outline:3px solid #7e42cd;outline-offset:4px}
footer :focus-visible,.closing :focus-visible,.stat-band :focus-visible{outline-color:var(--peach)}
body>header>a:not(.brand){display:inline-flex;align-items:center;min-height:44px}
dialog{max-height:calc(100dvh - 32px);overflow:auto}
dialog>h2{overflow-wrap:anywhere}

@media(max-width:1000px){
  .company-opening{gap:4vw;padding-top:30px}
  .company-opening .company-hero h1{font-size:clamp(44px,5.6vw,58px)}
  .opening-gate .puzzle-body{padding:20px}
  .opening-gate .number-tile{height:64px}
  .plans{grid-template-columns:1fr;gap:45px}
  .plan .eyebrow{min-height:0}
}
@media(max-width:760px){
  .company-opening{grid-template-columns:1fr;padding:25px 6vw 35px;gap:28px}
  .company-opening .company-hero{padding:0}
  .company-opening .company-hero h1{font-size:clamp(32px,9.5vw,61px);margin:18px 0 22px}
  .company-opening .hero-aside{max-width:none}
  .company-opening .hero-aside p{font-size:16px;margin:12px 0}
  .company-opening .hero-aside .entrance-note{font-size:14px;margin-top:12px}
  .gate-caption{padding-inline:6vw}
  .gate-caption>span:nth-child(2){order:0}
  .gate-heading{flex-wrap:wrap;gap:4px 12px}
  .opening-gate .puzzle-body{padding:20px}
  .opening-gate .number-tile{height:64px}
  .opening-gate .machine-bottom{gap:0 12px}
  .opening-gate .machine-bottom>span,.opening-gate .machine-bottom button{font-size:14px}
  .lab-layout{display:block}
  .lab-controls{margin-bottom:30px}
  .section-heading h2{font-size:clamp(32px,8vw,43px);overflow-wrap:break-word}
  .stat-band{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-band>div{min-width:0}
  .stat-band span{font-size:13px}
  .stat-band strong{font-size:clamp(28px,8vw,40px)}
  .plan{padding:25px 20px}
  .plan .button{padding-inline:12px}
  .vision{padding:18px;font-size:25px;border-width:5px}
  .closing p{font-size:clamp(28px,7.5vw,36px)}
  dialog{padding:24px}
}
@media(max-width:650px){
  header{padding:16px 5vw;gap:10px}
  .brand{font-size:28px}
  .header-button{padding-inline:9px}
}