@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f2ea;--ink:#282a23;--muted:#7b7b70;--orange:#ee5b36;--line:#deded2;--dark:#272e27;--green:#c5d8a4;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1240px;width:calc(100% - 112px);margin-inline:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-family:var(--display);font-size:46px;font-weight:700;letter-spacing:-4px;line-height:1}.brand-dot{color:var(--orange)}.brand-name{font-family:var(--font);font-size:9px;letter-spacing:1.5px;line-height:1.6;font-weight:700;width:65px;margin-left:19px}.site-header nav{display:flex;gap:36px;font-size:12px;font-weight:600}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--orange)}.nav-active:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin:7px auto -12px}.site-header nav a span{margin-left:6px}.header-badge{display:flex;align-items:center;gap:8px;font-size:10px;border:1px solid #d7d8cb;border-radius:30px;padding:9px 13px}.header-badge>span{width:6px;height:6px;border-radius:100%;background:#789963}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;padding-block:65px 55px;gap:30px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;margin:0}.hero .eyebrow{display:flex;align-items:center;gap:9px;font-size:9px}.tiny-star{color:var(--orange);font-size:21px;line-height:1}h1{font-size:clamp(60px,6.4vw,88px);font-weight:500;letter-spacing:-5.5px;line-height:1.025;margin:26px 0 23px;position:relative;width:max-content}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--orange);letter-spacing:-4px}.title-asterisk{position:absolute;right:-66px;top:93px;font-size:62px;font-weight:400;color:var(--orange);transform:rotate(16deg)}.hero-description{font-size:14px;line-height:1.8;color:#75766c;margin:0}.hero-description strong{font-weight:550;color:var(--ink)}.hero-bottom{display:flex;gap:22px;align-items:center;margin-top:30px}.hero-cta{display:flex;align-items:center;justify-content:space-between;gap:27px;padding:16px 19px;background:var(--ink);color:#fffdf5;border-radius:5px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.hero-cta:hover{background:var(--orange);transform:translateY(-2px)}.hero-cta span{font-size:19px}.privacy-note{font-size:9px;max-width:140px;line-height:1.6;display:flex;gap:6px;align-items:flex-start;color:var(--muted)}.privacy-note svg{fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0;width:13px;height:13px;margin-top:2px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:475px}.orbit{position:absolute;border:1px solid #dedfd0;border-radius:50%;width:400px;height:400px;top:68px;left:50%;transform:translateX(-50%)}.orbit-two{width:460px;height:460px;top:38px;border-style:dashed;opacity:.65}.receipt{background:#fffef8;width:275px;padding:24px 23px 21px;transform:rotate(8deg);box-shadow:3px 15px 27px #29332019;position:relative;margin-top:22px}.receipt:after{content:'';position:absolute;left:0;right:0;height:10px;bottom:-7px;background:linear-gradient(135deg,#fffef8 33%,transparent 33%) -5px 0/10px 10px,linear-gradient(225deg,#fffef8 33%,transparent 33%) -5px 0/10px 10px}.receipt-top{font-family:var(--display);display:flex;justify-content:space-between;letter-spacing:1px;font-size:7px}.receipt-heart{text-align:center;font-family:Georgia,serif;font-size:65px;line-height:1.1;color:var(--orange);margin-top:13px}.receipt h2{font-family:Georgia,serif;font-size:35px;letter-spacing:-1px;font-weight:400;text-align:center;margin:4px 0 9px}.receipt>p{text-align:center;font-size:6px;letter-spacing:1.3px;margin:0 0 24px}.receipt-lines{padding:17px 0;border-block:1px dashed #cdcebf;font-family:var(--display)}.receipt-lines>div{display:flex;justify-content:space-between;font-size:9px;margin:0 0 12px}.receipt-lines>div:last-child{margin:0}.receipt-lines b{font-weight:500}.receipt-lines .chemistry{color:#8a8b7d}.receipt-total{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.receipt-total>span{font-size:8px;letter-spacing:1px}.receipt-total>strong{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:-1px}.barcode{height:29px;width:155px;margin:23px auto 10px;background:repeating-linear-gradient(90deg,#303529 0px,#303529 1px,transparent 1px,transparent 3px,#303529 3px,#303529 5px,transparent 5px,transparent 7px,#303529 7px,#303529 8px,transparent 8px,transparent 12px,#303529 12px,#303529 15px,transparent 15px,transparent 18px)}.receipt small{display:block;text-align:center;font-family:var(--display);font-size:6px;letter-spacing:1.5px}.floating-note{position:absolute;top:3px;right:19px;z-index:2;transform:rotate(8deg);font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.3;color:#6f7762}.floating-note svg{position:absolute;right:100px;top:43px;fill:none;stroke:#7a8268;stroke-width:1.5;width:62px;height:40px}.round-stamp{position:absolute;bottom:20px;left:35px;width:112px;height:112px;border-radius:50%;background:var(--orange);color:#fff8e9;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-15deg);box-shadow:0 0 0 5px var(--paper)}.round-stamp span{font-size:8px;letter-spacing:2px}.round-stamp strong{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:2px 0}.art-spark{position:absolute;color:#9aa785}.spark-one{font-size:51px;top:80px;left:17px}.spark-two{font-size:42px;bottom:73px;right:8px}.ticker{overflow:hidden;background:#e6e9d9;border-block:1px solid #d9ddc9;height:45px;display:flex;align-items:center}.ticker>div{display:flex;align-items:center;gap:34px;white-space:nowrap;font-family:var(--display);font-size:10px;letter-spacing:1.5px;font-weight:500;margin-inline:auto}.ticker span{font-size:22px;color:#687b4d}.calculator-section{padding-top:69px;padding-bottom:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.section-heading h2{font-size:33px;font-weight:500;letter-spacing:-1.4px;margin:13px 0 0}.section-heading>p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 3px}.calculator-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:36px;align-items:start}.input-panel{padding:26px 28px 20px;background:#fdfbf5;border:1px solid #e0dfd4;border-radius:10px}.mode-switch{display:flex;background:#eeede5;border-radius:6px;padding:4px;gap:4px;margin-bottom:31px}.mode{flex:1;border:0;border-radius:4px;padding:12px 4px;font-size:10px;font-weight:600;background:transparent;color:#7c7c70;white-space:nowrap}.mode span{font-size:16px;margin-right:7px}.mode.active{color:var(--ink);background:#fefdf8;box-shadow:0 1px 4px #262b2010}.mode:hover{color:var(--orange)}.form-section+.form-section{border-top:1px solid #e5e3d9;margin-top:27px;padding-top:25px}.form-section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.step{font-family:var(--display);font-size:9px;width:23px;height:23px;border:1px solid #d9dacd;border-radius:50%;display:flex;align-items:center;justify-content:center}.form-section-title h3{font-size:13px;font-weight:600;letter-spacing:-.2px;margin:0}.optional-label{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.field-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:15px}.field{display:block;font-size:10px;font-weight:500}.input-wrap{border:1px solid #ddded0;border-radius:5px;background:#fffef9;display:flex;align-items:center;transition:border-color .15s;margin-top:8px;overflow:hidden;height:43px}.input-wrap:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px #ee5b3612}.input-wrap input{background:transparent;border:0;width:100%;min-width:0;color:var(--ink);padding:12px 13px;font-size:13px;font-family:var(--display);font-weight:500;outline:none!important;box-shadow:none}.input-wrap>span{font-size:10px;color:var(--muted);padding-right:13px;white-space:nowrap}.input-wrap:has(input:invalid){border-color:#d7a28f}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.budget-label,.dates-label,.feeling-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:23px 0 14px;gap:8px}.budget-label output,.dates-label output,.feeling-label output{font-size:11px;font-weight:600;white-space:nowrap}.budget-label output>span{color:#8a8a7b;font-weight:400}.range-captions{display:flex;justify-content:space-between;font-size:8px;color:#949487;margin-top:8px}input[type=range]{display:block;width:100%;height:4px;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--orange) 0%,var(--orange) var(--fill,31%),#e3e3d8 var(--fill,31%),#e3e3d8 100%);border-radius:10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:3px solid #fdfbf5;border-radius:100%;background:var(--orange);box-shadow:0 0 0 1px var(--orange)}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:3px solid #fdfbf5;border-radius:100%;background:var(--orange);box-shadow:0 0 0 1px var(--orange)}.field-hint{font-size:9px;color:#929285;line-height:1.6;margin:-8px 0 18px;max-width:370px}.cost-inputs{display:flex;flex-direction:column;gap:11px}.cost-field{display:flex;align-items:center;justify-content:space-between}.cost-field>span{display:flex;align-items:center;gap:11px;font-size:11px}.cost-field>span>span{color:#8a927b;width:17px;font-size:19px;text-align:center}.cost-field .input-wrap{width:116px;height:37px;margin:0}.cost-field .input-wrap input{text-align:right;font-size:12px}.dates-label{margin-top:24px}.info-dot{display:inline-flex;border:1px solid #aaa99a;color:#8c8e7c;font-size:7px;border-radius:100%;width:11px;height:11px;align-items:center;justify-content:center;margin-left:3px}.once-field{margin-top:21px}.once-field .inline-hint{font-size:8px;color:var(--muted);font-weight:400;float:right}.once-field .input-wrap{height:38px}.review-row{margin-top:21px;grid-template-columns:1fr 1fr}.calculate-button{border:0;background:var(--orange);color:#fffaf2;border-radius:5px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:600;margin-top:25px;transition:background .15s,transform .15s}.calculate-button:hover{background:#d94a28;transform:translateY(-1px)}.calculate-button>span{font-size:18px}.form-footer{text-align:center;font-size:8px;color:#99998a;margin:11px 0 0}.form-error{background:#ffefe7;color:#a14225;padding:12px;font-size:11px;line-height:1.6;border-radius:4px}.result-panel{position:sticky;top:25px}.result-main{background:var(--dark);border-radius:10px;color:#f2f0e4;padding:29px 30px 25px}.result-top{display:flex;align-items:center;justify-content:space-between}.result-top>.eyebrow{font-size:9px;letter-spacing:1.3px;color:#c4c8b6}.live-indicator{font-family:var(--display);font-size:7px;letter-spacing:1px;color:var(--green);display:flex;align-items:center;gap:5px}.live-indicator i{width:5px;height:5px;border-radius:50%;background:var(--green)}.result-context{font-size:10px;color:#969f8e;margin:28px 0 4px}.big-result{display:flex;align-items:baseline;font-family:var(--display);font-size:clamp(65px,7vw,102px);font-weight:500;letter-spacing:-5px;line-height:1.14;margin-left:-3px}.big-result .currency{font-size:44px;color:var(--green);font-weight:400;margin-left:13px;letter-spacing:-2px}.result-subtitle{font-size:9px;color:#9ca48f;margin-top:2px}.verdict{display:flex;align-items:flex-start;gap:11px;padding:16px 14px;background:#363f30;border:1px solid #46513b;border-radius:5px;margin-top:27px}.verdict-icon{width:21px;height:21px;flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--green);color:var(--dark);font-size:15px}.verdict strong{font-weight:550;font-size:11px;color:#d3e2bc}.verdict p{color:#b2bea1;font-size:9px;line-height:1.65;margin:5px 0 0}.result-divider{height:1px;background:#454b3e;margin:24px 0 21px}.result-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:0 0 16px;color:#b0b7a4}.result-line strong{color:#eeeee0;font-family:var(--display);font-size:11px;font-weight:500}.result-line>span>span{font-size:8px;color:#849079}.budget-meter{height:5px;border-radius:5px;background:#46513d;margin-top:4px;overflow:hidden}.budget-meter>div{height:100%;width:92%;border-radius:5px;background:var(--green);transition:width .3s,background .2s}.meter-caption{display:flex;justify-content:space-between;font-size:8px;color:#9eac8c;margin:9px 0 25px}.breakdown{border-top:1px solid #454b3e;padding-top:21px}.breakdown>.eyebrow{font-size:8px;letter-spacing:1.2px;color:#a5ad99}.breakdown-bar{display:flex;width:100%;height:11px;gap:3px;margin:15px 0 14px;border-radius:3px;overflow:hidden}.breakdown-bar span{transition:width .3s}.breakdown-bar span:nth-child(1),.dot-food{background:#ef7751}.breakdown-bar span:nth-child(2),.dot-travel{background:#bfcd9e}.breakdown-bar span:nth-child(3),.dot-extras{background:#e9d3a0}.breakdown-bar span:nth-child(4),.dot-oneoff{background:#73846c}.breakdown-legend{display:grid;grid-template-columns:1fr 1fr;gap:11px 23px}.breakdown-legend>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#b2bba7}.breakdown-legend i{width:6px;height:6px;border-radius:2px;flex-shrink:0}.breakdown-legend b{font-family:var(--display);font-weight:400;margin-left:auto;color:#d4daca}.result-tip{display:flex;gap:11px;align-items:flex-start;border-top:1px solid #454b3e;margin-top:22px;padding-top:18px}.result-tip>span{color:#c6d1ab;font-size:23px;line-height:1.2}.result-tip p{font-size:9px;color:#b0b8a3;line-height:1.7;margin:0}.copy-button{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:1px solid #d6d8c8;border-radius:5px;padding:13px 15px;margin-top:13px;color:#6f7564;font-size:10px;transition:background .15s}.copy-button:hover{background:#e8eadc}.copy-button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.3}.copy-button>span:last-child{margin-left:auto;font-size:16px}.copy-button:disabled{cursor:default;opacity:.5}.result-disclaimer{text-align:center;font-size:9px;color:#8b8f7f;margin:13px 0 0}.calculator-footnote{display:flex;gap:12px;align-items:center;padding:20px 0 0;max-width:540px}.calculator-footnote>span{font-size:24px;color:#8b967c}.calculator-footnote p{font-size:9px;line-height:1.8;color:#8f9183;margin:0}.principle-section{padding:56px 0;background:#ebece1;border-block:1px solid #dfe1d2}.principle-section .section-heading{margin-bottom:39px}.principle-section .eyebrow{color:#7c846a}.principle-doodle{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#8e9a7a;transform:rotate(-8deg);padding-right:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.principles article+article{border-left:1px solid #d6d9c8;padding-left:35px}.principle-number{font-family:var(--display);color:#939c82;font-size:12px}.principles h3{font-size:16px;letter-spacing:-.3px;font-weight:550;margin:15px 0 10px}.principles p{color:#868b79;font-size:11px;line-height:1.8;max-width:285px;margin:0}.formula-details{margin-top:32px;border-top:1px solid #d6d9c8;padding-top:18px}.formula-details summary{font-size:10px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.formula-details summary::-webkit-details-marker{display:none}.formula-details summary span{font-size:17px;color:#889475}.formula-details[open] summary span{transform:rotate(45deg)}.formula-details>div{max-width:760px;padding-top:10px;font-size:11px;color:#727b64;line-height:1.8}.closing{padding-block:55px;display:flex;align-items:center;gap:30px}.closing-star{font-size:70px;line-height:1;color:var(--orange)}.closing>p{font-size:28px;letter-spacing:-.8px;line-height:1.3;margin:0}.closing em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.closing>a{margin-left:auto;border-bottom:1px solid #bebfb0;padding:10px 0;font-size:11px}.closing>a span{margin-left:18px}.site-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:25px 33px}.site-footer .brand{font-size:32px;letter-spacing:-2px}.site-footer>span{font-size:9px;color:#8b8d7f}.site-footer button{margin-left:auto;background:none;border:0;color:#8b8d7f;font-size:9px;padding:8px}.site-footer button:hover{color:var(--orange)}.site-footer .footer-age{border:1px solid #d5d6c7;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-size:8px;color:#8b907c}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:var(--dark);color:#fffdf0;border:1px solid #6b795c;padding:16px 23px;border-radius:6px;font-size:12px;box-shadow:0 5px 25px #0002;max-width:calc(100% - 32px);text-align:center}.result-main.invalid{opacity:.45}.result-panel.pulse .result-main{animation:pulse .45s ease}@keyframes pulse{50%{box-shadow:0 0 0 5px #ee5b3630}}
@media(min-width:1440px){.wrap{max-width:1180px}.hero{gap:70px}.hero-art{margin-right:15px}h1{font-size:86px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.hero{padding-top:50px;min-height:580px;gap:0}h1{font-size:72px}.title-asterisk{right:-45px;font-size:45px}.hero-bottom{gap:14px}.hero-cta{gap:13px}.privacy-note{font-size:8px;max-width:120px}.orbit{width:330px;height:330px;top:100px}.orbit-two{width:385px;height:385px;top:72px}.floating-note{right:0;font-size:14px;top:14px}.round-stamp{left:7px;bottom:13px;width:98px;height:98px}.receipt{width:250px;padding-inline:20px}.spark-one{left:5px;top:80px}.spark-two{right:-5px;bottom:65px}.calculator-grid{gap:22px;grid-template-columns:1.1fr 1fr}.input-panel{padding:22px}.result-main{padding:25px}.mode{font-size:9px}.mode span{margin-right:4px}.form-section-title h3{font-size:12px}.field-row{gap:10px}.section-heading h2{font-size:30px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:85px}.brand{font-size:39px}.brand-name{font-size:8px;margin-left:14px}.site-header nav{gap:24px;font-size:11px}.header-badge{display:none}.hero{min-height:540px;padding-top:46px;grid-template-columns:1.1fr .9fr}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:60px;letter-spacing:-4px}h1 em{letter-spacing:-3px}.title-asterisk{font-size:36px;top:73px;right:-34px}.hero-description{font-size:12px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:14px}.privacy-note{max-width:none;font-size:8px;align-items:center}.privacy-note svg{margin:0}.hero-art{min-height:415px}.receipt{width:213px;padding:20px 17px;transform:rotate(7deg)}.receipt h2{font-size:30px}.receipt-heart{font-size:55px}.receipt-top{font-size:6px}.receipt-lines>div{font-size:8px}.receipt>p{font-size:5px}.receipt-total>strong{font-size:21px}.receipt-total>span{font-size:6px}.orbit{width:270px;height:270px;top:100px}.orbit-two{width:305px;height:305px;top:83px}.floating-note{font-size:12px;top:2px;right:3px}.floating-note svg{width:48px;right:78px;top:36px}.round-stamp{width:84px;height:84px;bottom:15px;left:0}.round-stamp span{font-size:6px}.round-stamp strong{font-size:26px}.spark-one{font-size:33px;top:67px;left:4px}.spark-two{font-size:30px;right:0;bottom:40px}.calculator-section{padding-block:45px}.calculator-grid{gap:18px;grid-template-columns:1fr 1fr}.input-panel{padding:18px 16px}.mode-switch{gap:1px}.mode{font-size:8px;padding-block:12px}.mode span{display:none}.form-section-title{gap:7px}.form-section-title h3{font-size:10px}.optional-label{font-size:6px}.field{font-size:8px}.field-row{grid-template-columns:.7fr 1.3fr;gap:9px}.input-wrap input{padding-inline:10px;font-size:12px}.input-wrap>span{font-size:8px;padding-right:10px}.budget-label,.dates-label,.feeling-label{font-size:8px}.budget-label output,.dates-label output,.feeling-label output{font-size:9px}.cost-field>span{font-size:10px;gap:7px}.cost-field .input-wrap{width:87px}.once-field .inline-hint{display:block;float:none;margin-top:5px}.result-main{padding:22px 19px}.result-top>.eyebrow{font-size:7px;letter-spacing:1px}.result-context{font-size:8px}.big-result{font-size:76px}.result-line{font-size:9px}.result-line strong{font-size:10px}.verdict{gap:8px;padding:12px 10px}.verdict strong{font-size:10px}.verdict p{font-size:8px}.verdict-icon{width:18px;height:18px;font-size:12px}.breakdown-legend{gap:11px 14px}.breakdown-legend>span{font-size:7px}.section-heading h2{font-size:27px}.section-heading>p{font-size:10px}.principles{gap:22px}.principles article+article{padding-left:22px}.principles h3{font-size:14px}.principles p{font-size:10px}.principle-section{padding-block:43px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{height:76px}.brand{font-size:36px}.brand-name{font-size:7px;width:55px;margin-left:12px}.site-header nav{gap:20px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;min-height:0}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(46px,14vw,76px);line-height:1.02;margin-top:25px;margin-bottom:21px;letter-spacing:-4px}.title-asterisk{font-size:33px;top:71px;right:-32px}.hero-description{font-size:12px;line-height:1.8}.hero-bottom{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.hero-cta{font-size:11px;padding:14px 16px;gap:17px}.privacy-note{max-width:126px;font-size:8px;align-items:flex-start}.privacy-note svg{margin-top:1px}.hero-art{min-height:395px;margin-top:28px;max-width:360px;width:100%;margin-inline:auto}.receipt{width:238px;padding:22px 20px;transform:rotate(7deg);margin-top:0}.receipt h2{font-size:32px}.receipt-top{font-size:6px}.receipt-heart{font-size:58px;margin-top:10px}.receipt-lines>div{font-size:8px}.receipt>p{font-size:5px;margin-bottom:19px}.receipt-total>strong{font-size:23px}.receipt-total>span{font-size:7px}.barcode{margin-top:18px}.orbit{width:300px;height:300px;top:48px}.orbit-two{width:350px;height:350px;top:23px}.floating-note{font-size:12px;top:-5px;right:3px;z-index:2}.round-stamp{width:92px;height:92px;left:5px;bottom:7px}.round-stamp span{font-size:7px}.round-stamp strong{font-size:28px}.spark-one{top:34px;left:5px}.spark-two{right:3px;bottom:37px}.ticker{height:39px}.ticker>div{gap:24px;font-size:8px}.ticker span{font-size:18px}.calculator-section{padding-top:40px;padding-bottom:36px}.section-heading{margin-bottom:24px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.section-heading h2{font-size:27px;letter-spacing:-1px;margin-top:12px}.section-heading>p{display:none}.calculator-grid{grid-template-columns:1fr;gap:22px}.input-panel{padding:20px}.mode{font-size:10px;padding-block:13px}.mode span{display:inline;font-size:15px;margin-right:5px}.mode-switch{gap:4px;margin-bottom:27px}.form-section-title{gap:10px}.form-section-title h3{font-size:12px}.optional-label{font-size:7px}.field{font-size:10px}.field-row{gap:15px}.input-wrap input{font-size:13px;padding-inline:13px}.input-wrap>span{font-size:10px;padding-right:13px}.budget-label,.dates-label,.feeling-label{font-size:10px}.budget-label output,.dates-label output,.feeling-label output{font-size:11px}.cost-field>span{font-size:11px;gap:11px}.cost-field .input-wrap{width:112px}.once-field .inline-hint{display:inline;float:right;margin:0;font-size:7px}.result-panel{position:static}.result-main{padding:27px}.result-top>.eyebrow{font-size:8px}.result-context{font-size:10px;margin-top:24px}.big-result{font-size:95px}.result-line{font-size:10px}.result-line strong{font-size:11px}.verdict{padding:15px 13px;gap:10px}.verdict-icon{width:21px;height:21px;font-size:15px}.verdict strong{font-size:11px}.verdict p{font-size:9px}.breakdown-legend>span{font-size:8px}.result-tip p{font-size:10px}.copy-button{padding:14px}.calculator-footnote{padding-top:22px}.calculator-footnote p{font-size:9px}.principle-section{padding-block:36px}.principle-section .section-heading{margin-bottom:28px}.principle-doodle{display:none}.principles{grid-template-columns:1fr;gap:24px}.principles article+article{padding-left:0;border-left:none;border-top:1px solid #d6d9c8;padding-top:23px}.principles article{position:relative;padding-left:42px!important}.principle-number{position:absolute;left:0;top:3px}.principles article+article .principle-number{top:26px}.principles h3{font-size:16px;margin:0 0 8px}.principles p{max-width:none;font-size:11px}.formula-details>div{font-size:10px}.closing{padding-block:38px;gap:17px;flex-wrap:wrap}.closing-star{font-size:53px}.closing>p{font-size:25px}.closing>a{font-size:10px;margin-left:70px;margin-top:0}.site-footer{padding-block:21px;gap:15px;flex-wrap:wrap}.site-footer>span{font-size:8px;max-width:170px}.site-footer button{font-size:8px;order:4;margin-left:0;padding-left:0;width:100%;text-align:left}.site-footer .footer-age{margin-left:auto}.toast{font-size:11px;bottom:15px}}
@media(max-width:620px){.hero-art .orbit{width:calc(100% - 50px);height:auto;aspect-ratio:1}.hero-art .orbit-two{width:100%}.hero-art .receipt{width:min(238px,calc(100% - 44px))}}
@media(max-width:380px){.field-row:not(.review-row){grid-template-columns:1fr 1.3fr}.hero-bottom{gap:12px}.hero-cta{gap:10px;padding-inline:12px}.privacy-note{font-size:7px;max-width:115px}.mode{font-size:9px}.mode span{margin-right:2px}.input-panel{padding-inline:16px}.form-section-title h3{font-size:11px}.budget-label,.dates-label{font-size:9px}.budget-label output,.dates-label output{font-size:10px}.once-field .inline-hint{float:none;display:block;margin-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


