:root{--blue:#1387c6;--blue-dark:#075f9b;--navy:#0f2d5b;--yellow:#f6bd21;--green:#6c9b83;--bg:#f5f8fb;--surface:rgba(255,255,255,.9);--text:#14213d;--muted:#617086;--line:#dbe5ee;--shadow:0 24px 70px rgba(15,45,91,.12);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 8%,rgba(246,189,33,.12),transparent 28%),radial-gradient(circle at 88% 14%,rgba(19,135,198,.12),transparent 34%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(219,229,238,.8);background:rgba(245,248,251,.85);backdrop-filter:blur(18px)}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand img{width:190px;max-height:54px;object-fit:contain;object-position:left center}.nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:750;color:var(--muted)}.nav a:hover{color:var(--blue-dark)}.button{border:0;border-radius:999px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 14px 30px rgba(19,135,198,.25)}.button-outline{color:var(--blue-dark);border:1px solid rgba(19,135,198,.35);background:rgba(255,255,255,.7)}.button-ghost{color:var(--navy);background:rgba(255,255,255,.55)}.button-small{padding:10px 16px;font-size:13px}.button-large{min-width:220px;padding:16px 28px}.hero{padding:88px 0 74px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px}.eyebrow{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em}.hero-copy{max-width:690px;color:var(--muted);font-size:19px;line-height:1.7}.hero-actions,.hero-points,.result-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-actions{margin-top:30px}.hero-points{margin-top:28px;color:var(--green);font-weight:800;font-size:14px}.hero-visual{position:relative;min-height:470px;border:1px solid rgba(255,255,255,.8);border-radius:46px;background:linear-gradient(150deg,rgba(19,135,198,.12),rgba(246,189,33,.13)),rgba(255,255,255,.72);box-shadow:var(--shadow);overflow:hidden}.hero-visual img{position:absolute;width:150px;right:42px;bottom:40px;filter:drop-shadow(0 18px 30px rgba(19,135,198,.2))}.sun{position:absolute;width:190px;height:190px;top:55px;right:70px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe184,var(--yellow) 62%,#d59100);box-shadow:0 22px 70px rgba(246,189,33,.38)}.panel{position:absolute;width:260px;height:145px;border-radius:18px;background:linear-gradient(90deg,transparent 32%,rgba(255,255,255,.55) 33%,transparent 34%,transparent 65%,rgba(255,255,255,.55) 66%,transparent 67%),linear-gradient(0deg,transparent 48%,rgba(255,255,255,.55) 49%,transparent 51%),linear-gradient(145deg,#075f9b,#1595cf);border:8px solid #0f2d5b;box-shadow:0 30px 60px rgba(15,45,91,.24);transform:skewY(-8deg) rotate(-6deg)}.panel-a{left:58px;top:190px}.panel-b{left:195px;top:230px}.panel-c{left:105px;top:330px;transform:scale(.78) skewY(-8deg) rotate(-6deg);opacity:.72}.calculator-section,.result-section,.method-section{padding:82px 0}.section-heading{max-width:780px;margin-bottom:30px}.section-heading h2{margin:12px 0 14px;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.04em}.section-heading p{color:var(--muted);font-size:17px;line-height:1.7}.calculator-shell{border:1px solid rgba(219,229,238,.95);border-radius:34px;padding:28px;background:var(--surface);box-shadow:var(--shadow)}.mode-switch{display:inline-flex;gap:8px;padding:6px;margin-bottom:24px;border-radius:999px;background:#edf3f8}.mode-button{border:0;border-radius:999px;padding:11px 18px;color:var(--muted);background:transparent;font-weight:850;cursor:pointer}.mode-button.active{color:#fff;background:var(--navy);box-shadow:0 10px 24px rgba(15,45,91,.18)}.form-section{padding:24px 0;border-top:1px solid var(--line)}.form-section:first-of-type{border-top:0}.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:18px;font-weight:900}.row-between{justify-content:space-between}.step{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--navy);background:rgba(246,189,33,.35);font-size:14px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:780}.field small{color:var(--muted);font-size:12px;font-weight:600;line-height:1.45}input,select{width:100%;min-height:50px;border:1px solid #cbd8e5;border-radius:15px;padding:12px 14px;color:var(--text);background:rgba(255,255,255,.92);outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(19,135,198,.12)}.input-prefix,.input-suffix{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #cbd8e5;border-radius:15px;background:rgba(255,255,255,.92);overflow:hidden}.input-suffix{grid-template-columns:1fr auto}.input-prefix span,.input-suffix span{padding:0 14px;color:var(--muted);font-weight:850}.input-prefix input,.input-suffix input{border:0;border-radius:0;box-shadow:none}.input-suffix.compact{min-width:120px}.mode-panel{display:none}.mode-panel.active{display:block}.hidden{display:none!important}.device-table-wrap{overflow-x:auto}.device-table{width:100%;min-width:900px;border-collapse:collapse}.device-table th,.device-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}.device-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.device-table input{min-height:44px}.checkbox-cell{text-align:center!important}.checkbox-cell input{width:22px;min-height:22px}.remove-device{width:34px;height:34px;border:0;border-radius:50%;color:#b42318;background:#fee4e2;font-size:22px;cursor:pointer}.inline-note,.disclaimer{color:var(--muted);font-size:13px;line-height:1.6}.form-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--line)}.result-section{background:linear-gradient(180deg,transparent,rgba(19,135,198,.055),transparent)}.empty-result{border:2px dashed #c8d7e5;border-radius:26px;padding:52px 24px;color:var(--muted);text-align:center;background:rgba(255,255,255,.6)}.result-content{scroll-margin-top:100px}.result-hero{display:flex;justify-content:space-between;gap:30px;padding:30px;border-radius:30px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(246,189,33,.35),transparent 24%),linear-gradient(135deg,var(--navy),var(--blue-dark));box-shadow:var(--shadow)}.result-hero h3{margin:12px 0 8px;font-size:32px}.result-hero p{margin:0;color:rgba(255,255,255,.78)}.result-badge{display:inline-flex;padding:7px 11px;border-radius:999px;color:var(--navy);background:var(--yellow);font-size:11px;font-weight:950;letter-spacing:.08em}.result-code{min-width:180px;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.08)}.result-code span,.result-code strong{display:block}.result-code span{margin-bottom:8px;color:rgba(255,255,255,.65);font-size:12px}.result-code strong{font-size:21px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.metric-card,.result-panel,.warning-panel{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 16px 45px rgba(15,45,91,.08)}.metric-card{padding:22px}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:var(--muted);font-size:13px;font-weight:780}.metric-card strong{margin:8px 0 5px;font-size:24px}.metric-card small{color:var(--blue-dark);line-height:1.45}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.result-panel,.warning-panel{padding:26px}.result-panel h4,.warning-panel h4{margin-bottom:18px;font-size:19px}.spec-list,.warning-panel ul{margin:0;padding-left:20px}.spec-list li,.warning-panel li{margin:9px 0;line-height:1.55}.product-match{display:grid;gap:12px}.product-card{padding:15px;border-radius:18px;background:#f2f7fb}.product-card span,.product-card strong,.product-card small{display:block}.product-card span{color:var(--blue-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-card strong{margin:5px 0}.product-card small{color:var(--muted);line-height:1.5}.warning-panel{margin-top:18px;border-color:#f4d6a0;background:#fff9ec}.result-actions{margin-top:22px}.disclaimer{margin:18px 0 0}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.method-grid article{padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.76)}.method-grid article>span{color:var(--yellow);font-size:28px;font-weight:950}.method-grid h3{margin:14px 0 10px}.method-grid p{margin:0;color:var(--muted);line-height:1.65}.site-footer{padding:38px 0;color:rgba(255,255,255,.76);background:var(--navy)}.footer-inner{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px}.footer-inner img{width:190px;filter:brightness(0) invert(1)}.footer-inner p{margin:0}@media(max-width:900px){.nav{display:none}.header-inner .button{margin-left:auto}.hero-grid,.result-grid{grid-template-columns:1fr}.hero-visual{min-height:390px}.grid-3,.metric-grid,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}}@media(max-width:620px){.container{width:min(100% - 20px,1180px)}.site-header .button{display:none}.brand img{width:165px}.hero{padding-top:56px}h1{font-size:43px}.hero-visual{min-height:320px}.sun{width:130px;height:130px;right:34px}.panel{width:190px;height:106px}.panel-a{left:28px;top:145px}.panel-b{left:120px;top:180px}.panel-c{left:58px;top:255px}.hero-visual img{width:100px;right:22px;bottom:22px}.calculator-shell{padding:18px;border-radius:24px}.mode-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.grid-3,.metric-grid,.method-grid{grid-template-columns:1fr}.row-between,.result-hero{align-items:flex-start;flex-direction:column}.result-code{width:100%}}@media print{.site-header,.hero,.calculator-section,.method-section,.site-footer,.result-actions,.empty-result{display:none!important}body{background:#fff}.result-section{padding:0}.result-content{display:block!important}.result-hero,.metric-card,.result-panel,.warning-panel{box-shadow:none;break-inside:avoid}}

/* SOLACAN SIMPLE MODE STEP 20 */
.basic-mode-panel {
    border: 1px solid rgba(19, 135, 198, .2);
    border-radius: 24px;
    padding: 24px;
    background:
        linear-gradient(
            135deg,
            rgba(19, 135, 198, .07),
            rgba(246, 189, 33, .08)
        );
}

.simple-assumption {
    margin-top: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(19, 135, 198, .22);
    border-radius: 18px;
    color: var(--blue-dark);
    background: rgba(255, 255, 255, .72);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.65;
}

.simple-assumption strong {
    font-weight: 900;
}

@media (max-width: 620px) {
    .mode-switch {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mode-button {
        padding: 10px 8px;
        font-size: 12px;
    }

    .basic-mode-panel {
        padding: 18px;
    }
}