:root{--green:#21402e;--green-deep:#182d20;--paper:#e9e0ca;--card:#f5efdd;--ink:#22332a;--muted:#5e6553;--line:#d6cbac;--gold:#bd9a4e;--gold-lt:#e3ca81;--cream:#f3ecd9;--accent:#d2772b;--t-gold:#c9a24a;--t-silver:#a9abaa;--t-bronze:#b07d46;--t-tin:#8b8d84;--t-rust:#9b3f29}*{box-sizing:border-box;margin:0;padding:0}html body{background-color:#e9e0ca;color:var(--ink);font-family:EB Garamond,Georgia,serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:url(/retention-calculator/assets/img-01.png);background-size:auto 145vh;background-position:center top;background-attachment:fixed;background-repeat:no-repeat}.wrap{max-width:820px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:800;line-height:1.12;letter-spacing:.01em}h1{font-size:2.7rem;text-transform:uppercase}h2{font-size:1.9rem;margin:0 0 .8rem}h3{font-size:1.25rem}p{margin:0 0 1rem}.script{font-family:Italianno,Gabriola,Pinyon Script,Segoe Script,Brush Script MT,cursive;text-transform:none;font-weight:400;color:var(--gold-lt);line-height:.9;margin-right:.18em}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.74rem;color:var(--gold);font-weight:600;font-family:EB Garamond,serif}section{padding:64px 0;position:relative}header.section{padding:50px 0 62px}.on-green{background-color:#21402e;color:var(--cream);background-image:repeating-linear-gradient(90deg,rgba(231,224,205,.02) 0 1px,transparent 1px 6px)}.on-green h2{color:#fff}.on-green .eyebrow{color:var(--gold-lt)}.rule{width:64px;height:2px;background:var(--gold);margin:14px 0 20px}.lede{font-size:1.3rem;line-height:1.5;color:#e7e0cd;max-width:60ch}.lede-list{list-style:none;margin:10px 0 0;padding:0;max-width:60ch}.lede-list li{font-size:1.22rem;line-height:1.45;color:#e7e0cd;padding:9px 0 9px 28px;position:relative}.lede-list li:before{content:"";position:absolute;left:0;top:17px;width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}.intro-list{margin:2px 0 16px;padding-left:1.3em}.intro-list li{margin:0 0 7px;padding-left:6px}.frame{border:2px solid var(--gold);padding:44px 38px;position:relative;background-image:radial-gradient(circle at 15px 15px,var(--gold) 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 15px) 15px,var(--gold) 0 2.5px,transparent 3px),radial-gradient(circle at 15px calc(100% - 15px),var(--gold) 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),var(--gold) 0 2.5px,transparent 3px);background-repeat:no-repeat}.frame:before{content:"";position:absolute;inset:8px;border:1px solid rgba(189,154,78,.55);pointer-events:none}.frame:after{content:"";position:absolute;inset:8px;pointer-events:none;background:linear-gradient(var(--gold),var(--gold)) left 0 top 0/22px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) left 0 top 0/1px 22px no-repeat,linear-gradient(var(--gold),var(--gold)) right 0 top 0/22px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) right 0 top 0/1px 22px no-repeat,linear-gradient(var(--gold),var(--gold)) left 0 bottom 0/22px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) left 0 bottom 0/1px 22px no-repeat,linear-gradient(var(--gold),var(--gold)) right 0 bottom 0/22px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) right 0 bottom 0/1px 22px no-repeat;opacity:.85}.corner{position:relative}.corner:before,.corner:after{content:"";position:absolute;width:26px;height:26px;border-color:var(--gold);border-style:solid;opacity:.8}.wrap.corner{padding-left:50px;padding-right:50px}.corner:before{top:-18px;left:-18px;border-width:2px 0 0 2px}.corner:after{bottom:-18px;right:-18px;border-width:0 2px 2px 0}.signed{font-style:italic;color:var(--muted);font-size:1.05rem}.plaque{background:var(--green);color:var(--cream);border:1px solid var(--gold);border-radius:2px;padding:18px 22px;margin:16px 0;position:relative}.plaque .eq{font-family:Playfair Display,serif;font-weight:700;font-size:1.45rem;color:var(--gold-lt);line-height:1.3}.plaque .leg{font-size:.95rem;color:#d8d2c0;margin-top:8px}.grader{background-color:#21402e;color:var(--cream);background-image:repeating-linear-gradient(90deg,rgba(231,224,205,.02) 0 1px,transparent 1px 6px)}.grader h2{color:#fff}.grader .sub{color:#cfc9b6;margin-bottom:20px}.grouplbl{font-family:EB Garamond,serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);margin:18px 0 10px;font-weight:600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:560px){.fields{grid-template-columns:1fr}}.field label{display:block;font-size:.92rem;color:#e7e0cd;margin-bottom:5px}.field input{width:100%;background:#11241a;border:1px solid #3c5042;color:#fff;border-radius:3px;padding:11px 12px;font-size:1rem;font-family:EB Garamond,serif}.field input:focus{outline:none;border-color:var(--gold)}.field .hint{font-size:.78rem;color:#9aa593;margin-top:4px;font-style:italic}.btn{display:inline-block;background:var(--gold);color:#1c1405;border:none;border-radius:3px;padding:15px 28px;font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-family:EB Garamond,serif;cursor:pointer;text-decoration:none;transition:filter .12s}.btn:hover{filter:brightness(1.07)}.btn.block{display:block;width:100%;text-align:center;margin-top:20px}.btn.call{background:transparent;color:var(--gold-lt);border:1px solid var(--gold)}.btn.call:hover{background:#bd9a4e1f}#result{display:none;margin-top:26px;background:var(--card);color:var(--ink);border:1px solid var(--gold);overflow:hidden}.res-top{padding:24px;color:#fff;text-align:center}.res-grade{font-family:Playfair Display,serif;font-weight:900;font-size:4rem;line-height:1}.res-tier{font-family:Playfair Display,serif;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;opacity:.95}.res-body{padding:24px}.metrics{display:flex;gap:16px;flex-wrap:wrap;margin:2px 0 16px;text-align:center;justify-content:space-between}.metrics div{flex:1;min-width:130px;border:1px solid var(--line);padding:12px 8px}.metrics div span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.metrics div b{font-family:Playfair Display,serif;font-size:1.5rem;display:block;margin-top:4px}.formula-note{font-size:.82rem;color:var(--muted);font-style:italic;margin:0 0 16px}.debt{background:var(--green);color:var(--cream);padding:20px 22px;margin:6px 0 18px;text-align:center;border:1px solid var(--gold)}.debt .cap{font-size:.74rem;color:var(--gold-lt);text-transform:uppercase;letter-spacing:.18em}.debt .num{font-family:Playfair Display,serif;font-weight:800;font-size:2.6rem;color:var(--gold-lt);line-height:1.05;margin:4px 0}.debt .exp{font-size:.95rem;color:#d8d2c0;max-width:54ch;margin:6px auto 0}#resText{font-size:1.05rem}.pyr{display:flex;flex-direction:column;align-items:center;gap:7px;margin:24px 0}.pyr .row{color:#fff;text-align:center;padding:13px 10px;cursor:pointer;font-family:Playfair Display,serif;font-weight:700;letter-spacing:.04em;transition:filter .12s;border:1px solid rgba(0,0,0,.12)}.pyr .row:hover{filter:brightness(1.06)}.pyr .row small{display:block;font-family:EB Garamond,serif;font-weight:400;font-size:.82rem;letter-spacing:0;opacity:.95;text-transform:none}.tier-gold{background:var(--t-gold);color:#2a1f06}.tier-silver{background:var(--t-silver);color:#1f2420}.tier-bronze{background:var(--t-bronze)}.tier-tin{background:var(--t-tin)}.tier-rust{background:var(--t-rust)}.tier-detail{background:var(--card);color:var(--ink);border:1px solid var(--gold);padding:18px 20px;margin-top:10px;display:none}.do-list{list-style:none;margin:16px 0}.do-list li{padding:13px 0 13px 28px;border-top:1px solid rgba(243,236,217,.18);position:relative}.do-list li:first-child{border-top:none}.do-list li:before{content:"";position:absolute;left:0;top:20px;width:10px;height:10px;background:var(--gold);transform:rotate(45deg)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}@media(max-width:560px){.cards{grid-template-columns:1fr}}.tcard{background:var(--card);border:1px solid var(--gold);padding:20px;position:relative}.tcard .big{font-family:Playfair Display,serif;font-weight:800;font-size:1.7rem;color:var(--green);line-height:1.12;margin-bottom:8px}.tcard .who{font-size:.98rem;color:var(--muted)}footer{padding:44px 0 70px;color:#cfc9b6}.note{font-size:.85rem;color:var(--muted);font-style:italic}.on-green .note{color:#a9b3a0}.logolock{display:flex;align-items:center;gap:12px;margin-bottom:20px}.logolock img{width:46px;height:46px;border-radius:9px;display:block}.logolock span{font-family:Playfair Display,serif;font-weight:700;font-size:1.02rem;color:var(--cream);letter-spacing:.02em}.signoff{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.signoff .headshot{width:104px;height:104px;border-radius:50%;border:2px solid var(--gold);flex:none;background-size:125%;background-position:90% 20%;background-repeat:no-repeat}.signname{font-family:Playfair Display,serif;font-weight:700;font-size:1.3rem;color:var(--ink);line-height:1.1}.signrole{font-style:italic;color:var(--muted);font-size:1rem;margin-top:3px}.signoff .sig{height:40px;display:block;margin-top:10px;opacity:.8}.signlogo{width:56px;height:56px;border-radius:10px;margin-left:auto;align-self:center}.brandwall{position:relative;width:100%;aspect-ratio:1590 / 894;overflow:hidden;border:2px solid var(--gold);background:#21402e}.brandwall img{position:absolute;top:-2.2%;left:-12.1%;width:122.4%;height:auto;display:block}.footlogo{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footlogo img{width:38px;height:38px;border-radius:8px}.footlogo span{font-family:Playfair Display,serif;color:var(--cream)}.brandgrid{display:flex;flex-wrap:wrap;gap:16px 36px;justify-content:center;align-items:center;margin-top:16px}.brandgrid span{font-family:Playfair Display,serif;font-weight:600;font-size:1.22rem;color:#3a4a3e;letter-spacing:.01em}.logowall{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 26px;margin:24px auto 0;max-width:820px}.logowall img{width:132px;height:50px;object-fit:contain;filter:grayscale(1);opacity:.82;mix-blend-mode:multiply}.brandshowcase{display:block;width:min(94vw,1000px);max-width:none;height:auto;margin:26px 0 0;position:relative;left:50%;transform:translate(-50%)}.on-green{background-image:url(/retention-calculator/assets/img-02.png);background-size:680px auto;background-repeat:repeat;background-color:#27331f}.grader{background-image:url(/retention-calculator/assets/img-03.png);background-size:680px auto;background-repeat:repeat;background-color:#27331f}.pyrwrap{margin:24px 0}.pyrsvg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;overflow:visible}.pyrsvg .ptier{cursor:pointer;transition:filter .12s}.pyrsvg .ptier:hover{filter:brightness(1.07)}.pyrsvg .plbl{font-family:Playfair Display,Georgia,serif;font-weight:800;text-anchor:middle;letter-spacing:.02em;pointer-events:none}.corn-deco{position:absolute;width:104px;height:auto;pointer-events:none;z-index:4;line-height:0}.corn-deco img{display:block;width:100%;height:auto}.corn-tl{top:-7px;left:-7px}.corn-tr{top:-7px;right:-7px;transform:scaleX(-1)}.corn-bl{bottom:-7px;left:-7px;transform:scaleY(-1)}.corn-br{bottom:-7px;right:-7px;transform:scale(-1)}@media(max-width:560px){.corn-deco{width:64px}}.inwrap{position:relative;display:block}.inwrap:before{content:attr(data-pre);position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gold-lt);font-family:EB Garamond,serif;font-size:.98rem;pointer-events:none}.inwrap[data-pre] input{padding-left:30px}.inwrap[data-pre="No."] input{padding-left:44px}.inwrap.suf:after{content:attr(data-suf);position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--gold-lt);font-family:EB Garamond,serif;font-size:.98rem;pointer-events:none}.inwrap.suf input{padding-right:30px}.formula-graphic{display:block;width:100%;max-width:660px;height:auto;margin:24px auto}.btn.pill{display:inline-block;width:auto;padding:12px 26px;border-radius:40px;font-size:.8rem;letter-spacing:.08em}.lawline{font-family:Playfair Display,serif;font-weight:800;font-size:1.45rem;line-height:1.35;color:var(--green);text-align:center;margin:20px auto}.on-green .lawline{color:var(--gold-lt)}.formula-line{font-family:Playfair Display,serif;font-weight:800;font-size:1.5rem;line-height:1.3;text-align:center;margin:22px auto;color:var(--green)}.on-green .formula-line{color:var(--gold-lt)}.seam{border:none;border-top:1px solid var(--gold);opacity:.32;width:90px;margin:38px auto 0}.seam.dark{border-top-color:#3a4a3e}.sidenote{font-style:italic;font-size:.95rem;line-height:1.5;color:var(--muted);background:#bd9a4e12;border:1px solid rgba(189,154,78,.28);border-radius:16px;padding:14px 22px;max-width:60ch;margin:0 auto 10px;text-align:center}.sidenote p{margin:0 0 4px}.sidenote p:last-child{margin:0}.on-green .sidenote{color:#ccd3c4;background:#e3ca8114;border-color:#e3ca814d}.frame{border:2px solid var(--gold);background-image:none;position:relative}.frame:before,.frame:after{display:none!important}.wrap.corner{border:1.5px solid #3a4a3e;padding-top:42px;padding-bottom:42px;position:relative}.corner:before,.corner:after{display:none}.corn-deco{position:absolute;width:72px;height:72px;background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:5}.frame .corn-deco{background-image:url(/retention-calculator/assets/img-04.png)}.wrap.corner .corn-deco{background-image:url(/retention-calculator/assets/img-05.png)}.corn-tl{top:-9px;left:-9px}.corn-tr{top:-9px;right:-9px;transform:scaleX(-1)}.corn-bl{bottom:-9px;left:-9px;transform:scaleY(-1)}.corn-br{bottom:-9px;right:-9px;transform:scale(-1)}@media(max-width:560px){.corn-deco{width:50px;height:50px}}.rule{display:none}.flrsh{display:block;width:230px;height:25px;margin:10px auto 6px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(/retention-calculator/assets/img-06.png)}.on-green .flrsh{background-image:url(/retention-calculator/assets/img-07.png)}.flrsh.below{transform:scaleY(-1);margin:6px auto 16px}@media(max-width:560px){.flrsh{width:168px;height:18px}}header h1,section h2{text-align:center}.eyebrow{text-align:center}.chart-card{background:#fff;border:1px solid rgba(189,154,78,.55);border-radius:14px;padding:14px;margin:26px auto 30px;max-width:660px;box-shadow:0 12px 34px #00000038}.chart-card img,.chart-card svg{display:block;width:100%;height:auto;border-radius:7px}.noise-overlay{display:none}