:root{--tile-ink:#071a36;--tile-navy:#102b58;--tile-blue:#1d5fd1;--tile-cyan:#17b8c7;--tile-green:#27c995;--tile-gold:#e5a928;--tile-soft:#f4f9fc;--tile-line:#d9e6ef;--tile-muted:#58708d;--tile-shadow:0 24px 68px rgba(9,34,67,.12);--tile-radius:30px}.tile-pro{background:linear-gradient(180deg,#f8fbfd 0,#eef7f6 48%,#f7fafc 100%);color:var(--tile-ink)}.tile-pro main{overflow:hidden}.tile-pro h1,.tile-pro h2,.tile-pro h3{color:var(--tile-ink);letter-spacing:-.045em}.tile-pro .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:7px 11px;border-radius:999px;background:#eaf4ff;color:#486482;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.tile-pro .btn-primary,.tile-pro .btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.18s ease}.tile-pro .btn-primary{background:linear-gradient(135deg,#173f91,#1e63dc 55%,#22c79a);color:#fff;box-shadow:0 14px 30px rgba(26,87,194,.25)}.tile-pro .btn-secondary{background:#fff;color:var(--tile-ink);border-color:var(--tile-line);box-shadow:0 8px 24px rgba(9,34,67,.07)}.tile-pro .btn-primary:hover,.tile-pro .btn-secondary:hover{transform:translateY(-2px)}.site-header .brand-logo{display:inline-flex;align-items:center}.site-header .brand-logo img{display:block;width:190px;max-width:100%;height:auto}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#173f91,#1e63dc 55%,#22c79a);color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(26,87,194,.22)}.header-cta:hover{transform:translateY(-1px)}
.tile-hero{position:relative;padding:58px 0 42px;background:radial-gradient(circle at 80% 10%,rgba(34,199,154,.18),transparent 28%),radial-gradient(circle at 18% 0,rgba(35,106,220,.14),transparent 30%)}.tile-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:48px;align-items:center}.tile-hero-copy h1{max-width:800px;margin:0 0 20px;font-size:clamp(2.75rem,5.2vw,5.6rem);line-height:.96;font-weight:950}.tile-hero-copy .lead{max-width:760px;margin:0;color:var(--tile-muted);font-size:1.13rem;line-height:1.72;font-weight:620}.lead-mobile{display:none}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px;color:#71859c;font-size:.9rem}.breadcrumb a{color:#506b89}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tile-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tile-trust span{padding:9px 12px;border:1px solid rgba(24,81,165,.13);border-radius:999px;background:rgba(255,255,255,.76);font-size:.83rem;font-weight:850;color:#315173}.tile-visual{position:relative;padding:18px;border-radius:36px;background:linear-gradient(145deg,#0c244b,#173e7c 64%,#126d72);box-shadow:0 38px 90px rgba(5,29,66,.28);color:#fff;overflow:hidden}.tile-visual::before{content:"";position:absolute;inset:-30% -10% auto auto;width:260px;height:260px;border-radius:50%;background:rgba(255,203,85,.22);filter:blur(1px)}.tile-visual-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 4px 16px;color:rgba(255,255,255,.76);font-weight:800;font-size:.82rem}.tile-visual-head b{color:#fff;letter-spacing:.08em}.tile-board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;aspect-ratio:1.55;padding:15px;border-radius:24px;background:linear-gradient(145deg,#e9f1f4,#cbdce1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.tile-board span{border-radius:7px;background:linear-gradient(145deg,#fbfcf7,#cfddd7);box-shadow:inset -5px -5px 12px rgba(55,76,85,.08),inset 4px 4px 8px rgba(255,255,255,.75)}.tile-board span:nth-child(4n+2){background:linear-gradient(145deg,#eef6f3,#c5d7d2)}.tile-board span:nth-child(7){background:linear-gradient(145deg,#f5d889,#d6a72d)}.tile-cut{position:absolute;right:18px;bottom:18px;width:108px;height:54px;border-radius:10px 10px 20px 10px;background:linear-gradient(145deg,#fff3c6,#d9aa31);transform:rotate(-9deg);box-shadow:0 16px 24px rgba(11,31,57,.28)}.tile-cut::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(77,48,0,.35);border-radius:6px}.tile-visual-dashboard{position:relative;display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:9px;margin-top:12px}.tile-visual-dashboard>div{padding:13px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(7px)}.tile-visual-dashboard span{display:block;color:rgba(255,255,255,.66);font-size:.73rem;font-weight:750}.tile-visual-dashboard strong{display:block;margin-top:4px;color:#fff;font-size:1.18rem}.tile-visual-main strong{font-size:1.55rem}.tile-visual-main small{display:block;margin-top:4px;color:rgba(255,255,255,.62);line-height:1.35}.anchor-nav{position:relative;z-index:10;border-top:1px solid rgba(210,225,235,.7);border-bottom:1px solid rgba(210,225,235,.8);background:rgba(248,252,253,.9);backdrop-filter:blur(13px)}.anchor-scroll{display:flex;gap:9px;overflow-x:auto;padding-top:13px;padding-bottom:13px;scrollbar-width:none}.anchor-scroll a{flex:0 0 auto;padding:9px 14px;border:1px solid var(--tile-line);border-radius:999px;background:#fff;color:var(--tile-ink);font-size:.84rem;font-weight:850;box-shadow:0 6px 16px rgba(11,39,75,.05)}
.tile-work{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px;align-items:start;padding-top:44px;padding-bottom:34px}.tile-form,.tile-result{border:1px solid rgba(205,221,232,.92);border-radius:34px;background:rgba(255,255,255,.94);box-shadow:var(--tile-shadow)}.tile-form{padding:30px}.tile-result{position:sticky;top:18px;padding:28px;overflow:hidden}.form-top,.result-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.form-top h2,.result-top h2{margin:0 0 8px;font-size:clamp(1.8rem,2.8vw,2.7rem)}.form-top p:not(.eyebrow){margin:0;color:var(--tile-muted);line-height:1.55}.live-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border-radius:999px;background:#edfbf7;color:#15785f;font-size:.78rem;font-weight:900}.live-badge i{width:8px;height:8px;border-radius:50%;background:#27c995;box-shadow:0 0 0 5px rgba(39,201,149,.13)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.mode-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:17px;border:1px solid var(--tile-line);border-radius:22px;background:#f9fbfd;color:var(--tile-ink);cursor:pointer;transition:.18s ease}.mode-button:hover{transform:translateY(-2px);border-color:#aac8e0}.mode-button.is-active{background:linear-gradient(145deg,#102b58,#1750a7);border-color:transparent;color:#fff;box-shadow:0 16px 34px rgba(17,67,143,.22)}.mode-number{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#e9f3ff;color:#245ea7;font-size:.78rem;font-weight:950}.mode-button.is-active .mode-number{background:rgba(255,255,255,.13);color:#fff}.mode-button>span:nth-child(2){min-width:0}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:1rem}.mode-button small{margin-top:3px;color:#6a7e93;font-weight:650}.mode-button.is-active small{color:rgba(255,255,255,.68)}.mode-button em{justify-self:end;align-self:start;padding:4px 7px;border-radius:999px;background:#ecf8f4;color:#20785e;font-style:normal;font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.mode-button.is-active em{background:rgba(255,255,255,.13);color:#fff}.calculation-panel[hidden],.advanced-result-panel[hidden],[data-toggle-fields][hidden]{display:none!important}.mode-intro{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 18px;border-radius:20px;margin-bottom:24px}.mode-intro>span{align-self:start;padding:7px 9px;border-radius:999px;font-size:.68rem;font-weight:950;text-transform:uppercase}.mode-intro strong{display:block;margin-bottom:3px}.mode-intro p{margin:0;color:var(--tile-muted);font-size:.9rem;line-height:1.5}.mode-intro-basic{background:#edf9f5;border:1px solid rgba(39,201,149,.22)}.mode-intro-basic>span{background:#1d8c6e;color:#fff}.mode-intro-advanced{background:#edf4ff;border:1px solid rgba(30,92,201,.18)}.mode-intro-advanced>span{background:#1d5fc7;color:#fff}.section-label{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:24px 0 13px}.section-label>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#102b58;color:#fff;font-size:.76rem;font-weight:950}.section-label strong,.section-label small{display:block}.section-label small{margin-top:2px;color:var(--tile-muted)}fieldset{padding:0;margin:0;border:0}.measure-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card{position:relative}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card span{display:block;padding:15px 16px;border:1px solid var(--tile-line);border-radius:18px;background:#fff;cursor:pointer}.choice-card b,.choice-card small{display:block}.choice-card small{margin-top:4px;color:var(--tile-muted)}.choice-card input:checked+span{border-color:#1d5fd1;background:#f0f6ff;box-shadow:inset 0 0 0 1px #1d5fd1}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block}.field>span,.field>small{display:block}.field>span{margin-bottom:6px;font-weight:900;color:var(--tile-ink)}.field>small{margin:-3px 0 7px;color:var(--tile-muted);font-size:.78rem;line-height:1.35}.input-wrap,.select-wrap{display:flex;align-items:center;min-height:52px;border:1px solid var(--tile-line);border-radius:16px;background:#fff;overflow:hidden;transition:.15s ease}.input-wrap:focus-within,.select-wrap:focus-within{border-color:#4385df;box-shadow:0 0 0 4px rgba(40,111,206,.1)}.input-wrap input,.select-wrap select,.zone-field input,.zone-field select{width:100%;border:0;outline:0;background:transparent;color:var(--tile-ink);font:inherit;font-weight:800}.input-wrap input{padding:13px 8px 13px 15px}.input-wrap em{padding-right:13px;color:#70839a;font-style:normal;font-size:.82rem;font-weight:850}.select-wrap select{padding:13px 38px 13px 15px}.field-wide{grid-column:1/-1}.tile-presets,.reserve-chips{display:flex;gap:8px;flex-wrap:wrap}.tile-preset,.reserve-chips button{padding:10px 13px;border:1px solid var(--tile-line);border-radius:14px;background:#fff;color:var(--tile-ink);font-weight:850;cursor:pointer}.tile-preset.is-active,.reserve-chips button.is-active{background:#102b58;color:#fff;border-color:#102b58}.basic-options{margin-top:12px;padding:15px;border-radius:20px;background:#f6f9fc;border:1px solid var(--tile-line)}.basic-options summary{cursor:pointer;font-weight:900;color:#264869}.basic-options-inner{padding-top:15px}.pattern-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.privacy-note{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:#72879d;font-size:.78rem}.privacy-note span{width:8px;height:8px;border-radius:50%;background:#2bc79b}.form-error{margin-top:15px;padding:13px 15px;border-radius:15px;background:#fff0f0;color:#9a2323;border:1px solid #f1c5c5;font-weight:800}
.advanced-block{margin-top:20px;padding:18px;border:1px solid var(--tile-line);border-radius:24px;background:#f9fbfd}.zone-list{display:grid;gap:13px}.zone-card{border:1px solid #d8e5ed;border-radius:22px;background:#fff;overflow:hidden}.zone-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:linear-gradient(90deg,#eef6ff,#f5fbf9);border-bottom:1px solid #dfeaf0}.zone-name-wrap{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.zone-index{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#153a77;color:#fff;font-size:.72rem;font-weight:950}.zone-name{min-width:0;flex:1;border:0;background:transparent;color:var(--tile-ink);font:inherit;font-weight:900;outline:none}.zone-remove{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;border:1px solid #d7e2e9;background:#fff;color:#7d4050;font-size:1.2rem;cursor:pointer}.zone-card-body{padding:15px}.zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.zone-field span{display:block;margin-bottom:5px;color:#607891;font-size:.74rem;font-weight:850}.zone-field>div,.zone-field>select{display:flex;align-items:center;min-height:45px;border:1px solid #dce7ed;border-radius:13px;background:#fbfdfe;overflow:hidden}.zone-field input{padding:10px 6px 10px 11px}.zone-field select{padding:11px}.zone-field em{padding-right:10px;color:#72869b;font-size:.73rem;font-style:normal;font-weight:850}.zone-options{margin-top:10px}.zone-check,.toggle-card{display:block;position:relative}.zone-check input,.toggle-card input{position:absolute;opacity:0}.zone-check>span,.toggle-card>span{display:grid;grid-template-columns:auto 1fr;column-gap:9px;padding:11px 12px;border:1px solid #dce7ed;border-radius:15px;background:#f9fbfd;cursor:pointer}.zone-check i,.toggle-card i{grid-row:1/3;width:34px;height:20px;border-radius:999px;background:#c5d2db;position:relative;margin-top:2px}.zone-check i::after,.toggle-card i::after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s ease}.zone-check input:checked+span,.toggle-card input:checked+span{border-color:rgba(34,176,141,.35);background:#effbf7}.zone-check input:checked+span i,.toggle-card input:checked+span i{background:#27b78e}.zone-check input:checked+span i::after,.toggle-card input:checked+span i::after{transform:translateX(14px)}.zone-check b,.zone-check small,.toggle-card b,.toggle-card small{display:block}.zone-check small,.toggle-card small{color:#72849a;font-size:.72rem}.zone-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.zone-summary span{padding:7px 9px;border-radius:10px;background:#eef4f8;color:#637990;font-size:.72rem}.zone-summary b{color:#173b73}.add-zone{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:13px;border:1px dashed #89aac1;border-radius:16px;background:#f7fbfd;color:#164c8e;font-weight:900;cursor:pointer}.feature-toggle-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.toggle-card-wide>span{min-height:62px}.advanced-fields{margin-top:12px}.advanced-fields+.advanced-fields{margin-top:13px}.package-note{margin:10px 0 0;color:#74869a;font-size:.78rem;line-height:1.45}
.result-top{align-items:center}.result-top h2{font-size:2rem}.result-top>span{padding:8px 10px;border-radius:999px;background:#eef5fb;color:#47637e;font-size:.75rem;font-weight:900}.result-main{margin-top:20px;padding:22px;border-radius:26px;background:radial-gradient(circle at 95% 5%,rgba(235,184,65,.5),transparent 34%),linear-gradient(145deg,#0c2a57,#174a9b 65%,#166f70);color:#fff;box-shadow:0 22px 46px rgba(11,47,102,.25)}.result-main-label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:rgba(255,255,255,.72);font-size:.77rem;font-weight:850}.result-main-label b{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:.65rem;text-transform:uppercase}.result-main output{display:block;margin:8px 0 2px;color:#fff;font-size:clamp(3rem,6vw,4.7rem);line-height:.95;font-weight:950;letter-spacing:-.065em}.result-main>strong{display:block;color:#d9fff5;font-size:1.05rem}.result-main p{margin:11px 0 16px;color:rgba(255,255,255,.72);line-height:1.55}.tile-gauge{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.13)}.tile-gauge i{display:block;background:linear-gradient(90deg,#2dd6a2,#71e5c2)}.tile-gauge span{display:block;background:rgba(255,214,94,.78)}.tile-gauge-legend{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:rgba(255,255,255,.69);font-size:.7rem}.tile-gauge-legend b{color:#fff}.result-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.result-metrics>div,.advanced-stat-grid>div{padding:13px;border:1px solid var(--tile-line);border-radius:17px;background:#fff}.result-metrics span,.advanced-stat-grid span{display:block;color:#70839a;font-size:.72rem;font-weight:800}.result-metrics strong,.advanced-stat-grid strong{display:block;margin-top:4px;color:var(--tile-ink);font-size:1.06rem}.result-metrics small{display:block;margin-top:2px;color:#8191a2;font-size:.68rem}.material-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.material-summary>div{padding:12px;border-radius:15px;background:#f4f8fb;border:1px solid #dce7ee}.material-summary span,.material-summary small{display:block;color:#73869b;font-size:.69rem}.material-summary strong{display:block;margin:4px 0;color:#153a70}.advanced-result-panel{margin-top:13px;padding:15px;border-radius:20px;background:#eff8f5;border:1px solid rgba(39,183,142,.27)}.advanced-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions{display:flex;gap:8px;margin-top:14px}.result-actions button{flex:1;padding:10px;border-radius:14px;border:1px solid var(--tile-line);background:#fff;color:#173b70;font-weight:850;cursor:pointer}.result-insight{margin-top:12px;padding:14px 15px;border-radius:18px;border-left:4px solid #25bd8e;background:#f0faf7;color:#49647d;line-height:1.5;font-size:.88rem}.result-insight strong{display:block;color:#153968;margin-bottom:4px}.result-section{margin-top:28px}.section-head{margin-bottom:18px}.section-head h2{margin:0 0 8px;font-size:clamp(2rem,3.5vw,3.2rem)}.section-head p{margin:0;color:var(--tile-muted);line-height:1.65;max-width:850px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.scenario-card{padding:16px;border:1px solid var(--tile-line);border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(13,45,76,.05)}.scenario-card.is-current{border-color:#2688c9;box-shadow:inset 0 0 0 1px #2688c9}.scenario-card span,.scenario-card small{display:block;color:#71849a}.scenario-card strong{display:block;margin:5px 0;color:var(--tile-ink);font-size:1.15rem}.breakdown-wrap{overflow-x:auto;border:1px solid var(--tile-line);border-radius:22px;background:#fff}.breakdown-table{width:100%;border-collapse:collapse;min-width:620px}.breakdown-table th,.breakdown-table td{padding:14px 17px;text-align:left;border-bottom:1px solid #e5edf2}.breakdown-table th{background:#f3f7fa;color:#516a84;font-size:.76rem;text-transform:uppercase}.breakdown-table td{color:#425d78}.breakdown-table td:first-child{font-weight:850;color:var(--tile-ink)}.cost-breakdown{display:grid;gap:8px}.cost-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--tile-line);border-radius:15px;background:#fff}.cost-breakdown span{color:#5e748b}.cost-breakdown strong{color:var(--tile-ink)}.empty-cost{padding:15px;border-radius:15px;background:#f5f8fa;color:#718399}
.tile-section{padding-top:55px;padding-bottom:55px}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.content-article{padding:34px;border:1px solid var(--tile-line);border-radius:30px;background:#fff;box-shadow:0 18px 46px rgba(9,38,70,.07)}.content-article h2{margin:0 0 18px;font-size:clamp(2rem,3.4vw,3.2rem)}.content-article h3{margin:34px 0 12px;font-size:1.65rem}.content-article p,.content-article li{color:#526a83;line-height:1.78}.content-article strong{color:#1b3c65}.formula-box{margin:22px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,#eff8ff,#eefaf6);border:1px solid #b8dce1;color:#21496f;font:700 .9rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.content-aside{position:sticky;top:18px;display:grid;gap:12px}.content-aside a,.content-aside div{padding:17px;border:1px solid var(--tile-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(10,39,70,.06)}.content-aside span,.content-aside small{display:block;color:#74869a;font-size:.75rem}.content-aside strong{display:block;margin:5px 0;color:#173c6a}.example-grid,.source-grid,.related-grid,.faq-grid{display:grid;gap:14px}.example-grid{grid-template-columns:repeat(3,1fr)}.example-card{padding:22px;border:1px solid var(--tile-line);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(9,38,70,.06)}.example-card h3{margin:7px 0 9px;font-size:1.28rem}.example-card p{margin:0;color:#5b7188;line-height:1.65}.example-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#123870;color:#fff;font-weight:950}.source-grid{grid-template-columns:repeat(3,1fr)}.source-grid a{padding:20px;border:1px solid var(--tile-line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(10,38,69,.06)}.source-grid span,.source-grid small{display:block;color:#71859a;font-size:.74rem}.source-grid strong{display:block;margin:6px 0;color:#153b6c}.review-note{margin-top:14px;color:#637a91}.related-grid{grid-template-columns:repeat(5,1fr)}.related-card{padding:19px;border:1px solid var(--tile-line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(10,38,69,.06);transition:.18s ease}.related-card:hover{transform:translateY(-4px)}.related-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef6ff;color:#1956a0;font-weight:950}.related-card strong,.related-card small{display:block}.related-card strong{margin:10px 0 5px;color:var(--tile-ink)}.related-card small{color:#708399;line-height:1.45}.faq-grid{grid-template-columns:repeat(2,1fr)}.faq-grid details{border:1px solid var(--tile-line);border-radius:20px;background:#fff;overflow:hidden}.faq-grid summary{position:relative;cursor:pointer;list-style:none;padding:18px 54px 18px 19px;color:var(--tile-ink);font-weight:900}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf5fb;color:#195390}.faq-grid details[open] summary::after{content:"–"}.faq-grid p{margin:0;padding:0 19px 19px;color:#5a728a;line-height:1.65}
.footer{margin-top:55px;padding:52px 0 22px;background:linear-gradient(145deg,#071630,#122850);color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;align-items:start}.footer img{display:block;width:190px;max-width:100%;height:auto;margin-bottom:14px}.footer p{margin:12px 0 0;color:rgba(255,255,255,.64);line-height:1.6}.footer h3{margin:0 0 12px;color:#fff;font-size:14px}.footer-links{display:grid;gap:8px}.footer-links a{display:block;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;line-height:1.45}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.footer-bottom p{margin:0;font-size:11px}
@media(max-width:1100px){.tile-hero-grid,.tile-work,.content-shell{grid-template-columns:1fr}.tile-visual{max-width:680px}.tile-result{position:relative;top:auto}.related-grid{grid-template-columns:repeat(3,1fr)}.source-grid{grid-template-columns:1fr 1fr}.content-aside{position:relative;top:auto;grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.tile-hero{padding:22px 0 20px}.breadcrumb{display:none}.tile-hero-grid{gap:22px}.tile-hero-copy h1{font-size:clamp(2.35rem,11vw,3.6rem)}.lead-desktop,.tile-visual,.anchor-nav{display:none}.lead-mobile{display:inline}.tile-hero-copy .lead{font-size:1rem;line-height:1.58}.hero-actions .btn-secondary{display:none}.tile-trust{display:grid;grid-template-columns:1fr 1fr}.tile-trust span{text-align:center;font-size:.72rem;padding:8px}.tile-work{padding-top:22px}.tile-form,.tile-result{padding:18px;border-radius:25px}.form-top{display:block}.live-badge{margin-top:10px}.mode-switch{grid-template-columns:1fr}.mode-button{grid-template-columns:auto minmax(0,1fr);padding:14px}.mode-button em{grid-column:2;justify-self:start;align-self:center;margin-top:5px}.measure-picker,.field-grid,.pattern-row,.feature-toggle-row,.result-metrics,.advanced-stat-grid,.material-summary,.faq-grid,.source-grid,.example-grid,.content-aside{grid-template-columns:1fr}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-field:first-child,.zone-field:last-child{grid-column:1/-1}.scenario-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.result-main{padding:18px}.result-main output{font-size:3.2rem}.tile-section{padding-top:38px;padding-bottom:38px}.content-article{padding:21px;border-radius:24px}.content-article h3{font-size:1.4rem}.section-head h2{font-size:2rem}.form-actions{display:grid}.form-actions button{width:100%}.result-actions{display:grid}.result-top{display:block}.result-top>span{display:inline-flex;margin-top:6px}.field-wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer{padding-top:38px}}
@media(max-width:420px){.zone-grid,.scenario-grid,.related-grid{grid-template-columns:1fr}.tile-form,.tile-result{padding:15px}.tile-hero-copy h1{font-size:2.28rem}.result-main-label{display:block}.result-main-label b{display:inline-flex;margin-top:6px}}
@media print{.site-header,.tile-hero,.anchor-nav,.tile-form,.result-actions,.tile-section,.footer{display:none!important}.tile-work{display:block;padding:0}.tile-result{box-shadow:none;border:0;position:static}.advanced-result-panel[hidden]{display:block!important}}