@font-face{font-family:"Hanken Grotesk";src:url("Hanken-Grotesk.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#101828;--muted:#747985;--coral:#f04438;--coral-dark:#d92d20;--blush:#fef3f2;--navy:#1d2939;--line:#eaecf0;--green:#039855;--page-width:1164px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font-family:"Hanken Grotesk",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
[hidden]{display:none!important}
.desktop-copy{display:inline}
.mobile-copy{display:none!important}
.topbar{height:88px;border-bottom:1px solid #ededee;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1280px)/2));background:#fff}
.brand{color:var(--coral);font-size:23px;font-weight:700;letter-spacing:0;text-decoration:none}
.brand span{color:inherit}
.top-cta,.primary{border:0;border-radius:999px;background:var(--coral);color:#fff;text-decoration:none;font-weight:650;transition:background .16s,transform .16s}
.top-cta{height:46px;min-width:154px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}
.top-cta:hover,.primary:hover{background:#e53c33}
.primary:active,.top-cta:active{transform:translateY(1px)}
.hero{max-width:var(--page-width);margin:0 auto;padding:34px 0 0;text-align:center}
.eyebrow{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:0 0 28px;padding:0 20px;border-radius:999px;background:#fef3f2;color:#d92d20;font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap}
.eyebrow .spark{width:18px;height:18px;object-fit:contain;flex-shrink:0}
h1{margin:0 auto;color:#101828;font-size:56px;font-weight:700;line-height:1.2;letter-spacing:0;white-space:nowrap}
.highlight{position:relative;isolation:isolate;display:inline-block;background:none;box-shadow:none;white-space:nowrap}
.highlight:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:.04em;height:.24em;border-radius:4px;background:#ffd6d7}
body:not(.has-results) .hero{min-height:calc(100svh - 88px)}
.lead{margin:25px auto 0;color:#667085;font-size:17px;font-weight:400;line-height:1.65}
.calculator{max-width:var(--page-width);min-height:100px;margin:28px auto 0;padding:15px;display:grid;grid-template-columns:2.25fr .9fr .9fr .9fr 1.15fr;align-items:center;border:1px solid #ececef;border-radius:22px;background:#fff;box-shadow:0 9px 24px #1823340b;text-align:left}
.field{display:grid;gap:8px;min-width:0;padding:0 30px;border-right:1px solid #eff0f2}
.field:first-child{padding-left:26px}
.field:nth-child(4){border-right:0}
.field label,.setting label{color:#667085;font-size:11px;font-weight:700;line-height:14px;letter-spacing:1px;text-transform:uppercase}
.field input,.field select{width:100%;min-width:0;padding:0;border:0;outline:0;background-color:transparent;color:var(--ink);font-size:18px;font-weight:400;line-height:26px}
.field input::placeholder{color:#222834;opacity:1}
.field select{appearance:none;padding-right:22px;background-image:url("assets/select-chevron.png");background-repeat:no-repeat;background-position:right center;background-size:15px 15px}
.field:focus-within{background:#fffafa}
.go-wrap{padding-left:4px}
.primary{min-height:56px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:35px;box-shadow:0 7px 15px #f0443b20;font-size:17px;font-weight:700;white-space:nowrap}
.primary>img{width:20px;height:20px;object-fit:contain}
.go-wrap .primary{position:relative;width:100%}
.go-wrap .primary>img{position:absolute;right:30px}
.settings-wrap{max-width:var(--page-width);margin:18px auto 0;text-align:center}
.settings summary{position:relative;min-height:48px;width:max-content;max-width:100%;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:none;color:#ff5a5f;font-size:15px;font-weight:700;line-height:1.4;list-style:none;text-align:center;cursor:pointer}
.settings summary::-webkit-details-marker{display:none}
.settings-gear{font-family:Arial,sans-serif;font-size:19px;line-height:1;flex-shrink:0}
.settings summary:after{display:none}
.settings summary:hover{color:var(--coral-dark)}
.settings-panel{margin-top:14px;padding:20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;border:1px solid var(--line);border-radius:16px;background:#f9fafb;text-align:left}
.setting{display:grid;align-content:start;gap:8px;min-width:0}
.setting input,.setting select{width:100%;min-width:0;padding:10px;border:1px solid #e2e5e9;border-radius:8px;background:#fff;color:var(--ink);font-size:13px}
.setting .hint{color:#818793;font-size:10px}
.defaults{margin:12px auto 0;color:#667085;font-size:12px;line-height:1.7}
.trustline{margin:12px auto 0;color:#98a2b3;font-size:12px;line-height:1.7}
.estimate-note{display:none}
.results{max-width:var(--page-width);margin:54px auto 0;padding:0}
.results-head{margin:0 0 40px;text-align:center}
.results-head h2{margin:0;color:#101828;font-size:32px;font-weight:700;line-height:1.3;letter-spacing:0}
.results-head p{margin:8px 0 0;color:#667085;font-size:14px;line-height:1.6}
.cards{display:grid;grid-template-columns:1.63fr 1fr;align-items:stretch;gap:30px}
.card{border:1px solid #eaecf0;border-radius:29px;background:#fff}
.short-card{position:relative;min-height:668px;padding:34px 44px 15px;border-color:#fecdca;background:#fef3f2}
.long-card{min-height:668px;padding:34px 36px;background:#f9fafb}
.card-label{display:block;color:#667085;font-size:12px;font-weight:700;line-height:18px;letter-spacing:2px;text-transform:uppercase}
.short-card .card-label{color:#d92d20}
.delta{position:absolute;top:-18px;left:40%;min-width:192px;padding:8px 20px;transform:translateX(-50%);border-radius:999px;background:var(--coral);box-shadow:0 5px 15px #f0443b2b;color:#fff;font-size:13px;font-weight:700;line-height:20px;text-align:center;white-space:nowrap}
.delta.neutral{background:#ad8245}
.delta.negative{background:#7a8795}
.amount-row{display:flex;align-items:baseline;gap:12px;margin-top:7px}
.amount{color:var(--coral);font-size:60px;font-weight:700;line-height:1.2;letter-spacing:0;white-space:nowrap}
.long-card .amount{color:#141b27}
.per{color:#667085;font-size:20px;font-weight:700;white-space:nowrap}
.caption,.rent-base{margin:10px 0 0;color:#667085;font-size:13px;line-height:1.7}
.stats{margin:22px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat{min-width:0;min-height:64px;padding:9px 4px 8px;border-radius:4px;background:#fff;color:#667085;font-size:11px;line-height:1.45;text-align:center;white-space:nowrap}
.stat strong{display:block;margin-top:2px;color:#101828;font-size:17px;font-weight:700;line-height:1.45}
.breakdown{margin-top:18px}
.line-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;color:#667085;font-size:15px;line-height:22px}
.line-item>span{min-width:0}
.line-item strong{flex-shrink:0;color:#101828;font-size:15px;font-weight:400;line-height:22px;white-space:nowrap}
.line-item:first-child>span,.line-item:first-child strong{color:#101828;font-weight:400}
.line-item.cost strong{color:#d92d20}
.line-item.total{margin-top:14px;padding:15px 0 5px;border-top:1px solid #edd9da}
.line-item.total>span{color:#101828;font-size:17px;font-weight:700}
.line-item.total strong{color:var(--green);font-size:24px;font-weight:700;line-height:28.8px}
.footnote{margin:9px 0 0;color:#667085;font-size:11px;line-height:1.6}
.rent-options{margin-top:29px;display:grid;gap:16px}
.rent-option{min-height:108px;padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #e7e8eb;border-radius:13px;background:#fff}
.rent-option>div{min-width:0}
.rent-option h3{margin:0;color:#101828;font-size:15px;font-weight:700;line-height:18px}
.rent-option p{margin:4px 0 0;color:#667085;font-size:12px;line-height:20.88px}
.rent-option strong{flex-shrink:0;color:#101828;font-size:20px;font-weight:700;line-height:24px;white-space:nowrap}
.long-note{margin:28px 0 0;color:#667085;font-size:11px;line-height:19.8px}
.cashflow-card{margin-top:60px;padding:49px 58px 58px;border-radius:28px;box-shadow:0 12px 30px #1b202b08}
.cashflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.cashflow-head h2{margin:0;color:#101828;font-size:24px;font-weight:700;line-height:28.8px;letter-spacing:0}
.cashflow-head p{margin:8px 0 0;color:#667085;font-size:14px;line-height:1.7}
.chart-legend{display:flex;align-items:center;gap:28px;padding-top:4px;color:#667085;font-size:13px;line-height:1.5;white-space:nowrap}
.chart-legend span{display:inline-flex;align-items:center;gap:9px}
.chart-key{width:13px;height:13px;flex:0 0 13px;border-radius:4px;background:var(--coral)}
.chart-key.long{background:#d2d7dc}
.chart-readout{position:relative;height:25px;display:flex;align-items:center;justify-content:center;text-align:center}
.chart-hint{margin:0;transform:translateY(36px);color:#c43b34;font-size:13px;font-weight:700;line-height:1.5}
.chart-tooltip{position:absolute;z-index:4;top:0;left:0;max-width:min(320px,calc(100vw - 32px));padding:10px 18px;transform:none;border-radius:11px;background:var(--navy);box-shadow:0 6px 18px #1b202b18;color:#fff;font-size:11px;line-height:1.6;pointer-events:none}
.chart-tooltip strong{display:block;font-size:12px}
.chart-tooltip span{white-space:nowrap}
.tooltip-short{color:#ffb4ac}
.chart-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding:62px 47px 0 81px}
.chart-lines{position:absolute;z-index:1;top:62px;right:47px;bottom:34px;left:81px;pointer-events:none}
.chart-mean-line{position:absolute;right:0;left:0;top:var(--value-y);border-top:2px dashed var(--line-color)}
.chart-mean-line.short{--line-color:var(--coral)}
.chart-mean-line.long{--line-color:#667085}
.chart-mean-line>span{position:absolute;right:0;bottom:calc(100% + 3px);padding:0 4px;background:#fff;color:var(--line-color);font-size:10px;font-weight:700;line-height:14px;white-space:nowrap}
.chart-mean-line.short>span{right:auto;left:0}
.chart-month{position:relative;min-width:0;height:340px;padding:0 2px;display:flex;flex-direction:column;touch-action:manipulation;border:0;border-radius:5px;background:transparent;color:#777b85}
.chart-month:hover,.chart-month[aria-pressed=true]{background:#f8f9fb}
.chart-month:focus-visible{outline:2px solid var(--coral);outline-offset:2px;background:#fff6f5}
.month-bars{position:relative;display:block;flex:1;width:100%;min-height:0}
.month-bars:before{position:absolute;right:-8px;bottom:var(--baseline);left:-8px;height:1px;background:#eceef1;content:""}
.chart-bar{position:absolute;left:5%;width:38%;max-width:22px;min-height:1px;background:var(--coral)}
.chart-bar.long{left:53%;background:#d2d7dc}
.chart-bar.negative{opacity:.75}
.month-label{height:34px;padding-top:7px;display:block;font-size:9px;line-height:18px;text-align:center;text-transform:uppercase}
.chart-summary{margin-top:38px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr 1.12fr;align-items:center;gap:16px;border-top:1px solid #ededee;color:#667085;font-size:16px;line-height:1.5}
.chart-summary strong{color:#101828;font-size:20px;font-weight:700;white-space:nowrap}
.chart-difference{padding:10px 12px;border-radius:999px;background:#fef3f2;color:#d92d20;font-size:16px;font-weight:700;line-height:1.5;text-align:center;white-space:nowrap}
.chart-difference.long-wins{background:#f1f3f6;color:#526172}
.chart-usage{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chart-disclaimer{margin:20px 0 0;color:#98a2b3;font-size:11px;line-height:1.7}
.report{max-width:var(--page-width);margin:60px auto 0}
.report-box{position:relative;min-height:178px;padding:39px 50px 49px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:24px;border-radius:18px;background:var(--navy);color:#fff}
.report-copy h2{margin:0;color:#fff;font-size:22px;font-weight:700;line-height:26.4px;letter-spacing:0}
.report-copy p{max-width:465px;margin:8px 0 0;color:#98a2b3;font-size:13px;line-height:23.4px}
.report-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
.report-form input[type=email]{width:100%;min-width:0;min-height:56px;padding:0 25px;border:1px solid #475467;border-radius:999px;outline:none;background:#344054;color:#fff;font-size:15px}
.report-form input[type=email]::placeholder{color:#aeb7c5;opacity:1}
.report-form input[type=email]:focus{border-color:#ef8d83}
.report-form .primary{min-width:184px;min-height:56px;padding:0 27px;box-shadow:none;font-size:15px}
.consent{position:absolute;bottom:19px;left:50px;max-width:calc(100% - 100px);display:flex;align-items:flex-start;gap:9px;color:#98a2b3;font-size:11px;line-height:1.5}
.consent input{appearance:none;flex:0 0 14px;width:14px;height:14px;margin:1px 0 0;border:1px solid #465366;border-radius:3px;background:transparent;accent-color:var(--coral)}
.consent input:checked{border-color:var(--coral);background:var(--coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.consent a{text-decoration:none}
.consent a:hover{text-decoration:underline}
.report-status{grid-column:1/-1;color:#c8f3da;font-size:11px;line-height:1.6}
.report-status:empty{display:none}
.report-tools{display:flex;flex-wrap:wrap;grid-column:1/-1;gap:10px;color:#acb5c1;font-size:11px}
.download{padding:0;border:0;background:transparent;color:#ffc1bb;font-size:10px;text-decoration:underline}
.risks,.metodo{max-width:var(--page-width);margin:72px auto 0;scroll-margin-top:24px}
.risks>h2,.metodo>h2{margin:0;text-align:center;color:var(--ink);font-size:30px;font-weight:700;line-height:1.3}
.section-intro{max-width:650px;margin:12px auto 32px;text-align:center;color:#667085;font-size:15px;line-height:1.7}
.risk-grid,.metodo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.risk,.method-card{padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff}
.risk{display:flex;flex-direction:column;align-items:flex-start}
.risk h3,.method-card h3{margin:0;color:var(--ink);font-size:17px;font-weight:700;line-height:1.4}
.risk p{flex:1;margin:12px 0 18px;color:#667085;font-size:14px;line-height:1.7}
.severity{display:inline-block;padding:6px 11px;border-radius:999px;background:var(--blush);color:var(--coral-dark);font-size:10px;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.4px}
.severity.shared{background:#ecfdf3;color:#027a48}
.metodo-grid{margin-top:30px}
.method-card{background:#f9fafb}
.method-card ul{margin:14px 0 0;padding-left:18px;color:#667085;font-size:14px;line-height:1.7}
.method-card li+li{margin-top:8px}
footer{margin-top:72px;padding:24px max(32px,calc((100vw - 1280px)/2)) 82px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #ededee;color:#667085;font-size:13px;line-height:1.6}
footer strong{font-weight:inherit}
footer>span:first-child{font-weight:700}
footer a{text-decoration:none}
footer a:hover{color:var(--coral)}
.footer-note{width:100%;color:#98a2b3;font-size:11px}
@media(max-width:1250px) and (min-width:761px){.hero,.results,.report,.risks,.metodo{width:calc(100% - 60px)}.calculator,.settings-wrap{width:100%}.field{padding-right:18px;padding-left:18px}.short-card{padding-right:28px;padding-left:28px}.long-card{padding-right:26px;padding-left:26px}.chart-grid{padding:62px 14px 0;gap:8px}.chart-lines{top:62px;right:14px;left:14px}.cashflow-card{padding-right:38px;padding-left:38px}.report-box{padding-right:35px;padding-left:35px}.consent{left:35px;max-width:calc(100% - 70px)}}
@media(max-width:980px) and (min-width:761px){h1{font-size:40px}.lead{font-size:14px}.calculator{grid-template-columns:1.8fr .8fr .85fr .7fr 1fr;padding:10px}.field{padding-right:10px;padding-left:10px}.field:first-child{padding-left:12px}.field input,.field select{font-size:14px}.primary{gap:18px;padding:0 16px}.cards{grid-template-columns:1.4fr 1fr;gap:18px}.short-card{padding:30px 20px 15px}.long-card{padding:30px 20px}.amount{font-size:43px}.stats{gap:6px}.stat strong{font-size:13px}.line-item{font-size:10px}.line-item strong{font-size:10px}.rent-option{padding:13px 12px}.rent-option h3{font-size:11px}.rent-option p{font-size:9px}.rent-option strong{font-size:15px}.chart-legend{gap:12px;font-size:9px}.cashflow-head p{max-width:380px}.report-box{grid-template-columns:1fr 1.1fr;gap:15px}.report-form{gap:8px}.report-form .primary{min-width:146px;padding:0 16px}}
@media(max-width:760px){
 .desktop-copy{display:none!important}
 .mobile-copy{display:inline!important}
 br.mobile-copy{display:block!important}
 .topbar{height:77px;padding:0 23px}
 .brand{font-size:21px;letter-spacing:0}
 .top-cta{min-width:86px;height:38px;padding:0 18px;font-size:13px}
 .hero{width:calc(100% - 46px);max-width:500px;padding:20px 0 0}
 .eyebrow{min-height:36px;margin:0 0 13px;padding:0 15px;gap:7px;font-size:12px;line-height:18px}
 .eyebrow .spark{width:16px;height:16px}
 h1{max-width:430px;font-size:30px;line-height:45px;letter-spacing:0;white-space:normal}
 body:not(.has-results) .hero{min-height:calc(100svh - 77px)}
 .lead{max-width:440px;margin:4px auto 0;font-size:14px;line-height:24.36px}
 .calculator{width:100%;min-height:0;margin:16px auto 0;padding:18px 24px 22px;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:20px;box-shadow:0 9px 28px #1b202b09}
 .field,.field:nth-child(4){gap:6px;padding:12px 0 0;border:0}
 .field:first-child{grid-column:1/-1;padding:0 0 16px;border-bottom:1px solid #eceef1}
 .field label{font-size:10px;line-height:14px;letter-spacing:1px}
 .field input,.field select{font-size:16px;line-height:27px}
 .field select{max-width:65px;padding-right:21px;background-position:right 2px center}
 .go-wrap{grid-column:1/-1;margin-top:15px;padding:0}
 .go-wrap .primary{position:relative;min-height:52px;font-size:16px;gap:20px}
 .go-wrap .primary>img{position:absolute;right:29px;width:20px;height:20px}
 .settings-wrap{width:100%;margin-top:19px}
 .settings summary{min-height:50px;max-width:100%;padding:0;gap:6px;font-size:14px}
 .settings-gear{font-size:18px}
 .settings summary b{font:inherit}
 .settings-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
 .setting label{font-size:9px}
 .setting input,.setting select{padding:9px;font-size:12px}
 .setting .hint{font-size:9px}
 .defaults{margin-top:11px;font-size:11px;line-height:19.14px}
 .trustline{margin-top:8px;font-size:11px;line-height:1.8}
 .results{width:calc(100% - 46px);max-width:500px;margin:39px auto 0;padding:0}
 .results-head{margin-bottom:17px}
 .results-head h2{font-size:24px;line-height:1.35;letter-spacing:0}
 .results-head p{margin:5px auto 0;font-size:12px;line-height:1.7}
 .cards{grid-template-columns:1fr;gap:19px}
 .card{border-radius:18px}
 .short-card{min-height:654px;padding:29px 24px 18px}
 .long-card{min-height:428px;padding:29px 24px 22px}
 .delta{top:-17px;left:50%;min-width:172px;padding:7px 19px;font-size:12px;line-height:18px}
 .card-label{font-size:11px;line-height:18px;letter-spacing:1px}
 .amount-row{gap:10px;margin-top:6px}
 .amount{font-size:44px;line-height:52.8px;letter-spacing:0}
 .per{font-size:16px}
 .caption{margin-top:9px;font-size:11px;line-height:19.14px}
 .rent-base{margin-top:7px;font-size:11px;line-height:1.7}
 .stats{margin-top:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .stat{min-height:58px;padding:9px 4px 8px;font-size:10px;line-height:1.45}
 .stat strong{margin-top:2px;font-size:15px;line-height:1.45}
 .breakdown{margin-top:11px}
 .line-item{gap:8px;padding:7px 0;font-size:12px;line-height:20px}
 .line-item strong{font-size:12px;line-height:20px}
 .line-item.total{margin-top:12px;padding:13px 0 5px}
 .line-item.total>span{font-size:14px}
 .line-item.total strong{font-size:20px;line-height:24px}
 .footnote{margin-top:12px;font-size:10px;line-height:17.4px}
 .rent-options{margin-top:19px;gap:12px}
 .rent-option{min-height:94px;padding:15px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;border-radius:11px}
 .rent-option>div{display:contents}
 .rent-option h3{grid-column:1;grid-row:1;font-size:13px;line-height:20px}
 .rent-option p{grid-column:1/-1;grid-row:2;margin:0;font-size:10px;line-height:17.4px}
 .rent-option strong{grid-column:2;grid-row:1;font-size:18px;line-height:21.6px}
 .long-note{margin-top:20px;font-size:10px;line-height:17.4px}
 .cashflow-card{margin-top:22px;padding:28px 23px 23px;border-radius:19px}
 .cashflow-head{display:flex;flex-direction:column;gap:11px}
 .cashflow-head h2{font-size:18px;line-height:21.6px;letter-spacing:0}
 .cashflow-head p{margin-top:6px;font-size:11px;line-height:19.14px}
 .chart-legend{width:100%;justify-content:flex-start;gap:20px;padding:0;font-size:11px;line-height:1.5}
 .chart-legend span{gap:7px}
 .chart-key{width:11px;height:11px;flex-basis:11px;border-radius:3px}
 .chart-readout{height:39px}
 .chart-hint{visibility:visible;font-size:11px}
 .chart-tooltip{padding:8px 11px;font-size:9px;line-height:1.55}
 .chart-tooltip strong{font-size:10px}
 .chart-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;padding:50px 7px 0 42px}
 .chart-lines{top:50px;right:7px;bottom:28px;left:42px}
 .chart-mean-line>span{max-width:130px;padding:0 2px;font-size:7px;line-height:10px}
 .chart-month{height:272px;padding:0 1px}
 .month-bars:before{right:-3px;left:-3px}
 .chart-bar{left:7%;width:35%;max-width:6px}
 .chart-bar.long{left:53%}
 .month-label{height:28px;padding-top:6px;font-size:8px;line-height:15px}
 .chart-month:nth-child(even) .month-label{visibility:hidden}
 .chart-summary{margin-top:22px;padding-top:17px;grid-template-columns:1.1fr 1fr;gap:16px 8px;font-size:13px;line-height:19.2px}
 .chart-summary strong{font-size:16px}
 .chart-difference{grid-column:1/-1;padding:10px 8px;font-size:14px;line-height:16.8px}
 .report{width:calc(100% - 46px);max-width:500px;margin:28px auto 0}
 .report-box{min-height:0;padding:27px 24px 25px;grid-template-columns:1fr;gap:10px;border-radius:28px}
 .report-copy h2{font-size:18px;line-height:21.6px;letter-spacing:0}
 .report-copy p{margin-top:6px;font-size:11px;line-height:19.14px}
 .report-form{grid-template-columns:1fr;gap:12px}
 .report-form input[type=email]{min-height:54px;padding:0 23px;font-size:14px}
 .report-form .primary{min-width:0;min-height:52px;padding:0 20px;font-size:15px}
 .consent{position:static;max-width:none;margin-top:0;gap:8px;font-size:10px;line-height:16.8px}
 .report-status{font-size:9px}
 .chart-disclaimer{font-size:10px;line-height:1.7}
 .risks,.metodo{width:calc(100% - 46px);max-width:500px;margin:46px auto 0}
 .risks>h2,.metodo>h2{font-size:24px}
 .section-intro{margin:12px auto 24px;font-size:13px}
 .risk-grid,.metodo-grid{grid-template-columns:1fr;gap:14px}
 .risk,.method-card{padding:24px;border-radius:18px}
 .risk h3,.method-card h3{font-size:16px}
 .risk p,.method-card ul{font-size:13px}
 .metodo-grid{margin-top:24px}
 footer{margin-top:27px;padding:21px 23px 35px;display:grid;justify-content:center;gap:9px;text-align:center;font-size:11px;line-height:1.6}
 .footer-note{font-size:10px;line-height:1.7}
}
@media(max-width:360px){.hero,.results,.report{width:calc(100% - 36px)}.topbar{padding:0 18px}.eyebrow{padding:0 11px;font-size:10px}h1{font-size:27px}.field{min-width:0}.calculator{padding-right:18px;padding-left:18px}.amount{font-size:40px}.card-label{font-size:8px}.chart-legend{gap:13px;font-size:8px}.chart-summary{font-size:8px}.chart-summary strong{font-size:12px}.rent-option{padding-right:12px;padding-left:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Gestione agenzia facoltativa: calcolo soltanto dal pulsante Calcola. */
.calculation-status{max-width:720px;margin:12px auto 0;color:#667085;font-size:12px;line-height:1.6}
.calculation-status:empty{display:none}
.agency-wrap{max-width:760px;margin:16px auto 0;color:#667085;font-size:13px;line-height:1.5}
.agency-toggle{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:32px;cursor:pointer;font-weight:500}
.agency-toggle>input{position:absolute;width:1px;height:1px;opacity:0}
.agency-switch{position:relative;display:inline-block;flex:0 0 30px;width:30px;height:18px;border:1px solid #d0d5dd;border-radius:999px;background:#eaecf0;transition:background .16s,border-color .16s}
.agency-switch:after{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182826;content:"";transition:transform .16s}
.agency-toggle>input:checked+.agency-switch{border-color:var(--coral);background:var(--coral)}
.agency-toggle>input:checked+.agency-switch:after{transform:translateX(12px)}
.agency-toggle>input:focus-visible+.agency-switch{outline:2px solid var(--coral);outline-offset:3px}
.agency-options{margin:10px auto 0;padding:13px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;border:1px solid #eaecf0;border-radius:12px;background:#f9fafb}
.agency-options>label{display:flex;align-items:center;gap:8px;font-size:12px}
.agency-options select,.agency-options input[type=number]{min-height:36px;padding:6px 9px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:var(--ink);font-size:13px}
.agency-options input[type=number]{width:76px}
.agency-options input:focus-visible,.agency-options select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.agency-percent{display:inline-flex;align-items:center;gap:5px}
.agency-vat{cursor:pointer}
.agency-vat input{width:15px;height:15px;margin:0;accent-color:var(--coral)}
.agency-cost{flex:1 0 100%;margin:0;font-size:11px;line-height:1.6}
@media(max-width:760px){.agency-wrap{margin-top:12px;font-size:12px}.agency-options{padding:12px;gap:12px}.agency-options>label{font-size:11px}.agency-cost{font-size:10px}.calculation-status{font-size:11px}.agency-toggle{min-height:36px}}
