@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#172740;--muted:#67758a;--blue:#d62839;--line:#e4eaf2;--bg:#f8fafd;--white:#fff;--soft:#fff1f3;--shadow:0 16px 55px rgba(120,24,38,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin:0 auto}.header{height:84px;border-bottom:1px solid #f0f3f7;background:#fff;position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.4px;line-height:1}.brand small{display:block;font:700 8px/1.8 'DM Sans',sans-serif;color:#8996ac;letter-spacing:2px}.brand-accent,.foot-brand span{color:var(--blue)}.brand-mark{width:39px;height:39px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#d62839;border-radius:10px;padding:7px;transform:rotate(-6deg)}.brand-square{background:#fff;border-radius:2px}.brand-square.b,.brand-square.c{opacity:.48}.nav{display:flex;align-items:center;gap:36px}.nav a{font-size:14px;font-weight:700;color:#4a5970}.nav a:hover{color:var(--blue)}.menu-btn{display:none;background:transparent;border:0;cursor:pointer}.hero{background:radial-gradient(circle at 80% 20%,#ffe3e8 0,transparent 31%),linear-gradient(125deg,#fff8f9,#fff4f6 55%,#ffedf0);overflow:hidden}.hero-layout{min-height:515px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;padding-top:60px;padding-bottom:70px}.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;background:#ffecef;border:1px solid #ffd2d9;border-radius:40px;color:#b42333;font-size:11px;font-weight:800;letter-spacing:1.5px}.hero h1{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-3.9px;font-size:clamp(40px,4.2vw,59px);line-height:1.16;margin:23px 0}.hero h1 span{color:var(--blue)}.hero p{max-width:520px;color:#61718a;font-size:17px;line-height:1.85;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin:29px 0 25px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;padding:12px 20px;border-radius:11px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 8px 22px rgba(214,40,57,.20)}.btn-primary:hover{background:#b91f2f;box-shadow:0 12px 25px rgba(214,40,57,.28)}.btn-white{background:#fff;border-color:#e0e8f5;color:#294262}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;color:#687a92;font-size:13px;font-weight:600}.hero-proof span{display:flex;gap:6px;align-items:center}.hero-proof svg{color:#3aa895}.hero-graphic{height:350px;position:relative;display:grid;place-items:center}.graphic-glow{height:290px;width:340px;position:absolute;border-radius:50%;background:#ffd7de;filter:blur(56px)}.graphic-main{z-index:1;position:relative;width:min(100%,400px);height:295px;background:white;border:1px solid #e5eaf5;box-shadow:0 26px 80px rgba(214,40,57,.16);border-radius:17px;transform:rotate(-5deg);padding:22px}.graphic-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;color:#7585a0;letter-spacing:.4px;border-bottom:1px solid #edf0f7;padding-bottom:18px}.graphic-dots{display:flex;gap:5px}.graphic-dots i{height:8px;width:8px;border-radius:50%;background:#d7dfed}.graphic-dots i:first-child{background:#f2adb2}.graphic-dots i:nth-child(2){background:#f7d49a}.graphic-sheet{display:flex;gap:17px;align-items:center;margin:26px 0}.sheet-icon{width:70px;height:78px;border-radius:12px;background:#ffecef;color:#d62839;display:grid;place-items:center}.graphic-sheet>div:last-child{flex:1}.sheet-line{height:10px;background:#e9eef7;border-radius:9px;margin:10px 0;width:75%}.sheet-line.wide{width:90%;background:#f2d7dc}.sheet-line.medium{width:58%}.graphic-progress{height:10px;background:#e7edf7;border-radius:12px;overflow:hidden}.graphic-progress div{width:100%;height:100%;background:linear-gradient(90deg,#d62839,#f28b82)}.graphic-done{margin-top:20px;font-size:13px;font-weight:800;color:#16866d;display:flex;gap:9px;align-items:center}.float-chip{position:absolute;z-index:2;background:white;border:1px solid #e9edf8;box-shadow:0 16px 30px rgba(214,40,57,.15);border-radius:12px;padding:13px 15px;display:flex;gap:10px;align-items:center;font-weight:800;font-size:12px}.float-chip svg{color:var(--blue)}.chip-a{top:22px;right:-9px;transform:rotate(7deg)}.chip-b{bottom:14px;left:-35px;transform:rotate(5deg)}.section{padding-top:77px;scroll-margin-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:800;color:#c62839;letter-spacing:2.3px}.section h2,.seo-panel h2,.help-section h2{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-1.15px}.section h2{font-size:30px;margin:5px 0}.section p{color:var(--muted);margin:0;font-size:14px}.section-count{color:#7c8ba3;font-size:13px;font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{border:1px solid #e7edf4;background:#fff;border-radius:16px;padding:24px;position:relative;min-height:212px;display:flex;flex-direction:column;align-items:start;box-shadow:0 5px 18px #293c5510;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-4px);border-color:#f0a8b2;box-shadow:var(--shadow)}.tool-icon{height:51px;width:51px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:#ffecef;color:#d62839}.tool-card:nth-child(3n + 2) .tool-icon{background:#e8f8f5;color:#159e85}.tool-card:nth-child(3n + 3) .tool-icon{background:#fff3e9;color:#e99234}.tool-title{font-weight:800;font-size:17px;margin-top:16px;letter-spacing:-.3px}.tool-desc{font-size:13px;color:#728096;line-height:1.6;max-width:260px;margin-top:4px}.tool-arrow{position:absolute;right:22px;top:27px;color:#b1bfd2}.benefits{margin-top:88px;padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#fff4f6;border:1px solid #ffdce2;border-radius:17px}.benefit{display:flex;align-items:start;gap:13px}.benefit>svg{color:var(--blue);flex-shrink:0}.benefit strong{font-weight:800;font-size:14px}.benefit p{font-size:12px;color:#738199;margin:5px 0 0}.seo-panel{max-width:860px;margin:66px auto 90px;text-align:center}.seo-panel h2{font-size:23px}.seo-panel p{color:#728198;font-size:14px;line-height:1.9}.footer{background:#14243c;color:#b6c4d9;padding:51px 0 18px}.foot-inner{display:flex;justify-content:space-between;gap:40px}.foot-brand{font:800 26px 'Plus Jakarta Sans',sans-serif;color:white;letter-spacing:-1.2px}.foot-inner p{margin:7px 0;font-size:13px}.foot-links{display:flex;gap:25px;align-items:start;font-size:13px;font-weight:700}.foot-links a:hover{color:#fff}.copyright{border-top:1px solid #2d3e56;margin-top:40px;padding-top:17px;color:#8395b0;font-size:12px}.tool-page{padding-bottom:95px}.breadcrumb{display:flex;gap:12px;align-items:center;padding-top:29px;color:#8290a4;font-size:12px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--blue)}.breadcrumb strong{color:#465773}.tool-page-head{display:flex;align-items:center;gap:20px;margin:35px 0 30px}.tool-icon.large{width:74px;height:74px;border-radius:18px}.tool-page-head h1{font:800 clamp(27px,3vw,37px)/1.15 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.2px;margin:0 0 9px}.tool-page-head p{margin:0;color:#748199;font-size:15px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:start}.workspace{border:1px solid #e5ebf3;box-shadow:var(--shadow);border-radius:18px;padding:29px;background:white}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.workspace-head h2{font:800 19px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.4px;margin:0}.secure-note{font-size:12px;color:#5c927f;background:#eff9f5;padding:6px 10px;border-radius:7px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:700}.drop-zone{border:2px dashed #f0b6bf;border-radius:15px;padding:38px 18px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;background:#fffafb;transition:.18s;text-align:center}.drop-zone:hover,.drop-zone.dragging{background:#fff0f2;border-color:var(--blue)}.upload-circle{height:66px;width:66px;border-radius:18px;display:grid;place-items:center;background:#ffecef;color:var(--blue);margin-bottom:10px}.drop-zone strong{font-size:16px}.drop-zone span{font-size:13px;color:#75839a}.drop-zone em{color:var(--blue);font-style:normal;font-weight:800}.drop-zone small{color:#94a0b1;font-size:12px;margin-top:9px}.selected-files{margin-top:17px}.file-chip{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#f6f8fc;border:1px solid #ebeff6;border-radius:9px;margin-top:7px;font-size:12px}.file-chip span{font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip small{color:#8492a4;white-space:nowrap}.controls{margin-top:22px}.controls:empty{display:none}.field-label{display:block;font-size:13px;font-weight:800;color:#465773;margin-bottom:9px}.form-input{width:100%;padding:12px 14px;border:1px solid #dce5f0;outline:0;border-radius:9px;background:#fff;color:#203653;margin-bottom:11px;min-height:45px}.form-input:focus{border-color:#e36a77;box-shadow:0 0 0 3px rgba(214,40,57,.10)}.field-hint{font-size:12px;color:#8b97a8;margin:0 0 14px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.range-input{width:100%;accent-color:var(--blue);margin:1px 0 14px}.check-line{font-size:13px;color:#5c6e86;display:flex;gap:9px;align-items:center;margin:0 0 12px}.check-line input{accent-color:var(--blue)}.color-input{height:43px;width:100%;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px}.workspace-actions{display:flex;gap:11px;margin-top:19px}.btn-run{min-width:175px}.btn-subtle{color:#61718a;background:#f0f4fa}.progress-box,.result-box,.error-box{margin-top:20px;border-radius:11px;padding:16px;font-size:13px}.progress-box{background:#fff1f3;color:#9f2432;display:flex;align-items:center;gap:12px}.progress-box[hidden],.result-box[hidden],.error-box[hidden]{display:none}.spinner{height:19px;width:19px;border-radius:50%;border:3px solid #f5c6cd;border-top-color:#d62839;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-box{background:#edfaf5;border:1px solid #c9e9dd;color:#196f58}.result-box strong{display:block;margin-bottom:8px}.download-link{display:inline-flex;align-items:center;gap:7px;margin:7px 8px 0 0;border-radius:8px;background:#fff;border:1px solid #ffd0d7;color:#9f2432;padding:9px 11px;font-weight:800}.download-link:hover{background:#fff1f3}.result-desc{color:#ad4250;margin:4px 0}.error-box{background:#fff2f1;color:#ac3f3e;border:1px solid #ffd6d1}.side-box{border-radius:15px;border:1px solid #e5eaf1;padding:22px}.side-box h3{margin:0 0 13px;font:800 15px 'Plus Jakarta Sans',sans-serif}.side-box a{display:flex;align-items:center;gap:11px;padding:13px 3px;border-bottom:1px solid #f0f3f8;font-size:13px;font-weight:700;color:#52637a}.side-box a:last-child{border-bottom:0}.side-box a>svg:first-child{color:#c62839}.side-box a span{flex:1}.side-box a:hover{color:#d62839}.side-note{background:#fff2f4;border-radius:12px;margin-top:21px;padding:17px;display:flex;gap:11px}.side-note>svg{color:#c62839;flex-shrink:0}.side-note strong{font-size:13px}.side-note p{color:#71839c;font-size:12px;margin:6px 0 0}.help-section{padding:30px 4px}.help-section h2{font-size:20px;margin:15px 0}.help-section ol{padding-left:22px;color:#61728a;font-size:14px;line-height:2}.help-section p{font-size:14px;color:#697990;line-height:1.85}.content-page{max-width:850px;padding-top:78px;padding-bottom:130px;min-height:66vh}.content-page h1{font:800 42px 'Plus Jakarta Sans',sans-serif;letter-spacing:-2px;margin:8px 0 28px}.content-page h2{font:800 21px 'Plus Jakarta Sans',sans-serif;margin-top:32px}.content-page p{line-height:1.9;color:#63748c;font-size:15px}.content-page a{color:var(--blue)}.notice{padding:17px;background:#fff1f3;border:1px solid #ffc4cc;border-radius:9px;font-size:13px;color:#a12b39}.qr-preview{background:white;padding:15px;border-radius:10px;display:inline-block;margin:8px 0}.qr-preview img,.qr-preview canvas{display:block;max-width:100%}@media(max-width:920px){.hero-layout{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:43px}.float-chip.chip-a{right:0}.chip-b{left:0}.workspace-layout{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:740px){.container{width:min(100% - 30px,550px)}.header{height:70px}.brand{font-size:22px}.brand-mark{height:35px;width:35px}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:69px;background:white;border-bottom:1px solid var(--line);padding:17px 24px;box-shadow:0 15px 20px #162d4411;flex-direction:column;align-items:start;gap:14px}.nav.open{display:flex}.hero-layout{display:block;min-height:unset;padding-top:55px;padding-bottom:44px}.hero h1{font-size:clamp(37px,9vw,49px);letter-spacing:-2px}.hero p{font-size:15px}.hero-graphic{margin-top:30px;height:280px}.graphic-main{width:min(90%,360px);height:255px;padding:17px}.graphic-sheet{margin:18px 0}.graphic-sheet .sheet-icon{height:59px;width:59px}.chip-a{top:1px}.chip-b{bottom:0}.section{padding-top:58px}.section h2{font-size:25px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{min-height:207px;padding:17px}.tool-title{font-size:15px}.tool-desc{font-size:12px}.tool-arrow{right:13px;top:19px}.benefits{margin-top:50px;grid-template-columns:1fr}.workspace-layout{grid-template-columns:1fr}.sidebar{display:none}.tool-page-head{margin-top:26px}.workspace{padding:20px}.foot-inner{flex-direction:column}.foot-links{flex-wrap:wrap}.seo-panel{margin-bottom:54px}}@media(max-width:420px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:170px}.hero-actions{flex-wrap:wrap}.hero-proof{gap:11px}.workspace-head{align-items:start;flex-direction:column}.two-inputs{grid-template-columns:1fr}.float-chip{font-size:10px;padding:9px}.tool-page-head{align-items:start}.tool-icon.large{width:58px;height:58px;flex-shrink:0}.tool-page-head h1{font-size:25px}}

