:root{
  --bg:#070B09;
  --bg2:#0D1611;
  --panel:#101C15;
  --panel2:#14231A;
  --cream:#F8F1E1;
  --paper:#FFF8E8;
  --ink:#FDF8EA;
  --muted:#B9B09C;
  --darkText:#11120F;
  --line:rgba(248,241,225,.13);
  --line2:#D8C9AA;
  --green:#49D17D;
  --green2:#193F2D;
  --green3:#0F2D20;
  --gold:#F2B84B;
  --gold2:#FFF0C7;
  --red:#FF766D;
  --blue:#7AB8FF;
  --purple:#C7A5FF;
  --shadow:0 30px 90px rgba(0,0,0,.32);
  --r:28px;
  --r2:18px;
  --sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --serif:Georgia, "Times New Roman", serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 20% 0%,rgba(73,209,125,.22),transparent 32%),
  radial-gradient(circle at 80% 10%,rgba(242,184,75,.16),transparent 26%),
  linear-gradient(135deg,#060907 0%,#0E1711 55%,#070B09 100%);
  color:var(--ink);font-family:var(--sans);line-height:1.72;font-size:16px}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1240px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:200;background:rgba(7,11,9,.78);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}
.logo{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:950;font-size:23px;letter-spacing:-.05em}
.logo-mark{width:38px;height:38px;border-radius:15px;background:linear-gradient(135deg,var(--green),#F1C25A);display:inline-flex;align-items:center;justify-content:center;color:#061008;font-weight:1000;box-shadow:0 18px 50px rgba(73,209,125,.24)}
.logo span{color:var(--green)}
.navlinks{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.navlinks a{font-weight:850;font-size:14px;color:rgba(253,248,234,.78)}
.navlinks a:hover{color:var(--ink);text-decoration:none}
.nav-cta{background:linear-gradient(135deg,var(--green),#B7F16C);color:#061008!important;padding:10px 16px;border-radius:999px;box-shadow:0 18px 40px rgba(73,209,125,.18)}
.hamburger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.hamburger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(242,184,75,.12);border:1px solid rgba(242,184,75,.28);color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;border-radius:999px;padding:7px 13px}
h1,h2,h3{margin:0;color:var(--ink)}h1,h2{font-family:var(--serif);letter-spacing:-.055em}h1{font-size:clamp(46px,7.4vw,92px);line-height:.94}h2{font-size:clamp(32px,4.6vw,56px);line-height:1.04}h3{font-size:21px;letter-spacing:-.026em}
.lead{font-size:20px;color:var(--muted);max-width:780px;margin:24px 0 30px}
.hero{padding:92px 0 70px;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:auto -10% 0 -10%;height:1px;background:linear-gradient(90deg,transparent,var(--green),var(--gold),transparent);opacity:.45}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center}
.hero-panel{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:34px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-panel:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(73,209,125,.18),transparent 70%)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),#B5F36E);color:#061008!important;font-weight:1000;border:0;border-radius:999px;padding:13px 21px;cursor:pointer;box-shadow:0 18px 42px rgba(73,209,125,.20)}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn.alt{background:rgba(255,255,255,.06);color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}.btn.alt:hover{background:rgba(255,255,255,.10)}
.section{padding:68px 0}.section.soft{background:rgba(255,255,255,.035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:20px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.16)}
.card:hover{border-color:rgba(73,209,125,.34);box-shadow:var(--shadow)}
.card p{color:var(--muted)}
.icon{width:50px;height:50px;border-radius:18px;background:rgba(73,209,125,.12);border:1px solid rgba(73,209,125,.20);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:rgba(73,209,125,.13);border:1px solid rgba(73,209,125,.24);color:var(--green);font-size:12px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.pill.warn{background:rgba(242,184,75,.14);border-color:rgba(242,184,75,.28);color:var(--gold)}.pill.bad{background:rgba(255,118,109,.12);border-color:rgba(255,118,109,.25);color:var(--red)}
.metric-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.metric{background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:20px;padding:17px}
.metric b{display:block;color:var(--green);font-family:var(--serif);font-size:36px;line-height:1}
.notice{background:rgba(242,184,75,.10);border:1px solid rgba(242,184,75,.28);border-left:5px solid var(--gold);border-radius:18px;padding:18px 20px;margin:24px 0;color:#F5E9CC}
.calc-layout{display:grid;grid-template-columns:.80fr 1.20fr;gap:24px;align-items:start}
.sidebar{background:linear-gradient(180deg,rgba(73,209,125,.18),rgba(255,255,255,.045));border:1px solid rgba(73,209,125,.24);border-radius:var(--r);padding:26px;position:sticky;top:100px;box-shadow:var(--shadow)}
.sidebar p{color:var(--muted)}
.calc{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:var(--r);padding:26px;margin-bottom:24px;box-shadow:var(--shadow)}
label{display:block;font-weight:950;margin:14px 0 6px;color:#F5EDD9}
input,select,textarea{width:100%;border:1px solid rgba(248,241,225,.18);background:rgba(0,0,0,.24);border-radius:15px;padding:12px 14px;font:inherit;color:var(--ink)}
option{background:#101C15;color:var(--ink)}
textarea{resize:vertical}
input[type=range]{padding:0;accent-color:var(--green)}
.result{display:none;background:linear-gradient(180deg,rgba(73,209,125,.13),rgba(255,255,255,.045));border:1px solid rgba(73,209,125,.24);border-left:5px solid var(--green);border-radius:20px;padding:20px;margin-top:18px}
.score{font-family:var(--serif);font-size:64px;line-height:1;color:var(--green);letter-spacing:-.06em;text-shadow:0 0 30px rgba(73,209,125,.18)}
.canvas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.box{background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:16px;padding:14px}
.box b{display:block;color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.article{max-width:900px;margin:0 auto}.article p,.article li{font-size:18px;color:#D9D0BC}.article h2{margin-top:38px}.article ul,.article ol{padding-left:24px}.article blockquote{background:rgba(73,209,125,.11);border-left:5px solid var(--green);border-radius:0 18px 18px 0;padding:18px 20px;margin:24px 0;font-weight:850;color:#ECFBEF}
.table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04);border-radius:18px;overflow:hidden}.table th,.table td{border:1px solid var(--line);padding:13px;text-align:left;vertical-align:top}.small{font-size:13px;color:#9E9584}.muted{color:var(--muted)}
.step-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.progress-track{height:10px;background:rgba(255,255,255,.10);border-radius:999px;overflow:hidden;flex:1}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--green));border-radius:999px;transition:width .35s ease}
.slider-card{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin:14px 0}.range-wrap{position:relative;display:flex;align-items:center;gap:14px}.range-wrap input[type=range]{--fill:50%;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--green) 0%,var(--green) var(--fill),rgba(255,255,255,.12) var(--fill),rgba(255,255,255,.12) 100%);outline:none;appearance:none;-webkit-appearance:none}.range-wrap input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;background:#fff;border:4px solid var(--green);border-radius:50%;box-shadow:0 4px 20px rgba(73,209,125,.38)}.range-wrap output{min-width:40px;text-align:center;background:var(--green);color:#061008;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:1000}
.score-bars{display:grid;gap:10px;margin:18px 0}.score-bar{display:grid;grid-template-columns:132px 1fr 46px;gap:10px;align-items:center}.score-bar b{font-size:13px;color:#EFE7D5}.bar-track{height:12px;background:rgba(255,255,255,.11);border-radius:999px;overflow:hidden}.bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--green));border-radius:999px;transition:width .6s ease}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin:18px 0}.switch-row p{margin:4px 0 0}.switch{position:relative;width:58px;height:32px;display:inline-block;flex:0 0 58px}.switch input{display:none}.switch span{position:absolute;inset:0;background:rgba(255,255,255,.17);border-radius:999px;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:24px;height:24px;left:4px;top:4px;background:white;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:.2s}.switch input:checked + span{background:var(--green)}.switch input:checked + span:before{transform:translateX(26px)}
.action-row,.copy-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.ai-box,.solution-block{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:16px}.spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}
.path-steps{counter-reset:pathstep;display:grid;gap:12px;margin:16px 0}.path-step{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.path-step:before{counter-increment:pathstep;content:counter(pathstep);display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--green);color:#061008;align-items:center;justify-content:center;font-weight:1000;margin-right:8px}
.risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.risk-tile{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:16px;padding:14px}.risk-tile b{display:block;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.journal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.small-btn{padding:9px 13px!important;font-size:13px!important;width:auto!important;margin:0!important}.note-actions{display:flex;gap:8px;margin-top:10px}.note-actions button{padding:8px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--ink);cursor:pointer;font-weight:850}.note-actions button:hover{background:rgba(73,209,125,.12)}
footer{background:#030504;color:white;margin-top:72px;border-top:1px solid var(--line)}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding:46px 0}.foot p{color:rgba(253,248,234,.63)}.foot a{color:rgba(253,248,234,.78)}.copy{border-top:1px solid rgba(255,255,255,.10);text-align:center;color:rgba(255,255,255,.45);font-size:13px;padding:16px 0}
@media(max-width:960px){.hero-grid,.calc-layout{grid-template-columns:1fr}.sidebar{position:static}.canvas{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.hamburger{display:flex}.nav{display:block;min-height:auto}.nav .logo{display:inline-flex;margin-top:4px}.hamburger{float:right}.navlinks{display:none;clear:both;flex-direction:column;align-items:flex-start;padding:16px 0 4px;gap:10px}.navlinks.open{display:flex}.navlinks a{width:100%;padding:8px 0}.nav-cta{text-align:center;padding:11px 16px!important}.score-bar{grid-template-columns:1fr}.action-row .btn,.copy-row .btn{width:100%}}
@media(max-width:640px){.hero{padding:54px 0 38px}.metric-row,.canvas,.foot{grid-template-columns:1fr}.btn{width:100%;margin-top:10px}.btn.alt{margin-left:0}.card,.calc{padding:20px}.switch-row{align-items:flex-start}}


/* ===== AdSense Trust-Max Accessibility + Consent Layer ===== */
.skip-link{
  position:absolute;left:12px;top:-80px;z-index:9999;background:var(--green);color:#061008;
  padding:10px 14px;border-radius:999px;font-weight:1000;box-shadow:0 12px 30px rgba(0,0,0,.35)
}
.skip-link:focus{top:12px}
.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
:focus-visible{
  outline:3px solid var(--gold)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 6px rgba(242,184,75,.16)!important;
}
button,a,input,select,textarea{min-height:44px}
.cookie-consent{
  position:fixed;left:18px;right:18px;bottom:18px;z-index:999;
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;
  background:rgba(7,11,9,.96);border:1px solid var(--line);border-left:5px solid var(--green);
  border-radius:22px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(18px)
}
.cookie-consent p{margin:4px 0 0;color:var(--muted)}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.form-note{font-size:13px;color:var(--muted)}
@media(max-width:720px){.cookie-consent{grid-template-columns:1fr}.cookie-actions .btn{width:100%}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important
  }
  .btn:hover{transform:none!important}
}