:root{--bg:#f5f6f3;--ink:#122022;--muted:#53615e;--accent:#d9fa75;--dark:#102626;--stroke:#d5ded7;--card:#fff;--warn:#855e14;--bad:#a13232;--good:#17634a;--radius:20px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{width:min(1120px,calc(100% - 38px));margin-inline:auto}.navwrap{background:#fff;border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.035em;font-size:1.17rem;white-space:nowrap}.logo{display:inline-grid;place-items:center;background:var(--dark);color:var(--accent);width:36px;height:36px;border-radius:12px;font-weight:950;font-size:1.25rem}.navlinks{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.navlinks a{padding:8px 12px;color:#3d5350;border-radius:12px;font-size:.94rem;font-weight:650}.navlinks a:hover,.navlinks a[aria-current=page]{text-decoration:none;background:#e9f0e8;color:#13312b}.navcta{background:var(--accent)!important;color:#13312b!important}.hero{background:var(--dark);color:#fff;padding:75px 0 74px;overflow:hidden}.hero .shell{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.11em;text-transform:uppercase;font-size:.76rem;font-weight:800;color:#52785c}.hero .eyebrow{color:var(--accent)}h1,h2,h3{font-weight:850;line-height:1.16;letter-spacing:-.047em}h1{font-size:clamp(2.6rem,5.2vw,4.6rem);margin:18px 0}h2{font-size:clamp(1.8rem,3vw,2.55rem);margin:0 0 16px}h3{font-size:1.21rem;margin:0 0 8px}.hero p{font-size:1.09rem;color:#d5e3dc;max-width:590px}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 18px;font-weight:780;line-height:1.35;min-height:45px;border:1px solid transparent}.btn{background:var(--accent);color:#173226}.btn:hover{text-decoration:none;background:#cbf45e}.btn-outline{border-color:#638176;color:#fff;background:transparent}.btn-outline:hover{text-decoration:none;background:#20423d}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{background:#20433e}.hero-art{position:relative;border:1px solid #476a5a;background:radial-gradient(circle at 67% 18%,#29594f,#183e3a 63%,#133430);border-radius:28px;padding:23px;box-shadow:20px 20px 0 #203d34}.art-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:#c3e3d3;font-size:.77rem;font-weight:760}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--accent);margin-right:5px}.art-screen{background:#10211f;border-radius:16px;padding:18px}.art-line{height:8px;background:#4f7c65;border-radius:15px;margin:10px 0}.art-line:nth-child(2){width:80%}.art-line:nth-child(3){width:48%;background:var(--accent)}.art-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:19px}.art-metrics span{background:#1f3d38;border:1px solid #4f7262;padding:12px 7px;border-radius:10px;text-align:center;color:#d0eadc;font-size:.71rem}.art-metrics b{display:block;font-size:1.1rem;color:var(--accent)}main section{padding:66px 0}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.sectionhead p{color:var(--muted);max-width:640px;margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:25px;box-shadow:0 5px 20px #122b1f06}.card a.textlink{font-weight:780;color:#17694d}.kicker{display:block;color:#477662;text-transform:uppercase;letter-spacing:.08em;font-weight:850;font-size:.73rem;margin-bottom:15px}.iconbox{background:#e6f7bd;border-radius:13px;display:inline-grid;place-items:center;width:46px;height:46px;font-size:1.35rem;margin-bottom:19px}.card p{color:var(--muted);margin:9px 0 19px}.feature-strip{background:#e6eee9;border-top:1px solid #d7e0d9;border-bottom:1px solid #d7e0d9}.feature-strip .shell{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.feature-strip span{font-weight:730;color:#305348;font-size:.92rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-link{border:1px solid var(--stroke);background:#fff;padding:21px;border-radius:15px;min-height:162px}.guide-link:hover{text-decoration:none;border-color:#a6be9b;transform:translateY(-2px);transition:.15s}.guide-link b{display:block;font-size:1.07rem;line-height:1.32;letter-spacing:-.02em;margin-bottom:12px}.guide-link span{color:var(--muted);font-size:.86rem}.cta-panel{background:var(--dark);color:#fff;border-radius:26px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cta-panel p{color:#c3dacd;margin:0}.cta-panel h2{margin-bottom:7px}.footer{background:#0e2523;color:#c1d4cb;padding:45px 0}.footer .shell{display:flex;align-items:flex-start;gap:35px;justify-content:space-between}.footer a{color:#def5e3}.footlinks{display:flex;flex-wrap:wrap;gap:17px;font-size:.88rem}.subfoot{border-top:1px solid #315249;color:#a8bbb0;padding-top:17px;margin-top:28px;font-size:.78rem}.page-intro{padding:55px 0 32px}.page-intro h1{font-size:clamp(2rem,4vw,3.25rem);margin:10px 0}.page-intro p{color:var(--muted);max-width:760px}.tool-main{padding-top:5px;padding-bottom:65px}.tool-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:19px;align-items:start}.stack{display:grid;gap:17px}.form-card{background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:24px}.form-card h2{font-size:1.33rem}.field{margin-bottom:17px}.field label{font-size:.9rem;font-weight:760;display:block;margin-bottom:6px}.field small{display:block;color:#667672;font-size:.78rem;margin-top:4px}.field input,.field select,.field textarea,.field button.filelabel{display:block;width:100%;background:#fbfdfb;border:1px solid #b8cac0;border-radius:10px;padding:11px 12px;min-height:44px;color:var(--ink)}.field input[type=range]{padding:0}.field input[type=file]{padding:9px}.field textarea{min-height:220px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.83rem;line-height:1.55;resize:vertical}.fieldgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fieldgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.actions button{border:0}.secondary{background:#eff3ee!important;color:#204a3d!important;border:1px solid #c7d5cd!important}.secondary:hover{background:#e3ede3!important}.note{background:#edf5ed;color:#375549;border-radius:12px;padding:13px 15px;font-size:.88rem;border:1px solid #dae6da}.note.warn{background:#fff8e9;color:#6d5022;border-color:#f3dfb1}.result{background:#122b28;color:#e9f3e9;border-radius:18px;padding:26px}.result h2{color:#fff}.result p{color:#c4dcd1}.metric{font-size:2rem;line-height:1.2;font-weight:850;letter-spacing:-.04em;color:var(--accent)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.result-cell{border:1px solid #46655c;border-radius:12px;padding:14px}.result-cell span{font-size:.78rem;color:#c6d8cd;display:block}.result-cell b{font-size:1.32rem;color:var(--accent)}.diagnostics{list-style:none;padding:0;margin:12px 0 0;max-height:410px;overflow:auto}.diagnostics li{border-bottom:1px solid #355b4c;padding:9px 0;font-size:.88rem}.diagnostics li:last-child{border:0}.pill{display:inline-block;border-radius:100px;padding:3px 9px;font-weight:800;font-size:.72rem;margin-right:6px}.pill.error{background:#fce0de;color:#9c3030}.pill.warning{background:#fff1ce;color:#76520d}.pill.good{background:#d9f5df;color:#236a47}.longread{background:#fff;border:1px solid var(--stroke);border-radius:20px;padding:32px;max-width:830px;margin:0 auto 60px}.longread p,.longread li{color:#42534f}.longread h2{font-size:1.55rem;margin:34px 0 12px}.longread h3{font-size:1.12rem;margin:27px 0 8px}.longread ul,.longread ol{padding-left:22px}.longread a{color:#15634e;text-decoration:underline;text-underline-offset:3px}.longread code{background:#f0f4ee;padding:1px 4px;border-radius:4px;overflow-wrap:anywhere}.callout{background:#eaf1ec;border-left:4px solid #91b56b;padding:16px 18px;border-radius:9px;color:#31513e}.data-table{width:100%;border-collapse:collapse;font-size:.91rem}.data-table td,.data-table th{padding:10px;border-bottom:1px solid #d5dfd7;text-align:left;vertical-align:top}.data-table th{color:#3a6550}.subtitle-preview{background:#f4f8f4;border:1px dashed #adc6b4;border-radius:13px;padding:13px;font-size:.85rem;max-height:250px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.phone-stage{display:flex;justify-content:center;padding:18px 0 10px}.phone{position:relative;width:min(100%,300px);aspect-ratio:9/16;border:7px solid #122b28;border-radius:25px;overflow:hidden;background:linear-gradient(165deg,#122d3d,#2d5d54 55%,#526f57);touch-action:none;user-select:none}.phone::before{content:'';position:absolute;inset:12% 15% 38% 15%;background:radial-gradient(ellipse at 30% 25%,#b9e9a533,transparent 65%);pointer-events:none}.phone img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.zone{position:absolute;pointer-events:none;background:rgba(248,105,82,.26);border:1px dashed rgba(255,188,158,.9)}.zone.top{left:0;right:0;top:0}.zone.bottom{left:0;right:0;bottom:0}.zone.right{right:0;top:0;bottom:0}.zone-guide{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 49.75%,#f7f8e94d 50%,transparent 50.25%)}.preview-text{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);cursor:grab;touch-action:none;background:#071b2199;border-radius:8px;padding:5px 8px;font-weight:850;color:white;font-size:clamp(13px,2vw,19px);text-align:center;text-shadow:0 2px 3px #000;max-width:85%;line-height:1.22;overflow-wrap:anywhere}.preview-text:active{cursor:grabbing}.mock-ui{position:absolute;right:8px;bottom:24%;display:grid;gap:9px;color:#fff;font-weight:800;text-align:center;font-size:1.13rem;pointer-events:none}.safe-status{font-weight:800;color:#1d6749}.safe-status.bad{color:#aa4e26}.mini{font-size:.82rem;color:var(--muted)}.breadcrumbs{font-size:.82rem;color:#628076;margin-bottom:9px}.breadcrumbs a{text-decoration:underline}.toc{background:#f3f7f2;padding:19px;border-radius:12px}.toc a{color:#1d5d4a}.qa-badge{font-size:.8rem;background:#e8f6c3;padding:4px 10px;color:#335824;border-radius:999px;font-weight:750}.skip{position:absolute;left:-99999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:200}@media(max-width:850px){.hero .shell{grid-template-columns:1fr;gap:34px}.hero-art{max-width:550px}.grid3,.article-grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}.nav{align-items:flex-start;padding:13px 0;flex-direction:column}.navlinks{gap:3px}.navlinks a{padding:7px 9px}.footer .shell{flex-direction:column;gap:15px}}@media(max-width:560px){.shell{width:min(100% - 26px,1120px)}.hero{padding:50px 0}.hero-art{box-shadow:none}.grid3,.grid2,.article-grid,.fieldgrid,.fieldgrid3{grid-template-columns:1fr}.hero h1{font-size:2.55rem}.card{padding:21px}.form-card{padding:19px}.longread{padding:20px}.cta-panel{flex-direction:column;align-items:flex-start}.sectionhead{display:block}.navlinks a{font-size:.82rem}.brand{font-size:1.04rem}.phone{width:min(94%,290px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}