/* Cross-site promotional banner: separate from Google AdSense units */
.pinoycalc-promo{margin:38px auto 55px}.pinoycalc-banner{display:flex;align-items:center;gap:21px;padding:23px 26px;border-radius:20px;min-height:150px;background:linear-gradient(115deg,#7f1925 0%,#bc2838 58%,#e44750 100%);box-shadow:0 14px 36px rgba(134,28,40,.16);color:#fff;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.pinoycalc-banner:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-80px;top:-180px;background:rgba(255,255,255,.07);pointer-events:none}.pinoycalc-banner:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(134,28,40,.25)}.pinoycalc-banner:focus-visible{outline:3px solid #9c202d;outline-offset:4px}.pinoycalc-emblem{height:76px;width:76px;display:grid;place-items:center;border-radius:19px;background:rgba(255,255,255,.14);flex-shrink:0}.pinoycalc-promo-copy{display:flex;flex-direction:column;flex:1;min-width:0}.pinoycalc-overline{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#ffdadf}.pinoycalc-promo-copy strong{font:800 clamp(23px,3vw,32px)/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.8px;margin:4px 0}.pinoycalc-promo-copy strong span{color:#fff4bb}.pinoycalc-subline{font-size:13px;color:#ffe5e8}.pinoycalc-cta{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:12px 15px;border-radius:10px;background:#fff;color:#a12030;font-size:13px;font-weight:800;position:relative;z-index:1}.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.contact-card{border:1px solid #f3c6cd;background:#fff7f8;border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:10px}.contact-card strong{color:#7e2631;font-size:13px}.contact-card a{font-weight:800;overflow-wrap:anywhere;font-size:16px}@media(max-width:740px){.pinoycalc-banner{flex-wrap:wrap;padding:23px;gap:15px}.pinoycalc-emblem{width:58px;height:58px;border-radius:13px}.pinoycalc-cta{width:100%;justify-content:center}.pinoycalc-promo{margin:26px auto 38px}.contact-cards{grid-template-columns:1fr}}