:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#19262c;background:#f7f8f2;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9da75b;outline-offset:3px}section[id]{scroll-margin-top:24px}.site-shell{max-width:1600px;margin:auto}.site-header{height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(22px,5.2vw,88px);background:#142126;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;text-decoration:none;letter-spacing:-1.05px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#cbf273;background:#2c4248;border-radius:9px}.brand-mark svg{width:23px}.brand-light{font-weight:400;color:#b8c3c0}.top-nav{display:flex;gap:31px;margin-left:auto;margin-right:auto}.top-nav a{font-size:13px;text-decoration:none;color:#d5dddb}.top-nav a:hover{text-decoration:underline}.head-pill{font-size:11px;font-weight:850;letter-spacing:1.1px;border:1px solid #435452;border-radius:100px;padding:11px 15px;color:#dce6dd;white-space:nowrap}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c7ef6b;margin-right:8px}.hero{display:grid;grid-template-columns:1.25fr 0.85fr;min-height:450px;background:#142126;color:#fff;overflow:hidden}.hero-copy{padding:clamp(45px,6.7vw,93px) 22px 48px clamp(22px,5.2vw,88px);position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2px;color:#cbed83;margin:0 0 22px}.spark{font-size:16px;padding-right:7px}.hero h1{font-size:clamp(40px,4.35vw,78px);letter-spacing:-3.8px;line-height:1.05;margin:0;max-width:880px;font-weight:790}.hero h1 span{color:#caf277}.hero-description{max-width:510px;color:#c7d1cd;line-height:1.65;font-size:17px;margin:25px 0 26px}.hero-description em{color:#fff;font-style:normal;font-weight:750}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn{padding:15px 21px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:850;display:inline-flex;gap:18px;align-items:center;justify-content:center;transition:transform .18s ease}.btn:hover{transform:translateY(-2px)}.btn-accent{background:#d1f579;color:#182825}.small-trust{font-size:12px;color:#aebbb8}.hero-foot{display:flex;flex-wrap:wrap;gap:9px 24px;font-size:11px;color:#aab8b5;margin-top:52px}.hero-art{position:relative;margin:45px max(22px,5vw) 45px 12px;min-width:0;min-height:340px;border:1px solid #405351;border-radius:21px;background:linear-gradient(140deg,#244037 0%,#162a2c 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(2deg)}.hero-art::before,.hero-art::after{content:"";position:absolute;border:1px dashed #586e5a;border-radius:18px;inset:20px;pointer-events:none}.hero-art::after{inset:34px}.art-price,.art-minus,.art-profit{position:relative;z-index:1;transform:rotate(-2deg)}.art-price{width:70%;display:flex;align-items:center;justify-content:space-between;color:#c2d1c8;border-bottom:1px solid #678073;padding-bottom:18px;gap:10px}.art-price span{font-size:11px;letter-spacing:1.3px;font-weight:800}.art-price strong{color:#fff;font-size:34px;letter-spacing:-1.5px}.art-minus{width:70%;margin-top:15px;color:#dce5de;font-size:24px;font-weight:750;display:flex;align-items:center;justify-content:space-between}.art-minus small{font-size:10px;letter-spacing:1px}.art-profit{background:#caf277;color:#192626;border-radius:16px;padding:17px 22px;display:flex;align-items:flex-start;flex-direction:column;width:75%;box-shadow:9px 10px 0 rgba(11,20,22,.32);margin-top:23px}.art-profit small{font-size:10px;font-weight:900;letter-spacing:1.2px}.art-profit strong{font-size:clamp(55px,6vw,88px);letter-spacing:-5px;line-height:1.1}.art-profit span{font-size:12px;font-weight:800}.art-stamp{position:absolute;z-index:2;right:-17px;top:34px;background:#f2eee1;color:#1f302c;font-size:13px;font-weight:950;line-height:1.05;transform:rotate(14deg);text-align:center;border-radius:50%;width:86px;height:86px;display:grid;place-items:center}.squiggle{position:absolute;color:#caef78;font-size:54px;top:10px;left:32px}.workspace{padding:clamp(48px,6vw,85px) clamp(22px,5.2vw,88px) 54px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.eyebrow.muted{color:#678277;margin-bottom:12px}.section-intro h2,.explain h2{font-size:clamp(30px,3.4vw,49px);letter-spacing:-2px;line-height:1.07;margin:0}.dot{color:#78a54f}.section-intro p:not(.eyebrow){margin:12px 0 0;color:#687874}.currency-field{display:flex;align-items:center;gap:12px}.currency-field label{font-size:12px;color:#677572;font-weight:750}.currency-field select{background:#fff;border:1px solid #d8ded9;border-radius:9px;padding:12px;font-weight:750;font-size:13px;max-width:165px}.sample-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:23px 0 17px}.sample-bar>span{font-size:12px;font-weight:740;color:#6b7775}.sample-buttons{display:flex;gap:8px;flex-wrap:wrap}.sample-btn{border:1px solid #dce2d9;background:#fff;color:#334840;font-weight:710;font-size:12px;border-radius:100px;padding:9px 14px}.sample-btn:hover{border-color:#758b5b}.sample-btn.active{background:#243b32;border-color:#243b32;color:#e7f6c8}.tool-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(325px,.9fr);gap:16px;align-items:start}.input-panel,.results-panel{border:1px solid #dfe5df;background:#fff;border-radius:18px;padding:clamp(18px,2.4vw,33px);box-shadow:0 8px 26px rgba(30,53,43,.035)}.panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:25px}.panel-number{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;background:#ecf1e5;border-radius:9px;font-size:14px;font-weight:850;color:#3a624b}.panel-heading h3{font-size:17px;letter-spacing:-.4px;margin:0 0 4px}.panel-heading p{margin:0;font-size:12px;color:#85918b;line-height:1.4}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px}.field label{font-size:12px;font-weight:730;display:block;margin-bottom:9px;line-height:1.4;color:#3b4e49}.hint{color:#9aaba1;font-weight:500}.input-frame{height:48px;border:1px solid #d9e3d9;border-radius:10px;display:flex;align-items:center;overflow:hidden;background:#fcfdfa;transition:border-color .18s,box-shadow .18s}.input-frame:focus-within{border-color:#668b4c;box-shadow:0 0 0 3px #d9eab7}.input-frame:has(input[aria-invalid="true"]){border-color:#ce5c4f;background:#fff9f7}.input-frame span{padding-left:13px;min-width:30px;font-size:14px;color:#8da29a;font-weight:750}.input-frame input{width:100%;height:100%;border:0;background:transparent;outline:0;padding:0 10px 0 0;font-size:16px;color:#1f322a;font-weight:700;font-variant-numeric:tabular-nums}.input-frame input::-webkit-outer-spin-button,.input-frame input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-frame input[type=number]{-moz-appearance:textfield;appearance:textfield}.field-error{font-size:11px;color:#a93629;margin:4px 0 0;min-height:0}.field-error:empty{display:none}.section-label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:850;color:#243d33;margin:29px 0 19px;padding-top:22px;border-top:1px solid #edf0eb}.label-symbol{font-size:19px;color:#648657}.advanced{border-top:1px solid #edf0eb;margin-top:27px}.advanced summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:850;padding:22px 0;cursor:pointer}.advanced summary::-webkit-details-marker{display:none}.advanced summary>span:first-child{display:flex;align-items:center;gap:11px}.details-chevron{font-size:22px;transition:transform .2s}.advanced[open] .details-chevron{transform:rotate(180deg)}.advanced-grid{padding-bottom:12px}.field-wide{grid-column:1/-1}.micro-note{font-size:11px;color:#8b9991;line-height:1.6;margin:11px 0 0}.global-error{margin:15px 0;border-radius:9px;padding:12px;background:#fff1ec;color:#982d22;font-size:12px}.reset-btn{border:0;background:transparent;color:#617768;font-size:12px;padding:10px 0 0;font-weight:770;text-decoration:underline;text-underline-offset:3px}.reset-btn:hover{color:#203b2b}.results-panel{background:#192b2a;color:#fff;border-color:#192b2a;position:sticky;top:14px}.results-panel .panel-number{background:#365047;color:#d5f197}.results-panel .panel-heading p{color:#a2bab1}.results-header{gap:12px;flex-wrap:wrap}.status-pill{font-weight:850;font-size:9px;color:#c6ef72;background:#324c37;border:1px solid #456c49;padding:9px 10px;border-radius:100px;letter-spacing:.5px;margin-left:auto}.status-pill.loss{color:#ffb9a7;background:#4b302e;border-color:#6e4640}.status-pill.even{color:#ffe1a1;background:#544b32;border-color:#756338}.profit-hero{background:linear-gradient(140deg,#315447,#2a4840);border:1px solid #426254;border-radius:14px;padding:26px 22px}.profit-caption{margin:0;color:#c5dcc9;font-size:12px;font-weight:700}.big-profit{margin:9px 0;font-size:clamp(47px,4.8vw,82px);font-weight:850;line-height:1;letter-spacing:-4px;color:#d0f579;word-break:break-word;font-variant-numeric:tabular-nums}.big-profit.loss{color:#ffb3a7}.profit-margin-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#d0e0d4;font-size:12px;font-weight:670}.margin-tag{padding:7px 10px;background:#d2f77d;border-radius:5px;color:#192b2a;font-weight:850}.margin-tag.loss{background:#ffb3a7}.revenue-stack{padding:25px 0}.stack-row,.breakdown-head,.cost-total{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}.stack-row{color:#c1d2c6}.stack-row strong{color:#fff;font-size:15px}.stack-track{margin-top:13px;width:100%;height:13px;border-radius:100px;background:#39544d;overflow:hidden;display:flex;gap:0}.stack-cost{background:#7ca39a;transition:width .2s}.stack-profit{background:#c8ee6e;transition:width .2s}.stack-key{display:flex;gap:19px;font-size:10px;color:#b6c9bf;margin-top:11px}.key-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.key-cost{background:#7ca39a}.key-profit{background:#c8ee6e}.cost-breakdown{border-top:1px solid #38504a;padding-top:18px}.breakdown-head h4{font-size:15px;margin:0}.breakdown-head span{color:#a4b9af;font-size:12px}.cost-lines{margin:15px 0 17px;display:flex;flex-direction:column;gap:11px}.cost-line{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#bed0c6}.cost-line strong{color:#f0f5ef;font-variant-numeric:tabular-nums}.cost-total{border-top:1px dashed #4f6b5f;padding-top:15px;font-size:12px;font-weight:730}.pricing-tips{display:grid;gap:1px;background:#456155;border-radius:11px;overflow:hidden;margin:21px 0}.price-tip{background:#253e36;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-size:11px;color:#b9cfc4}.price-tip strong{font-size:18px;color:#f8f8ee;font-variant-numeric:tabular-nums;text-align:right}.copy-btn{width:100%;border:0;background:#d3f578;color:#1e3025;font-size:13px;font-weight:850;padding:15px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px}.copy-btn svg{width:19px;height:19px}.copy-btn:hover{background:#e5ff9d}.result-note{font-size:10px;color:#9cb4aa;line-height:1.65;margin:14px 0 0}.invalid-results{text-align:center;padding:35px 14px;color:#e5efea}.invalid-results p{font-size:12px;color:#c7d1cd}.trust-strip{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:#65796e;font-size:12px;padding-top:28px}.trust-icon{display:inline-grid;place-items:center;border-radius:50%;background:#e1edd4;color:#43733b;width:19px;height:19px;margin-right:7px;font-weight:900}.explain{padding:55px clamp(22px,5.2vw,88px) 76px;background:#eaf0e4}.explain h2{max-width:670px}.explain h2 em{font-style:normal;color:#588747}.explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:31px}.explain-grid article{border:1px solid #d4dfd1;border-radius:14px;background:#f9fbf5;padding:26px}.explain-number{display:block;color:#718f78;font-size:11px;letter-spacing:2px;font-weight:900;margin-bottom:24px}.explain-grid h3{margin:0;font-size:17px;letter-spacing:-.5px}.explain-grid p{margin:10px 0 0;line-height:1.65;font-size:13px;color:#66786e}.method-note{max-width:850px;font-size:12px;line-height:1.8;color:#607367;margin:25px 0 0}footer{background:#142126;color:#e5eee6;padding:31px clamp(22px,5.2vw,88px);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.9px}footer a{color:#d1f479;font-size:12px;text-decoration:none}.footer-sep{color:#79938a;padding:0 6px}footer small{width:100%;font-size:10px;color:#92aaa2;font-weight:400;letter-spacing:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,22px);background:#d2f679;color:#1f3526;border-radius:10px;padding:12px 18px;box-shadow:0 8px 30px #122c2a30;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:all .2s;z-index:40}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.hero{grid-template-columns:1.15fr .85fr}.hero h1{font-size:clamp(40px,5vw,62px)}.hero-art{margin-right:28px}.art-price strong{font-size:27px}.tool-grid{grid-template-columns:minmax(0,1fr) minmax(305px,1fr)}.input-panel,.results-panel{padding:22px}}
@media(max-width:760px){.site-header{height:68px;padding:0 19px}.top-nav{display:none}.head-pill{padding:9px 11px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:52px 22px 20px}.hero h1{font-size:clamp(39px,8vw,61px);letter-spacing:-2.5px}.hero-description{font-size:15px}.hero-foot{margin-top:35px}.hero-art{width:min(450px,calc(100% - 76px));margin:23px auto 52px;min-height:295px}.workspace{padding:49px 18px 40px}.section-intro{align-items:flex-start}.section-intro h2{font-size:36px}.tool-grid{grid-template-columns:1fr;gap:15px}.results-panel{position:static}.explain{padding:48px 19px}.explain-grid{grid-template-columns:1fr}.explain-grid article{padding:20px}.explain-number{margin-bottom:12px}.small-trust{font-size:11px}}
@media(max-width:460px){.hero h1{font-size:42px;line-height:1.08}.hero-foot{gap:8px 16px}.hero-art{width:calc(100% - 56px)}.section-intro{flex-direction:column;align-items:flex-start;gap:19px}.section-intro h2{font-size:33px}.currency-field{width:100%;justify-content:space-between}.currency-field select{max-width:none;width:180px}.field-grid{gap:16px 10px}.field label{font-size:11px;min-height:29px}.field-wide label{min-height:0}.input-frame{height:46px}.input-frame input{font-size:16px}.input-frame span{font-size:12px;min-width:25px;padding-left:10px}.results-header{flex-wrap:wrap}.status-pill{font-size:8px}.big-profit{font-size:61px}.sample-bar{align-items:flex-start;gap:9px}.sample-buttons{gap:6px}.sample-btn{padding:8px 10px;font-size:11px}footer{padding:27px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Currency selector v1.1 */
.currency-note{font-size:11px;line-height:1.55;color:#60776a;margin:-3px 0 21px;max-width:820px}
.currency-field select{min-width:152px}
@media(max-width:460px){.currency-note{margin:3px 0 16px}.currency-field select{min-width:165px}}