
.ui-page{background:#f7faf9;color:#122b2c}.ui-hero{padding:78px 0 54px;background:radial-gradient(circle at 80% 10%,#dff3ee 0,transparent 38%),linear-gradient(180deg,#fff,#f4f9f7)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.ui-hero h1{font-size:clamp(2.7rem,5vw,5.4rem);line-height:.98;letter-spacing:-.055em;max-width:850px;margin:14px 0 24px}.lead{font-size:1.22rem;line-height:1.7;max-width:760px;color:#496162}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn.secondary{background:#fff;color:#174849;border:1px solid #bdd5d1}.trust-strip{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:.88rem;color:#436263}.hero-visual svg{width:100%;height:auto;filter:drop-shadow(0 25px 45px rgba(27,82,78,.12))}.quick-answer{margin-top:-2px}.quick-card{background:#123f42;color:#fff;border-radius:26px;padding:28px 34px;box-shadow:0 24px 60px rgba(8,44,46,.16)}.quick-card>strong{color:#72d0c1;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:14px}.quick-grid p{margin:0;color:#d9e8e7;line-height:1.55}.quick-grid b{color:#fff}.ui-section{padding:88px 0}.ui-section.alt{background:#edf5f2}.section-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;margin-bottom:38px}.section-intro h2,.cta-card h2{font-size:clamp(2rem,3.2vw,3.6rem);letter-spacing:-.04em;line-height:1.05;margin:8px 0}.section-intro>p{font-size:1.05rem;line-height:1.65;color:#557071}.simulator-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px}.control-panel,.result-panel,.certificate,.explain-card{background:#fff;border:1px solid #d9e7e4;border-radius:24px;padding:28px;box-shadow:0 12px 35px rgba(21,71,69,.06)}.control-panel label{display:block;font-weight:700;margin-bottom:26px}.control-panel output{float:right;color:#0d8175}.control-panel input{width:100%;accent-color:#0d8175;margin-top:12px}.input-note,.legal-note{font-size:.86rem;color:#647c7c}.gauge{height:145px;position:relative;margin:14px 0 28px;border-bottom:2px solid #8ca8a5}.tol-zone{position:absolute;left:20%;right:20%;bottom:15px;height:44px;border-radius:12px;background:#d8eee8;border:1px solid #9acdc3}.unc-zone{position:absolute;bottom:8px;height:58px;border-radius:13px;background:rgba(238,171,72,.4);border:2px solid #df9b32}.marker{position:absolute;bottom:4px;width:3px;height:92px;background:#153f41;transform:translateX(-50%)}.marker span{position:absolute;top:-8px;left:50%;width:16px;height:16px;border-radius:50%;background:#153f41;transform:translate(-50%,-50%)}.axis-label{position:absolute;bottom:-28px;font-size:.78rem;color:#607878}.axis-label.low{left:20%;transform:translateX(-50%)}.axis-label.high{right:20%;transform:translateX(50%)}.decision-card{border-radius:18px;padding:20px;background:#f2f7f5}.decision-card.pass{background:#e5f5ee}.decision-card.risk{background:#fff4db}.decision-card.fail{background:#fde9e8}.decision-badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.decision-card h3{margin:6px 0}.decision-card p{margin:0;color:#526969}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.metrics div{background:#f4f8f7;border-radius:14px;padding:14px}.metrics small{display:block;color:#6a8180;margin-bottom:5px}.certificate-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.certificate{font-family:Georgia,serif}.cert-head{display:flex;justify-content:space-between;border-bottom:2px solid #153f41;padding-bottom:18px;margin-bottom:8px}.cert-head b{color:#b64b4b}.cert-row{display:flex;justify-content:space-between;padding:22px 12px;border-bottom:1px solid #dbe5e3;cursor:pointer;transition:.2s}.cert-row:hover,.cert-row.active{background:#e8f4f1;transform:translateX(4px)}.cert-foot{font-size:.78rem;color:#637776;padding-top:18px;line-height:1.5}.explain-card .number{font-size:4rem;font-weight:800;color:#cde5df;line-height:1}.explain-card h3{font-size:2rem;margin:5px 0 12px}.explain-card p,.explain-card li{color:#536d6d;line-height:1.65}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.industry-grid article{background:#fff;border:1px solid #dce9e6;border-radius:20px;padding:24px}.industry-grid span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#0d8175;font-weight:800}.industry-grid h3{font-size:1.25rem;line-height:1.2}.industry-grid p{color:#587071;line-height:1.55}.decision-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center}.decision-flow>div{background:#fff;border-radius:20px;padding:22px;min-height:210px}.decision-flow>b{}.decision-flow div>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#153f41;color:#fff}.decision-flow span{font-size:2rem;color:#78aaa3}.myth-list{display:grid;gap:12px}.myth-list details{background:#fff;border:1px solid #dbe8e5;border-radius:16px;padding:18px 22px}.myth-list summary{cursor:pointer;font-weight:800}.myth-list p{color:#566e6e;line-height:1.6}.cta-section{padding:40px 0 90px}.cta-card{background:#103f42;color:#fff;border-radius:28px;padding:42px;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.cta-card p{color:#d4e5e3;max-width:760px}.cta-card .btn.secondary{background:transparent;color:#fff;border-color:#69908d}.sources{padding:50px 0;background:#fff}.sources p{color:#5b7372}.source-links{display:flex;gap:14px;flex-wrap:wrap}.source-links a{padding:10px 14px;background:#edf5f2;border-radius:10px;color:#116c65;font-weight:700}
@media(max-width:980px){.hero-grid,.section-intro,.simulator-grid,.certificate-grid,.cta-card{grid-template-columns:1fr}.quick-grid,.industry-grid{grid-template-columns:1fr 1fr}.decision-flow{grid-template-columns:1fr}.decision-flow>span{transform:rotate(90deg);text-align:center}.primary-nav{display:none}}@media(max-width:640px){.ui-hero{padding-top:48px}.ui-hero h1{font-size:2.7rem}.hero-visual{order:-1}.quick-grid,.industry-grid,.metrics{grid-template-columns:1fr}.quick-card,.control-panel,.result-panel,.certificate,.explain-card,.cta-card{padding:22px}.ui-section{padding:60px 0}.section-intro{gap:12px}.trust-strip{gap:8px 14px}.certificate-grid{gap:14px}}
