@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--ink:#102620;--paper:#f2f0e9;--white:#fff;--acid:#f1ff9b;--mint:#b8f3d2;--coral:#ff795f;--muted:#61716b;--line:#d7dbd5;--green:#176a4c;--shadow:0 18px 60px rgba(16,38,32,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,.button{border:0;background:var(--ink);color:#fff;min-height:50px;padding:14px 22px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:20px}
button:hover,.button:hover{background:var(--green)}
button:disabled{cursor:not-allowed;opacity:.55}
.light{background:var(--acid);color:var(--ink)}
.text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px;z-index:10}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.site-header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}
.brand{font:800 17px Manrope;letter-spacing:.08em;display:flex;align-items:center;gap:11px}
.brand span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--acid);font-size:12px}
.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
.nav-cta{background:var(--acid);padding:11px 17px}
.hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;background:var(--ink);color:#fff}
.hero-copy{padding:105px 7vw 65px}
.eyebrow,.panel-label,.plan-tag{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--green)}
.hero .eyebrow,.paid-value .eyebrow,.deliverable .eyebrow{color:var(--acid)}
h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin:0 0 22px}
.hero h1{font-size:clamp(56px,6.2vw,96px);letter-spacing:-.055em;max-width:820px}
.hero h1 em{font-style:normal;color:var(--acid)}
.lede{font-size:20px;color:#cad8d3;max-width:680px}
.proof{display:flex;gap:36px;margin-top:50px;padding-top:28px;border-top:1px solid rgba(255,255,255,.17);font-size:13px;color:#a9bbb4}
.proof span{display:grid;gap:2px}
.proof b{color:#fff}
.hero-panel{align-self:center;background:#fff;color:var(--ink);padding:48px;margin:55px 6vw 55px 20px;box-shadow:var(--shadow)}
.hero-panel h2{font-size:36px;letter-spacing:-.03em}
.assessment-form{display:grid;gap:13px;margin-top:28px}
.assessment-form>label:first-child{font-weight:700}
.input-row{display:grid;grid-template-columns:1fr auto}
.input-row input,.auth input{width:100%;min-height:58px;border:1px solid var(--line);padding:0 17px;background:#fafbf8}
.input-row button{min-height:58px}
.assessment-form .optional{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}
.assessment-form .optional input{width:130px;border:0;border-bottom:1px solid var(--line);padding:8px}
.assessment-form>p{font-size:12px;color:var(--muted);margin:0}
.mini-evidence{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:14px;font-size:12px}
.mini-evidence span{padding:7px 10px;background:var(--mint);font-weight:700}
.mini-evidence p{margin:0;color:var(--muted)}
.deadline-strip{padding:70px 7vw;display:grid;grid-template-columns:130px 1fr 190px;align-items:center;gap:35px;background:var(--acid)}
.deadline-strip>p{font-size:11px;letter-spacing:.14em;font-weight:700}
.deadline-strip h2{font-size:clamp(28px,3.4vw,49px);letter-spacing:-.035em;margin:0}
.deadline-strip a{font-weight:700}
.signals,.evidence{padding:100px 7vw}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}
.section-head h2{font-size:clamp(38px,4vw,62px);letter-spacing:-.045em;max-width:800px}
.section-head>p{max-width:380px;color:var(--muted)}
.worklist{background:#fff;box-shadow:0 10px 40px rgba(16,38,32,.07)}
.work-head,.work-row{display:grid;grid-template-columns:80px 1fr 2fr 1fr 130px;gap:20px;align-items:center;padding:19px 24px}
.work-head{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line)}
.work-row{border-bottom:1px solid var(--line)}
.work-row b{font:800 22px Manrope;color:#76847f}
.work-row em{font-style:normal;background:var(--paper);padding:8px 10px;text-align:center;font-size:12px;font-weight:700}
.work-row.hot{border-left:5px solid var(--coral)}
.work-row.hot em{background:#ffe2dc}
.method-grid,.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:0 7vw 100px}
.method-grid article,.flow article{background:#fff;padding:32px}
.method-grid article>span,.flow article>span{width:38px;height:38px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font-weight:700}
.method-grid article>p:first-of-type,.flow article>p:first-of-type{font-size:10px;letter-spacing:.13em;color:var(--green);font-weight:700;margin-top:42px}
.method-grid h3,.flow h2{font-size:25px}
.method-grid article>p:last-child,.flow article>p:last-child{color:var(--muted)}
.paid-value,.deliverable{background:var(--ink);color:#fff;padding:95px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.paid-value h2,.deliverable h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.05em}
.paid-value>div:last-child{font-size:19px;color:#c7d8d1}
.paid-value .button{margin-top:22px}
.large-boundary{text-align:center;padding:100px 8vw;max-width:1150px;margin:auto}
.large-boundary h2{font-size:clamp(38px,4vw,64px);letter-spacing:-.045em}
.large-boundary>p:last-of-type{color:var(--muted);font-size:18px}
.large-boundary .button{margin-top:20px}
footer{background:#fff;border-top:1px solid var(--line);padding:65px 7vw 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}
footer>div{display:flex;flex-direction:column;gap:9px;font-size:14px}
footer>div p{color:var(--muted);max-width:280px}
footer strong{font:700 13px Manrope;margin-bottom:8px}
.footer-brand{margin-bottom:10px}
.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:13px}
.copyright a{text-decoration:underline}
.page-head{padding:100px 8vw 75px;max-width:1250px}
.page-head.narrow{max-width:1050px}
.page-head h1{font-size:clamp(58px,7vw,102px);letter-spacing:-.06em}
.page-head>p:last-child{font-size:20px;max-width:760px;color:var(--muted)}
.signal-library{padding:0 7vw 90px}
.signal-library article{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:35px 0;border-top:1px solid var(--line)}
.signal-library article>b{font:800 42px Manrope;color:#9ca7a3}
.signal-library article span{font-size:10px;letter-spacing:.1em;color:var(--green);font-weight:700}
.signal-library article h2{font-size:34px;margin-top:8px}
.signal-library article p{color:var(--muted);max-width:760px}
.use-case-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 7vw 100px}
.use-case-list>a{background:#fff;padding:34px;min-height:370px;display:flex;flex-direction:column}
.use-case-list span{font-size:10px;letter-spacing:.12em;color:var(--green);font-weight:700}
.use-case-list h2{font-size:31px;margin-top:35px}
.use-case-list p{color:var(--muted)}
.use-case-list b{margin-top:auto}
.usecase-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;padding:100px 8vw;background:#fff}
.usecase-hero h1{font-size:clamp(54px,6vw,90px);letter-spacing:-.06em}
.usecase-hero>div>p:nth-of-type(2){font-size:20px;color:var(--muted);max-width:760px}
.usecase-hero .text-link{margin-left:25px}
.usecase-hero aside{background:var(--acid);padding:35px;align-self:end}
.usecase-hero aside span,.buyer-flow span{font-size:10px;letter-spacing:.13em;font-weight:700}
.usecase-hero aside p{font-size:18px}
.buyer-flow{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:85px 8vw}
.buyer-flow article{background:var(--paper);padding:35px}
.buyer-flow h2{font-size:30px;margin-top:25px}
.paid-reasons{padding:90px 8vw;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.paid-reasons .eyebrow{color:var(--acid)}
.paid-reasons h2{font-size:54px}
.paid-reasons>p{font-size:20px;color:#c7d8d1}
.faq{padding:90px 8vw;max-width:1100px;margin:auto}
.faq h2{font-size:50px}
.faq details{border-top:1px solid var(--line);padding:20px 0}
.faq summary{cursor:pointer;font:700 19px Manrope}
.faq details p{color:var(--muted)}
.deliverable ul{list-style:none;padding:0;margin:0}
.deliverable li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.deliverable li:before{content:"✓";color:var(--acid);margin-right:14px}
.sandbox{max-width:1100px;margin:0 auto 25px;padding:16px 22px;background:#fff2c8;border:1px solid #d8be55}
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 7vw 100px;max-width:1180px;margin:auto}
.pricing article{background:#fff;padding:40px}
.pricing article.featured{background:var(--ink);color:#fff}
.pricing h2{font-size:33px;margin-top:28px}
.price b{font-size:52px}
.price span{color:var(--muted)}
.pricing li{padding:7px}
.pricing form,.pricing .button{width:100%;margin-top:20px}
.pricing button{width:100%}
.featured .plan-tag{color:var(--acid)}
.auth{min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 12vw}
.auth h1{font-size:64px;letter-spacing:-.05em}
.auth>div>p:last-child{font-size:18px;color:var(--muted)}
.auth form{background:#fff;padding:38px;display:flex;flex-direction:column;gap:18px}
.auth label{display:grid;gap:7px;font-weight:700}
.auth form button{min-height:54px}
.auth form p{text-align:center;color:var(--muted)}
.auth form a{color:var(--green);font-weight:700}
.form-error{background:#ffe2dc;padding:10px;color:#852b1c!important}
.result-head,.dashboard-head{padding:85px 7vw 50px;display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;background:#fff}
.result-head h1,.dashboard-head h1{font-size:clamp(55px,7vw,94px);letter-spacing:-.06em}
.score{width:190px;height:190px;border-radius:50%;background:var(--acid);display:flex;flex-direction:column;align-items:center;justify-content:center}
.score span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.score strong{font:800 68px Manrope;line-height:1}
.score small{color:var(--muted)}
.muted-score{background:#e2e4df}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0 7vw;transform:translateY(-1px)}
.metrics article{padding:25px;background:var(--ink);color:#fff;border-right:1px solid rgba(255,255,255,.14);display:grid}
.metrics span{font-size:10px;letter-spacing:.11em;color:var(--acid);text-transform:uppercase}
.metrics strong{font:700 25px Manrope;margin-top:12px}
.metrics small{color:#aabbb5}
.evidence>article{display:grid;grid-template-columns:1.2fr 2fr 80px;gap:35px;align-items:center;border-top:1px solid var(--line);padding:28px 0}
.evidence article span{font-size:10px;letter-spacing:.1em;color:var(--green);text-transform:uppercase}
.evidence article h3{font-size:23px;margin:7px 0 0}
.evidence article p{color:var(--muted)}
.evidence article>b{text-align:right;font-size:15px}
.action-pack{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding:85px 8vw;background:var(--acid)}
.action-pack h2{font-size:50px}
.action-pack li{padding:14px 5px;border-bottom:1px solid rgba(16,38,32,.22)}
.boundary{margin:65px 8vw;padding:23px 28px;border-left:5px solid var(--green);background:#fff}
.boundary p{margin-bottom:0;color:var(--muted)}
.save-panel{margin:0 8vw 90px;background:var(--ink);color:#fff;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.save-panel h2{margin-bottom:5px}
.save-panel p{margin:0;color:#b8cac3}
.dashboard-head{background:transparent}
.text-button{background:none;color:var(--green);padding:10px}
.saved-list{padding:0 7vw 100px}
.saved-list>a{display:grid;grid-template-columns:140px 1fr 1fr 100px;gap:20px;padding:24px;border-top:1px solid var(--line);background:#fff}
.saved-list span{color:var(--muted)}
.saved-list b{text-align:right;color:var(--green)}
.empty{background:#fff;text-align:center;padding:55px}
.empty .button{margin-top:15px}
.error-page{padding:130px 10vw;min-height:620px}
.error-page h1{font-size:72px;max-width:850px;letter-spacing:-.05em}
.error-page>p:nth-of-type(2){font-size:19px;color:var(--muted)}
.error-page .button{margin-top:25px}

@media(max-width:950px){
  .site-header{height:auto;min-height:76px;padding:15px 5vw;align-items:flex-start}
  .site-header nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}
  .site-header nav a:not(.nav-cta){display:none}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding:75px 6vw 35px}
  .hero-panel{margin:15px 6vw 60px}
  .deadline-strip{grid-template-columns:1fr}
  .method-grid,.flow{grid-template-columns:1fr 1fr}
  .use-case-list{grid-template-columns:1fr}
  .usecase-hero,.paid-reasons,.paid-value,.deliverable,.auth,.action-pack{grid-template-columns:1fr}
  .pricing{grid-template-columns:1fr}
  .work-head{display:none}
  .work-row{grid-template-columns:45px 1fr 1.4fr}
  .work-row span:nth-of-type(2),.work-row em{display:none}
  .metrics{grid-template-columns:1fr 1fr}
  footer{grid-template-columns:1fr 1fr}
  .copyright{grid-column:1/-1}
}
@media(max-width:580px){
  .hero-copy{padding-top:60px}
  .hero h1{font-size:55px}
  .hero-panel{padding:25px 20px}
  .proof{gap:16px;flex-wrap:wrap}
  .input-row{grid-template-columns:1fr}
  .deadline-strip,.signals,.evidence,.paid-value,.deliverable,.paid-reasons,.faq,.large-boundary{padding:65px 6vw}
  .section-head{align-items:flex-start;flex-direction:column}
  .work-row{grid-template-columns:30px 1fr}
  .work-row span{display:none}
  .method-grid,.flow{grid-template-columns:1fr;margin:0 6vw 60px}
  .page-head{padding:70px 6vw 50px}
  .page-head h1{font-size:55px}
  .signal-library{padding:0 6vw 60px}
  .signal-library article{grid-template-columns:55px 1fr}
  .use-case-list{padding:0 6vw 65px}
  .usecase-hero{padding:70px 6vw}
  .usecase-hero h1{font-size:52px}
  .buyer-flow{grid-template-columns:1fr;margin:60px 6vw}
  .pricing{padding:0 6vw 65px}
  .auth{padding:65px 6vw}
  .auth h1{font-size:48px}
  .result-head,.dashboard-head{grid-template-columns:1fr;padding:60px 6vw 35px}
  .score{width:160px;height:160px}
  .metrics{grid-template-columns:1fr;margin:0 6vw}
  .evidence>article{grid-template-columns:1fr}
  .evidence article>b{text-align:left}
  .boundary,.save-panel{margin:50px 6vw}
  .save-panel{flex-direction:column;align-items:flex-start}
  .saved-list{padding:0 6vw 60px}
  .saved-list>a{grid-template-columns:1fr}
  .saved-list b{text-align:left}
  footer{grid-template-columns:1fr;padding:50px 6vw 25px}
  .copyright{grid-column:1}
}