:root{--red:#ef453e;--ink:#242832;--muted:#777b83;--line:#e9e9e8;--cream:#fcfaf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;background:#fff}a{color:inherit;text-decoration:none}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6%,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);gap:24px}.brand img{width:116px;display:block}nav{display:flex;gap:36px;align-items:center;font-size:14px}nav a:hover,footer a:hover{color:var(--red)}.nav-tools{font-weight:700}.contact-link{font-size:13px;border:1px solid #dedfdf;border-radius:8px;padding:11px 17px}.contact-link span{padding-left:18px}.hero{text-align:center;position:relative;padding:66px 20px 54px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#fff6ef,transparent 65%)}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--red)}h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-1.2px}.hero h1{font-size:clamp(38px,4.8vw,66px);line-height:1.16;font-weight:800;margin:22px 0;letter-spacing:-2.8px}.hero h1>span{color:var(--red);position:relative}.hero svg{position:absolute;left:0;bottom:-10px;width:100%;height:16px;fill:none;stroke:#f4aaa1;stroke-width:4;stroke-linecap:round}.hero p{font-size:16px;line-height:1.8;color:var(--muted);margin:28px 0}.button{background:var(--red);border:0;border-radius:8px;color:white;font:600 14px 'DM Sans',sans-serif;padding:16px 24px;display:inline-flex;gap:30px;align-items:center;cursor:pointer;box-shadow:0 5px 12px #ef453e15}.button:hover{background:#d93630}.button:disabled{opacity:.55;cursor:wait}.hero-note{display:flex;justify-content:center;gap:24px;font-size:10px;color:#84868c;margin-top:23px}.hero-note span:first-letter{color:#65a184}.float-doc{position:absolute;width:76px;height:92px;background:white;border:1px solid #e7e7e5;border-radius:10px;box-shadow:0 14px 24px #302c2610;display:grid;place-content:center;font-size:36px}.float-doc small{font-size:11px;font-weight:700}.doc-one{top:110px;left:12%;transform:rotate(-13deg);color:#4c9b79}.doc-two{right:12%;top:230px;transform:rotate(13deg);color:var(--red)}.spark{position:absolute;color:#e5c68b}.spark-one{left:19%;bottom:100px;font-size:30px}.spark-two{right:19%;top:90px;font-size:22px}.tools-section,.steps-section,.faq-section,.guide{max-width:1200px;margin:auto;padding:58px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-size:30px;margin:13px 0;font-weight:800;letter-spacing:-1px}.tool-count{font-size:12px;color:var(--muted);padding-bottom:7px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tool-card{border:1px solid var(--line);border-radius:12px;padding:23px;position:relative;min-height:235px;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #2428320a}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-icon{display:inline-flex;width:48px;height:52px;border-radius:10px;align-items:center;justify-content:center;font-size:29px;color:#42946e;background:#edf7f0}.red .tool-icon,.tool-icon.red{color:#e75c52;background:#fff0ed}.purple .tool-icon,.tool-icon.purple{color:#9474cb;background:#f4effb}.orange .tool-icon,.tool-icon.orange{color:#d39b4b;background:#fff6e6}.tag{font-size:7px;letter-spacing:.7px;font-weight:800;color:#939990;background:#f5f6f3;padding:5px;border-radius:4px}.tool-card h3{font-size:19px;letter-spacing:-.5px;margin:22px 0 10px}.tool-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px;max-width:190px}.card-arrow{position:absolute;right:20px;bottom:17px;color:#8b8e94}.more-note{text-align:center;font-size:11px;color:#8a8c91;margin:24px 0 0}.ad-slot{max-width:930px;margin:6px auto 34px;border:1px dashed #e3e1de;background:#fdfcfb;text-align:center;padding:17px;color:#b1aca6;border-radius:6px}.ad-slot>span{font-size:8px;letter-spacing:2px}.ad-slot div{font-size:10px;margin-top:8px}.steps-section{padding:45px 0 60px}.center{text-align:center}.center>p{font-size:13px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:40px;margin-top:38px}.steps article>span{display:inline-grid;place-items:center;border:1px solid #e9e3db;background:#faf8f4;color:#9b8671;border-radius:50%;width:40px;height:40px;font:600 12px 'Manrope',sans-serif}.steps h3{font-size:16px;letter-spacing:-.3px;margin:18px 0 10px}.steps p{font-size:12px;color:var(--muted);line-height:1.8}.privacy-strip{max-width:1200px;margin:0 auto;background:#f1f6f2;border:1px solid #e4ece5;border-radius:12px;display:flex;gap:22px;align-items:center;padding:28px 33px}.shield{font-size:37px;color:#6b9575}.privacy-strip h3{font-size:17px;margin:0 0 8px;letter-spacing:-.4px}.privacy-strip p{font-size:12px;color:#79867c;margin:0}.privacy-strip>a{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:700;color:#57775e}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:75px 0}.faq-section>div>p{font-size:12px;color:var(--muted)}.text-link{display:inline-block;font-size:12px;font-weight:700;margin-top:12px;color:var(--red)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:13px;font-weight:600;gap:15px}summary::-webkit-details-marker{display:none}summary span{font-size:18px;color:#95999f}details p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:0}footer{background:#fafaf8;border-top:1px solid var(--line);padding:42px max(6%,calc((100vw - 1200px)/2)) 0}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:35px}.footer-top p{font-size:11px;line-height:1.9;color:var(--muted)}.footer-top>div>b{font-size:11px;margin:6px 0 20px;display:block}.footer-top>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);margin:12px 0}.privacy-badge{font-size:9px;display:inline-block;padding:7px;border:1px solid #e3e6e0;border-radius:5px;color:#6e8070;margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:#95999b;border-top:1px solid var(--line);margin-top:34px;padding:20px 0}.tool-page{max-width:800px;margin:0 auto;text-align:center;padding:34px 20px 45px}.back{display:block;text-align:left;font-size:12px;color:var(--muted);margin-bottom:32px}.tool-page h1,.content-page h1{font-size:42px;margin:18px 0}.tool-page>p{color:var(--muted);line-height:1.7}.dropzone{background:#fffaf7;border:2px dashed #edc9bf;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px;cursor:pointer;margin:30px 0 18px}.dropzone.dragging{background:#ffe8df;border-color:var(--red)}.upload-icon{color:var(--red);font-size:32px}.dropzone>span:not(.upload-icon),.dropzone small{font-size:12px;color:var(--muted)}.dropzone input{max-width:100%;font-size:12px}.dropzone input::file-selector-button{background:white;border:1px solid #e7cbc5;padding:9px 16px;border-radius:6px;color:#a65349;margin-right:15px;cursor:pointer}#file-list{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin-bottom:20px}.range-label{display:block;font-size:13px;margin:20px}.range-label input{padding:10px;border:1px solid #ddd;border-radius:5px;margin-left:12px;max-width:160px}#status{font-size:14px;line-height:1.6}#result p,.subtle{font-size:11px!important;color:var(--muted)}.guide{max-width:800px;padding:20px 20px 60px}.guide>p,.guide li{font-size:14px;color:var(--muted);line-height:1.9}.guide h2{font-size:24px;margin-top:32px}.content-page{max-width:800px;margin:auto;min-height:55vh;padding:65px 24px 85px}.content-page p{color:var(--muted);line-height:1.9;font-size:15px}.content-page h2{font-size:23px;margin-top:32px}.content-page p a{color:var(--red);text-decoration:underline}:focus-visible{outline:3px solid #a48be5;outline-offset:4px}@media(max-width:1300px){.tools-section,.steps-section,.faq-section{margin-left:6%;margin-right:6%}.privacy-strip{margin-left:6%;margin-right:6%}.ad-slot{margin-left:10%;margin-right:10%}.tag{font-size:6px}.tool-card{padding:19px}}@media(max-width:850px){header{height:78px}nav{gap:20px}.contact-link{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.float-doc{opacity:.4;width:45px;height:60px;font-size:25px}.doc-one{left:4%;top:60px}.doc-two{right:3%;top:250px}.spark{display:none}.hero h1{font-size:47px}.privacy-strip{flex-wrap:wrap}.privacy-strip>a{margin-left:58px}.faq-section{gap:30px}.footer-top{grid-template-columns:1.5fr 1fr;row-gap:25px}.tool-card{min-height:215px}.tag{font-size:7px}}@media(max-width:520px){.brand img{width:100px}nav{font-size:12px;gap:16px}.hero{padding:50px 18px 38px}.hero h1{font-size:36px;letter-spacing:-1.8px}.hero p{font-size:13px}.hero-note{gap:12px;font-size:9px}.section-title{display:block}.section-title h2,h2{font-size:25px}.tool-count{display:none}.tools-section{padding-top:36px}.tool-grid{gap:12px}.tool-card{padding:16px;min-height:230px}.tool-card h3{font-size:16px}.tool-card p{font-size:11px}.tag{display:none}.steps{grid-template-columns:1fr;gap:20px;margin-top:25px}.steps article>span{width:34px;height:34px}.steps h3{margin-top:12px}.steps p br{display:none}.privacy-strip{padding:22px;gap:12px}.privacy-strip h3{font-size:15px}.privacy-strip p{line-height:1.8}.privacy-strip>a{margin-left:0}.shield{display:none}.faq-section{grid-template-columns:1fr;padding:45px 0}.faq-section h2 br{display:none}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom{gap:15px;line-height:1.6}.footer-bottom>span:last-child{display:none}.tool-page h1,.content-page h1{font-size:32px}.dropzone{padding:24px 14px}.content-page{padding-top:45px}}
.card-arrow,.contact-link span,.text-link,.privacy-strip>a{font-family:Arial,sans-serif}

#conversion-ad{border:1px dashed #dedbd6;background:#faf9f7;border-radius:8px;margin:28px 0;padding:24px;color:#9b958e}#conversion-ad[hidden]{display:none}#conversion-ad>span{font-size:9px;letter-spacing:2px}#conversion-ad p{font-size:12px}#result{margin-top:28px}

.editorial{padding-top:0}.editorial a,.content-page article a{color:var(--red)}.content-page li{line-height:1.9;color:var(--muted);margin:8px 0}.content-page code{background:#f5f2ee;padding:2px 5px;border-radius:3px}.content-page article{border-bottom:1px solid var(--line);padding:10px 0 20px}

.calc-wrap{max-width:1100px;margin:0 auto;padding:50px 24px 90px;min-height:60vh}.calc-wrap h1{font-size:clamp(30px,4vw,48px)}.calc-wrap>p,.calc-info p{color:var(--muted);line-height:1.8}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:28px}.calc-link{display:block;border:1px solid var(--line);border-radius:12px;padding:22px;font-weight:700}.calc-link:hover{border-color:var(--red)}.calc-panel{max-width:760px;border:1px solid var(--line);padding:26px;border-radius:14px;margin:30px 0}.calc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:24px}.calc-field{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px}.calc-field input,.calc-field select,.calc-fields textarea{border:1px solid #d8d8d8;border-radius:8px;padding:12px;font:inherit;max-width:100%;width:100%}.calc-result{margin-top:25px;background:#f7f7f5;border-radius:10px;padding:20px;font-size:17px;line-height:1.6;overflow-wrap:anywhere}.calc-info{max-width:760px}.calc-info a{color:var(--red)}@media(max-width:520px){.calc-panel{padding:18px}.hero .button{margin:6px!important}}

.account-note{background:#fff7ed;border:1px solid #f1d8b9;padding:16px;border-radius:10px}.account-form{max-width:440px;display:grid;gap:16px;margin:28px 0}.account-form label{display:grid;gap:7px;font-weight:600}.account-form input{padding:13px;border:1px solid #ddd;border-radius:8px}.account-form button:disabled{cursor:not-allowed}.content-page a{color:var(--red)}

/* Ordered calculator navigation */
header nav .nav-calc-dropdown{position:relative;display:inline-block}
header nav .nav-calc-dropdown>summary{cursor:pointer;list-style:none;white-space:nowrap}
header nav .nav-calc-dropdown>summary::-webkit-details-marker{display:none}
header nav .nav-calc-menu{position:absolute;top:calc(100% + 12px);left:0;z-index:100;background:#fff;border:1px solid #e6e6e6;box-shadow:0 12px 32px rgba(0,0,0,.13);border-radius:12px;min-width:230px;max-height:65vh;overflow-y:auto;padding:8px;display:grid;gap:2px}
header nav .nav-calc-menu a{display:block;padding:9px 12px;border-radius:7px;text-decoration:none;white-space:nowrap}
header nav .nav-calc-menu a:hover,header nav .nav-calc-menu a:focus{background:#f5f5f5}
@media(max-width:700px){header nav .nav-calc-menu{left:auto;right:0;min-width:210px;max-width:85vw}}

/* Mobile navigation fix: keep dropdown out of normal header flow */
header{position:relative}
header nav{min-width:0}
header nav .nav-calc-dropdown{position:relative;flex:0 0 auto}
header nav .nav-calc-dropdown>summary{display:inline-flex;align-items:center;min-height:38px}
header nav .nav-calc-dropdown .nav-calc-menu{position:absolute!important;display:none!important;top:100%!important;left:0!important;right:auto!important;width:245px!important;max-width:calc(100vw - 28px)!important;min-width:0!important;max-height:min(60vh,480px)!important;overflow-y:auto!important;box-sizing:border-box;z-index:9999!important}
header nav .nav-calc-dropdown[open] .nav-calc-menu{display:flex!important;flex-direction:column!important;gap:0!important}
header nav .nav-calc-dropdown .nav-calc-menu a{display:block!important;white-space:normal!important;overflow-wrap:normal!important;line-height:1.35!important;font-size:14px!important;flex:none!important}
@media(max-width:700px){
header nav .nav-calc-dropdown{position:static!important}
header nav .nav-calc-dropdown .nav-calc-menu{position:absolute!important;left:14px!important;right:14px!important;top:calc(100% - 1px)!important;width:auto!important;max-width:none!important}
}

.mobile-menu-toggle{display:none}
@media(max-width:700px){
header{position:relative!important;min-height:72px!important;height:72px!important;padding:0 18px!important;gap:10px!important;overflow:visible!important}
header .brand{flex:0 0 auto!important}
header .brand img{width:100px!important}
header .mobile-menu-toggle{display:block!important;margin-left:auto!important;border:1px solid #ddd;background:white;border-radius:9px;padding:10px 13px;color:#242832;font-weight:700;font-size:14px;cursor:pointer}
header #primary-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#fff!important;padding:14px 18px!important;box-shadow:0 14px 24px #0002!important;border-bottom:1px solid #ddd!important;z-index:9999!important;max-height:75vh!important;overflow-y:auto!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important}
header #primary-nav.mobile-open{display:flex!important}
header #primary-nav>a{display:block!important;padding:10px 8px!important;font-size:15px!important}
header #primary-nav .nav-calc-dropdown{position:static!important;display:block!important}
header #primary-nav .nav-calc-dropdown>summary{display:block!important;padding:10px 8px!important;font-size:15px!important}
header #primary-nav .nav-calc-dropdown .nav-calc-menu{position:static!important;display:none!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:0!important;padding:4px 0 4px 12px!important;background:#fafafa!important}
header #primary-nav .nav-calc-dropdown[open] .nav-calc-menu{display:flex!important;flex-direction:column!important}
header #primary-nav .nav-calc-dropdown .nav-calc-menu a{display:block!important;padding:10px!important;font-size:14px!important;white-space:normal!important;line-height:1.4!important}
header>.contact-link{display:none!important}
}