:root{--dark:#202522;--card:#2a302c;--green:#b4ef78;--light:#edf0e9;--ink:#242c26;--muted:#b8c0b9}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:25px}body{margin:0;background:var(--dark);color:#f8faf5;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #64a433;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:var(--green);color:var(--ink);padding:16px;z-index:9}.skip:focus{top:10px}header,footer{max-width:1440px;margin:auto;padding:30px 6%;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid #ffffff1a}.wordmark{font-size:35px;letter-spacing:-2px;font-weight:800}.wordmark span{font-size:10px;vertical-align:top;display:inline-block;margin:6px 0 0 5px;letter-spacing:0}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav a{min-height:44px;display:inline-flex;align-items:center}.nav-join{border:1px solid #65705f;padding:0 19px;gap:22px;border-radius:5px}.hero{background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:74px 74px}.hero-inner{max-width:1440px;margin:auto;padding:76px 6% 0}.eyebrow,.section-label{font-size:11px;letter-spacing:1.8px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(42px,5.8vw,82px);letter-spacing:-3.8px;line-height:1.06;font-weight:600;margin:30px 0}h1 span{color:var(--green)}.intro{max-width:585px;color:#cbd1c9;line-height:1.7;font-size:18px}.actions{display:flex;gap:30px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);border:0;border-radius:5px;color:#203019;font-weight:700;font-size:14px;padding:18px 22px;min-height:52px;cursor:pointer}.button:hover{background:#c5f59b}.text-link{font-size:14px;padding:14px 0;display:flex;gap:15px}.micro{font-size:12px;color:var(--muted);margin-top:18px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff21;margin-top:72px;padding:23px 0;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.green{color:var(--green);margin-left:20px}.light{background:var(--light);color:var(--ink)}.purpose{padding:76px max(6%,calc((100vw - 1268px)/2));display:grid;grid-template-columns:1fr 3fr;gap:35px}h2{font-size:clamp(30px,3.1vw,44px);font-weight:500;letter-spacing:-1.6px;line-height:1.15;margin:0 0 24px}.purpose p,.join p{font-size:16px;line-height:1.7;max-width:620px;color:#576057}.section-label{padding-top:8px;color:#5d675d}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #cbd1c7;margin-top:30px;padding-top:25px}.pillars strong,.pillars span{display:block;font-size:13px;line-height:1.7}.pillars span{color:#616960}.tools{padding:80px 6%;max-width:1440px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading .eyebrow{color:var(--green);margin:0 0 25px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid #ffffff1c;border-radius:9px;background:var(--card);padding:32px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.tool-icon{font-size:35px;line-height:1;color:var(--green)}.badge{font-size:9px;letter-spacing:1.1px;border:1px solid #78816e;border-radius:30px;padding:8px 12px;color:#d2dec8}.tool-category{color:var(--green);font-size:10px;letter-spacing:1.4px;font-weight:bold}h3{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:16px 0}.card>p:not(.tool-category){color:#c0c8bf;font-size:15px;line-height:1.75;max-width:440px}.card-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:32px;padding-top:20px;font-size:12px;color:#ced5c9}.join{padding:85px max(6%,calc((100vw - 1268px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px}.join .eyebrow{font-size:11px;margin:0 0 26px}.join-note{margin-top:32px}.signup-panel{background:#fafbf7;border:1px solid #d5dacf;border-radius:8px;padding:32px}.signup-panel h3{font-size:23px;margin:0 0 8px}.signup-panel>p{font-size:14px;margin:0 0 24px}form>label{font-size:12px;font-weight:bold}input[type=email]{display:block;width:100%;margin-top:10px;padding:15px;border:1px solid #aeb7a7;border-radius:4px;background:white;color:var(--ink);min-height:50px}.check{display:flex;align-items:start;gap:10px;margin:20px 0;font-weight:normal;font-size:12px;line-height:1.6}.check input{width:18px;height:18px;flex-shrink:0;accent-color:#3d6b27;margin:1px 0}.signup-panel .button{width:100%}.signup-panel .form-note{font-size:11px;line-height:1.6;color:#626b5e;margin:15px 0 0}#result{font-size:13px;margin:14px 0 0}#result:empty{display:none}footer{padding-top:40px;padding-bottom:40px}footer p,.footer-right{font-size:11px;color:var(--muted)}.footer-right{display:flex;flex-direction:column;gap:14px;text-align:right}@media(min-width:1600px){.purpose,.join{padding-left:calc((100vw - 1268px)/2);padding-right:calc((100vw - 1268px)/2)}}@media(max-width:700px){header{padding:22px 6%}.wordmark{font-size:30px}nav{gap:16px;font-size:12px}.nav-join{padding:0 12px;gap:12px}.hero-inner{padding-top:50px}h1{font-size:44px;letter-spacing:-2.2px;line-height:1.08;margin:25px 0}.intro{font-size:16px}.eyebrow{font-size:9px;letter-spacing:1.2px}.actions{align-items:stretch;flex-direction:column;gap:8px}.actions .button{justify-content:center}.text-link{justify-content:center}.micro{font-size:10px;text-align:center;line-height:1.6}.hero-bottom{margin-top:40px;line-height:1.7}.hero-bottom>span:last-child{display:none}.purpose{grid-template-columns:1fr;padding:45px 6%;gap:20px}.pillars{grid-template-columns:1fr;gap:18px}.tools{padding:48px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px}.cards{grid-template-columns:1fr;gap:18px}.card{padding:25px}.card-top{margin-bottom:28px}.join{grid-template-columns:1fr;padding:48px 6%;gap:20px}.join-note{display:none}.signup-panel{padding:24px}footer{align-items:start;gap:25px;flex-direction:column}.footer-right{text-align:left}h2{font-size:33px}}
nav a[aria-current=page]{color:var(--green)}.page-hero{padding:65px max(6%,calc((100vw - 1268px)/2)) 70px}.page-hero h1{font-size:clamp(42px,5.3vw,72px)}.page-hero .intro{max-width:700px}.story{padding:70px max(6%,calc((100vw - 1268px)/2));display:grid;grid-template-columns:1fr 3fr;gap:35px}.story p{font-size:17px;line-height:1.8;max-width:740px;color:var(--muted)}.story.light p{color:#576057}.story:not(.light) .section-label{color:var(--muted)}.future-label{display:inline-block;font-size:10px;letter-spacing:1.4px;border:1px solid #9aa58e;border-radius:24px;padding:8px 12px;margin-bottom:22px}.closing{padding:45px max(6%,calc((100vw - 1268px)/2));border-top:1px solid #cbd1c7;display:flex;gap:30px;align-items:center;justify-content:space-between}.closing h2{font-size:32px;margin-bottom:12px}.closing p{color:#576057;margin:0}.closing .button{flex-shrink:0}.join-page{align-items:start;min-height:650px}.join-page h1{font-size:clamp(40px,4.4vw,62px);letter-spacing:-2.5px}.join-page h1 span{color:#3a6a2b}.join-benefits{padding-left:20px;color:#424e41;line-height:1.6;font-size:15px}.join-benefits li{padding:7px 0}.join-page .signup-panel{margin-top:12px}.faq{max-width:850px;margin:auto;padding:65px 6%}.faq details{border-bottom:1px solid #ffffff30;padding:22px 0}.faq summary{cursor:pointer;font-size:17px;min-height:24px}.faq p{color:var(--muted);line-height:1.7}footer nav{gap:24px;justify-content:flex-end}.footer-right nav a{font-size:12px}@media(max-width:700px){header{flex-wrap:wrap;gap:18px}header nav{width:100%;justify-content:space-between;gap:12px}header .wordmark{font-size:32px}.page-hero{padding:45px 6%}.story{padding:45px 6%;grid-template-columns:1fr;gap:20px}.story p{font-size:16px}.closing{padding:35px 6%;align-items:stretch;flex-direction:column}.join-page{min-height:0}.join-page h1{font-size:43px}.faq{padding:45px 6%}footer nav{justify-content:flex-start}}
/* Sooport identity — supplied brand board, October 2026.
   Original green for branding; darker green for accessible actions on light surfaces. */
:root{--dark:#252a2c;--card:#303638;--green:#68b744;--light:#f0f1f1;--ink:#292e30;--muted:#bec5c7;--action:#387d25;--action-hover:#2e691e}
body{color:#f8f9f9}header,footer{background:#303638;max-width:none;padding-left:max(6%,calc((100vw - 1268px)/2));padding-right:max(6%,calc((100vw - 1268px)/2))}.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:0;width:230px;min-height:52px}.brand-wordmark{display:block;width:100%;height:auto;overflow:hidden;mix-blend-mode:lighten}header nav{font-weight:600}nav a[aria-current=page]{color:#87d45e}.nav-join{border-color:#77847b}.button{background:var(--action);color:#fff;border-radius:6px}.button:hover{background:var(--action-hover)}.button:disabled{opacity:.65;cursor:wait}.text-link:hover{color:#87d45e}.hero .intro{color:#cbd0d2}.hero h1 span{color:#72c44b}.hero{background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px)}.light p,.purpose p,.join p,.story.light p,.closing p{color:#535d60}.light .eyebrow,.section-label{color:#536157}.pillars{border-color:#cbd0cd}.pillars span{color:#57615b}.card{border-color:#4a5350;background:#303638}.card .tool-category,.section-heading .eyebrow,.green,.tool-icon{color:#80cc58}.badge{border-color:#738468;color:#c7dfbc}.card-foot{color:#d0d7d2}.signup-panel{background:#fff;border-color:#d2d8d4}.signup-panel .form-note{color:#59645c}.signup-panel #result{color:#2f6923}.join-page h1 span{color:var(--action)}input[type=email]{border-color:#909e94}.check input{accent-color:var(--action)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #68b744;outline-offset:5px}.closing{border-color:#cbd0cd}.skip{background:#68b744;color:#14200f}footer p,.footer-right{color:#c2c9c5}@media(max-width:700px){header,footer{padding-left:6%;padding-right:6%}.wordmark,header .wordmark{width:205px;min-height:47px}header{gap:16px}header nav{font-size:13px}.join-page h1 span{color:var(--action)}}

.signup-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

.cards-single{grid-template-columns:minmax(0,1fr);max-width:680px}