:root{--teal:#0f766e;--teal2:#115e59;--mint:#e7f7f4;--amber:#f59e0b;--amber2:#d97706;--ink:#102a2a;--muted:#64748b;--paper:#fffdf8;--line:#dbe7e5;--white:#fff;--shadow:0 22px 70px rgba(15,55,52,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}a{text-decoration:none;color:inherit}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(255,253,248,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:24px;line-height:1;letter-spacing:-.02em}.brand b{color:var(--teal)}.brandmark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:800;font-size:23px;flex:0 0 44px}.nav nav{display:flex;gap:25px;font-size:14px;color:#46605f}.nav-actions{display:flex;gap:10px}.ghost,.outline{background:transparent;border:1px solid var(--line);padding:11px 16px;border-radius:10px;font-weight:700}.amber{border:0;background:var(--amber);color:#1f2937;padding:12px 18px;border-radius:10px;font-weight:800;cursor:pointer}.amber:hover{background:#fbbf24}.big{padding:14px 21px}.hero{min-height:640px;padding:70px 7vw 50px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;background:radial-gradient(circle at 75% 35%,#dff6f0,transparent 34%),linear-gradient(120deg,#fffdf8,#eefaf7)}.eyebrow{color:var(--teal);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-bottom:14px}.hero h1,h2{font-family:Manrope,Inter,sans-serif}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.02;max-width:800px;margin:0 0 22px;letter-spacing:-.045em}.hero h1 span{color:var(--teal)}.lead{font-size:19px;line-height:1.7;color:#526766;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#5c706e;font-size:12px}.hero-art{height:480px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px dashed #9ed7cf;border-radius:50%;width:330px;height:330px}.o2{width:430px;height:430px;border-color:#f5cf8b}.person{font-size:110px;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:#d9f2ed;border:12px solid white;box-shadow:var(--shadow);z-index:2}.float-card{position:absolute;background:white;border:1px solid var(--line);border-radius:15px;padding:14px 17px;box-shadow:var(--shadow);z-index:3;min-width:150px}.float-card small{display:block;color:var(--muted);margin-bottom:5px}.float-card strong{display:block;font-size:20px}.c1{top:55px;right:5%}.c2{bottom:80px;left:2%}.c3{bottom:15px;right:14%}.bar{height:6px;background:#e6efee;border-radius:20px;margin-top:10px}.bar i{display:block;width:72%;height:100%;background:var(--teal);border-radius:20px}.pill{display:inline-block;font-size:10px;background:#fff2d7;padding:4px 7px;border-radius:20px;margin-top:6px}.section{padding:85px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--line)}h2{font-size:40px;line-height:1.1;margin:0 0 18px;letter-spacing:-.03em}.intro p,.write-copy p,.services p{color:#5c706e;line-height:1.8;font-size:16px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.filter input,.modal-input,input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;padding:12px 13px;border-radius:10px;font:inherit}.filter input{width:250px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-height:255px;display:flex;flex-direction:column;transition:.2s;box-shadow:0 8px 25px rgba(15,55,52,.04)}.tool-card{position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--teal);background:#f7fffd}.tool-card:hover .tool-icon{transform:translateY(-2px) scale(1.08);color:var(--teal)}.tool-card:hover h3,.tool-card:hover .tool-btn{color:var(--teal)}.tool-card:hover .tool-tag{color:var(--amber2)}.tool-icon,.tool-card h3,.tool-card .tool-btn,.tool-card .tool-tag{transition:color .2s ease,transform .2s ease}.tool-icon{font-size:30px;margin-bottom:18px}.tool-tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:800}.tool-card h3{margin:8px 0}.tool-card p{color:#687b79;line-height:1.6;font-size:14px;flex:1}.tool-btn{border:0;background:transparent;text-align:left;color:var(--teal);font-weight:800;cursor:pointer;padding:8px 0}.tool-btn span{float:right}.workflow{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;background:#eff9f7}.steps{display:grid;gap:13px;margin-top:30px}.steps div{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);padding:15px;border-radius:12px}.steps b{color:var(--amber2)}.report-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}.report-top{display:flex;justify-content:space-between;font-size:12px}.locked{color:#9a6700}.score{font-size:80px;font-weight:800;color:var(--teal);padding:25px 0}.skeleton{display:grid;gap:10px;margin-bottom:20px}.skeleton i,.blur-lines i{display:block;height:12px;border-radius:10px;background:#e9f0ef}.skeleton i:nth-child(2){width:78%}.skeleton i:nth-child(3){width:88%}.skeleton i:nth-child(4){width:60%}.wide{width:100%;margin-top:8px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.learn-grid article{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px}.lesson-icon{font-size:34px}.learn-grid p{color:#687b79;line-height:1.7}.learn-grid button{border:0;background:none;color:var(--teal);font-weight:800;cursor:pointer;padding:0}.services{display:grid;grid-template-columns:250px 1fr;gap:45px;align-items:center;background:#fff6df}.service-art{font-size:100px;background:#fff;border-radius:50%;width:200px;height:200px;display:grid;place-items:center;box-shadow:var(--shadow)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:8px 12px;border:1px solid #efd69d;border-radius:20px;background:#fffaf0;font-size:12px}.write{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-card{background:#eff9f7;border:1px solid var(--line);padding:18px;border-radius:14px;display:grid;gap:7px;margin:22px 0}.contact-card span{font-weight:700}.contact-card a{color:var(--teal);font-weight:700}.write form{display:grid;gap:12px;background:#fff;border:1px solid var(--line);padding:25px;border-radius:18px;box-shadow:var(--shadow)}label{font-size:12px;font-weight:800;color:#46605f}label input,label select,label textarea{display:block;margin-top:6px}.form-msg{font-size:12px;color:var(--teal)}footer{padding:30px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#687b79;font-size:13px}footer div:last-child{display:flex;gap:18px}.modal{position:fixed;inset:0;background:rgba(10,31,30,.55);display:none;place-items:center;padding:20px;z-index:50}.modal.show{display:grid}.modal-box{width:min(560px,100%);background:#fffdf8;border-radius:20px;padding:30px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.25)}.x{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.preview-box,.lesson-detail{margin-top:18px;padding:18px;background:#eff9f7;border-radius:13px;border:1px solid var(--line)}.blur-lines{display:grid;gap:8px;margin:16px 0;filter:blur(3px)}.price{margin:22px 0;padding:20px;background:#eff9f7;border-radius:14px;font-weight:800;display:flex;justify-content:space-between}.price span{color:var(--teal);font-size:12px}.muted{display:block;margin-top:12px;color:var(--muted)}
@media(max-width:900px){.nav nav{display:none}.hero,.intro,.workflow,.write{grid-template-columns:1fr}.hero-art{height:380px}.tool-grid,.learn-grid{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:1fr}.section{padding:60px 5vw}.hero{padding:55px 5vw}.section-head{align-items:start;gap:20px;flex-direction:column}}
@media(max-width:600px){.nav{padding:0 4vw}.nav-actions .ghost{display:none}.hero h1{font-size:43px}.hero-art{height:330px}.o2{width:290px;height:290px}.orbit{width:235px;height:235px}.person{font-size:75px;width:125px;height:125px}.float-card{transform:scale(.82)}.tool-grid,.learn-grid{grid-template-columns:1fr}.filter,.filter input{width:100%}footer{display:grid;gap:12px}.section{padding:50px 4vw}}

.tool-hero{padding:75px 7vw 55px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;background:linear-gradient(120deg,#fffdf8,#eff9f7)}
.tool-hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,5vw,64px);line-height:1.05;margin:0 0 18px;letter-spacing:-.04em}
.tool-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;color:#526766;font-size:12px}
.tool-visual{min-height:280px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:grid;place-items:center;position:relative;overflow:hidden}
.big-icon{font-size:80px;z-index:2}.visual-lines{position:absolute;inset:20% 15%;display:grid;gap:16px;opacity:.5}.visual-lines i{height:16px;background:#dff0ed;border-radius:20px}.visual-lines i:nth-child(2){width:75%}.visual-lines i:nth-child(3){width:88%}.visual-lines i:nth-child(4){width:58%}
.tool-workspace{padding:65px 7vw;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;background:#f8fbfa}.workspace-card,.learning-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(15,55,52,.05)}.workspace-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}.workspace-card h2{font-size:30px}.workspace-card form{display:grid;gap:16px}.workspace-card label{display:block}.workspace-card textarea{resize:vertical}.locked{font-size:11px;color:#9a6700;background:#fff7e5;padding:8px 10px;border-radius:20px}.result-area{margin-top:20px}.loading{padding:20px;background:var(--mint);border-radius:12px;color:var(--teal)}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.preview-stats span{padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:11px;color:var(--muted)}.preview-stats b{display:block;color:var(--ink);margin-top:5px}.paywall{padding:20px;background:#fff7e5;border:1px solid #efd69d;border-radius:14px}.learning-card ol{padding-left:22px;line-height:2;color:#687b79}.learning-card p{color:#687b79;line-height:1.7}
@media(max-width:850px){.tool-hero,.tool-workspace{grid-template-columns:1fr}.preview-stats{grid-template-columns:1fr}}

.account{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#fff}.account-cards{display:grid;gap:12px}.account-cards div{padding:18px;border:1px solid var(--line);border-radius:14px;background:#eff9f7}.account-cards b{display:block;margin-bottom:6px}.account-cards span{font-size:13px;color:#687b79}

/* Tool interaction polish: clear hover/focus state with reversible animation. */
.tool-card{
  position:relative;
  overflow:hidden;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease;
}
.tool-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(15,118,110,.08),rgba(245,158,11,.06));
  opacity:0;
  transition:opacity .28s ease;
  pointer-events:none;
}
.tool-card:hover{
  transform:translateY(-7px) scale(1.01);
  border-color:var(--teal);
  background:#fbfffe;
  box-shadow:0 18px 42px rgba(15,55,52,.14);
}
.tool-card:hover::before{opacity:1}
.tool-card .tool-icon{
  display:inline-flex;
  width:58px;
  height:58px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:var(--mint);
  transition:transform .28s ease, background-color .28s ease, box-shadow .28s ease;
}
.tool-card:hover .tool-icon{
  transform:translateY(-3px) rotate(-3deg) scale(1.08);
  background:#fff2d7;
  box-shadow:0 8px 22px rgba(245,158,11,.18);
}
.tool-card h3,.tool-card .tool-tag,.tool-card .tool-btn{
  transition:color .25s ease;
}
.tool-card:hover h3{color:var(--teal)}
.tool-card:hover .tool-tag{color:var(--amber2)}
.tool-card:hover .tool-btn{color:var(--amber2)}
.tool-card .tool-btn span{transition:transform .25s ease}
.tool-card:hover .tool-btn span{transform:translateX(5px)}

/* Optional advertising inventory. All slots are hidden until intentionally activated. */
.ad-slot[hidden],.ad-rail[hidden]{display:none!important}
.ad-slot{
  position:relative;
  width:min(970px,92vw);
  min-height:90px;
  margin:18px auto 0;
  border:1px dashed #c8d9d6;
  border-radius:12px;
  background:#f7fbfa;
  overflow:hidden;
}
.ad-slot-content{
  width:100%;
  min-height:90px;
  display:grid;
  place-items:center;
}
.ad-slot-content:empty::before{
  content:"Advertisement • 970 × 90 px";
  color:#8aa19e;
  font-size:11px;
  letter-spacing:.04em;
}
.ad-slot-close,.ad-rail .ad-slot-close{
  position:absolute;
  top:6px;
  right:6px;
  z-index:2;
  width:24px;
  height:24px;
  border:0;
  border-radius:50%;
  background:rgba(16,42,42,.78);
  color:#fff;
  cursor:pointer;
  line-height:24px;
  padding:0;
}
.ad-rail{
  position:fixed;
  top:150px;
  width:160px;
  min-height:600px;
  z-index:10;
  border:1px dashed #c8d9d6;
  border-radius:12px;
  background:#f7fbfa;
  overflow:hidden;
}
.ad-rail .ad-slot-content{
  min-height:600px;
}
.ad-rail .ad-slot-content:empty::before{
  content:"Ad • 160 × 600 px";
  writing-mode:vertical-rl;
  color:#8aa19e;
  font-size:10px;
  letter-spacing:.05em;
}
.ad-rail-left{left:18px}
.ad-rail-right{right:18px}
@media(max-width:1400px){
  .ad-rail{display:none}
}
@media(max-width:700px){
  .ad-slot{min-height:100px}
  .ad-slot-content{min-height:100px}
  .ad-slot-content:empty::before{content:"Advertisement • 320 × 100 px"}
}

@media(max-width:560px){.brand{font-size:20px}.brandmark{width:38px;height:38px;flex-basis:38px;font-size:20px}}

.auth-box{max-width:680px}
.auth-box form{display:grid;gap:12px}
.auth-box label{display:grid;gap:6px;font-weight:600}
.auth-box input{box-sizing:border-box;width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(15,118,110,.22);background:#fff}
.auth-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;font-weight:500!important}
.auth-check input{width:auto}
.auth-switch{text-align:center;margin-top:16px;color:#64748b}
.auth-switch button{background:none;border:0;color:#0f766e;font-weight:700;cursor:pointer}
.account-tools{display:grid;gap:10px;max-height:55vh;overflow:auto;margin:18px 0}
.account-tool{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid rgba(15,118,110,.14);border-radius:12px;background:#f8fafc}
.account-tool small{display:block;color:#64748b;margin-top:3px}
.status-ok{font-weight:800;color:#0f766e}