/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.grid{display:grid}.table{display:table}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--navy:#111b43;--navy-2:#1e2b62;--blue:#174fd7;--sky:#69b6ff;--orange:#ed7a32;--cream:#f6f3ec;--paper:#fff;--ink:#17203f;--muted:#6d7387;--line:#dfe3eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-header{z-index:30;background:#fff;border-bottom:1px solid #e8e9ef;justify-content:space-between;align-items:center;gap:32px;height:80px;padding:0 clamp(24px,5vw,76px);display:flex;position:relative}.brand{align-items:center;width:212px;height:68px;display:flex;overflow:hidden}.brand img{object-fit:contain;width:184px;height:auto}.site-header nav{color:#555d73;gap:34px;font-size:13px;display:flex}.site-header nav a:hover{color:var(--blue)}.header-cta{background:var(--navy);color:#fff;align-items:center;gap:18px;padding:13px 18px;font-size:12px;font-weight:700;display:flex}.header-cta span{color:var(--sky)}.hero{background:linear-gradient(118deg,#f7f4ed 0% 56%,#eaf0f7 100%);min-height:940px;padding:94px clamp(24px,6vw,90px) 88px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(8.333% - 1px),#17203f09 calc(8.333% - 1px) 8.333%);position:absolute;inset:0}.hero-glow{background:radial-gradient(circle,#ffb35c47,#0000 66%);border-radius:50%;width:650px;height:650px;position:absolute;top:-300px;right:28%}.hero-copy{z-index:3;max-width:650px;position:relative}.eyebrow{color:#fff;text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow i{background:var(--orange);width:22px;height:2px;display:inline-block}.eyebrow.dark,.hero .eyebrow{color:var(--navy)}.hero h1{letter-spacing:-.065em;color:var(--navy);max-width:780px;margin:26px 0 28px;font-size:clamp(54px,6.2vw,88px);font-weight:650;line-height:.98}.hero h1 em{color:var(--orange);font-style:normal;display:block}.hero-proof{color:#50576c;flex-wrap:wrap;gap:24px;margin-top:35px;font-size:11px;font-weight:600;display:flex}.hero-proof span{align-items:center;gap:7px;display:flex}.check-icon{width:17px;height:17px;color:var(--blue);background:#dfeafb;border-radius:50%;flex:none;place-items:center;font-size:10px;display:inline-grid}.solar-orbit{opacity:.86;z-index:1;width:520px;height:520px;position:absolute;top:180px;right:33%;transform:perspective(900px)rotateX(64deg)rotate(-24deg)}.sun-core{background:radial-gradient(circle at 40% 38%,#fff4c0 0,#f5b95c 36%,#ec793280 62%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:130px;left:130px;box-shadow:0 0 90px #ed7a3261}.orbit-ring{border:1px solid #2357ab40;border-radius:50%;position:absolute}.ring-one{inset:56px}.ring-two{border-style:dashed;inset:8px}.panel-grid{grid-template-columns:repeat(6,1fr);gap:4px;width:260px;height:170px;display:grid;position:absolute;top:275px;left:260px;transform:rotate(-3deg)}.panel-grid i{background:linear-gradient(145deg,#314b95,#17275d);border:1px solid #89bdff73;box-shadow:inset 0 0 10px #50a3ff40}.calculator-card{z-index:5;background:#fffffff5;border:1px solid #fffc;width:min(460px,100% - 48px);padding:30px 32px 26px;position:absolute;top:56px;right:clamp(24px,6vw,90px);box-shadow:0 26px 70px #19264d2e}.calculator-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:23px;padding-bottom:20px;display:flex}.calculator-heading span{color:var(--orange);text-transform:uppercase;letter-spacing:.19em;font-size:9px;font-weight:700}.calculator-heading h2{color:var(--navy);letter-spacing:-.03em;margin:8px 0 0;font-size:24px}.step-badge{color:#ccd1dc;font-size:27px;font-weight:300}.field-label,.usage-fieldset legend,.tariff-fieldset legend{color:var(--navy);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.money-input{border:1px solid #cfd5e1;align-items:baseline;gap:7px;height:66px;padding:0 18px;display:flex}.money-input span{color:var(--orange);font-weight:700}.money-input input{width:100%;color:var(--navy);background:0 0;border:0;outline:none;font-size:30px;font-weight:700}.money-input small{white-space:nowrap;color:#9297a6;font-size:10px}.bill-slider{width:100%;accent-color:var(--orange);height:3px;margin:15px 0 2px}.slider-labels{color:#a0a5b0;justify-content:space-between;font-size:9px;display:flex}.field-block{margin-top:22px}.postcode-input{border:1px solid #cfd5e1;align-items:center;height:49px;display:flex}.postcode-input input{min-width:0;color:var(--navy);border:0;outline:none;flex:1;padding:0 14px;font-weight:700}.postcode-input>span{color:#3e577e;white-space:nowrap;border-left:1px solid #e2e4e9;align-self:stretch;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:flex}.field-help{color:#9da1ac;margin-top:6px;font-size:9px;display:block}.select-wrap{background:#fff;border:1px solid #cfd5e1;align-items:center;height:49px;display:flex;position:relative}.select-wrap select{appearance:none;width:100%;height:100%;color:var(--navy);cursor:pointer;background:0 0;border:0;outline:0;padding:0 42px 0 14px;font-weight:700}.select-wrap>span{color:var(--blue);pointer-events:none;font-size:18px;position:absolute;right:14px}.usage-fieldset{border:0;margin:22px 0 0;padding:0}.usage-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.usage-grid label{cursor:pointer;border:1px solid #d9dde6;flex-direction:column;justify-content:center;min-height:58px;padding:10px 10px 8px 32px;display:flex;position:relative}.usage-grid label.selected{border-color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue);background:#f4f7ff}.usage-grid input{opacity:0;position:absolute}.radio-dot{border:1px solid #b6bdcc;border-radius:50%;width:12px;height:12px;position:absolute;top:19px;left:11px}.selected .radio-dot{border:3px solid var(--blue)}.usage-grid strong{color:var(--navy);font-size:10px}.usage-grid small{color:#989dac;margin-top:3px;font-size:8px}.tariff-fieldset{border:0;margin:22px 0 0;padding:0}.tariff-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tariff-options label{cursor:pointer;min-height:61px;transition:border-color .25s ease, box-shadow .3s ease, transform .35s var(--spring), background .25s ease;background:#fafcffe6;border:1px solid #d9dde6;border-radius:12px;flex-direction:column;justify-content:center;padding:10px 10px 8px 32px;display:flex;position:relative}.tariff-options label:hover{background:#fff;border-color:#a8c9ed;transform:translateY(-2px)}.tariff-options label.selected{border-color:var(--blue);background:linear-gradient(135deg,#eef5ff,#f8fcff);box-shadow:0 7px 18px #2668cd1a,0 0 0 3px #0757ed0f}.tariff-options input{opacity:0;position:absolute}.tariff-options strong{color:var(--navy);font-size:10px}.tariff-options small{color:#989dac;margin-top:3px;font-size:8px;line-height:1.35}.tou-control{background:linear-gradient(135deg,#f5f9ff,#fbfdff);border:1px solid #dce8f7;border-radius:12px;margin-top:9px;padding:13px 14px}.tou-control-heading{color:#344879;justify-content:space-between;align-items:center;gap:16px;font-size:9px;display:flex}.tou-control-heading strong{color:var(--blue);font-size:14px}.tou-control input{width:100%;accent-color:var(--blue);margin:9px 0 7px}.tou-control>small{color:#7e8ba7;font-size:8px;line-height:1.55;display:block}.tou-control>a{color:var(--blue);margin-top:7px;font-size:8px;font-weight:700;text-decoration:none;display:inline-block}.primary-button{background:var(--orange);color:#fff;text-transform:uppercase;letter-spacing:.1em;border:0;justify-content:space-between;align-items:center;width:100%;min-height:54px;margin-top:22px;padding:0 20px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.primary-button:hover{background:#db6926;transform:translateY(-1px)}.primary-button.light{color:var(--navy);background:#fff;width:auto;min-width:295px;margin:0}.privacy-note{color:#9ca1ac;text-align:center;margin:12px 0 0;font-size:8px}.form-error{color:#b73535;background:#fff0f0;padding:9px 12px;font-size:11px}.pre-result-section{background:#fff;padding:100px clamp(24px,8vw,140px)}.section-heading h2{color:var(--navy);letter-spacing:-.055em;margin:22px 0;font-size:clamp(38px,5vw,68px);line-height:1.02}.section-heading.centered{text-align:center}.section-heading.centered .eyebrow{justify-content:center}.section-heading.centered>p{color:var(--muted)}.principle-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.principle-grid article{border-right:1px solid var(--line);padding:35px 36px 20px 0}.principle-grid article+article{padding-left:36px}.principle-grid span{color:var(--orange);font-size:11px}.principle-grid h3{color:var(--navy);font-size:22px}.principle-grid p{color:var(--muted);font-size:13px;line-height:1.7}.values-section{background:linear-gradient(#fff 0%,#f5f9ff 100%);position:relative;overflow:hidden}.values-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#50aeff29,#0000 69%);border-radius:50%;width:520px;height:520px;position:absolute;top:-250px;right:-210px}.values-intro{z-index:1;grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;display:grid;position:relative}.values-intro>p{color:#66718e;max-width:520px;margin:0 0 28px;font-size:15px;line-height:1.8}.values-grid{z-index:1;border:0;gap:14px;margin-top:58px;position:relative}.values-grid .value-card{min-width:0;min-height:370px;color:var(--navy);text-align:left;background:#ffffffe0;border:1px solid #dce7f8;border-radius:22px;padding:30px;transition:transform .28s,border-color .28s,box-shadow .28s,background .28s;position:relative;overflow:hidden;box-shadow:0 18px 44px #14398312}.values-grid .value-card:before{content:"";background:linear-gradient(90deg,#0757ed,#65bdff);width:0;height:3px;transition:width .45s;position:absolute;top:0;left:0}.values-grid .value-card:after{content:"";opacity:0;background:radial-gradient(circle,#5db9ff33,#0000 68%);border-radius:50%;width:190px;height:190px;transition:all .35s;position:absolute;top:-95px;right:-95px;transform:scale(.7)}.values-grid .value-card:hover,.values-grid .value-card.active{background:#fff;border-color:#73b9ff;transform:translateY(-8px);box-shadow:0 28px 65px #104bbc29}.values-grid .value-card:hover:before,.values-grid .value-card.active:before{width:100%}.values-grid .value-card:hover:after,.values-grid .value-card.active:after{opacity:1;transform:scale(1)}.value-number{letter-spacing:.14em;font-weight:800;position:absolute;top:26px;right:25px;color:#a8b8d5!important;font-size:11px!important}.value-icon{background:linear-gradient(145deg,#eef6ff,#dcecff);border-radius:18px;width:64px;height:64px;margin-bottom:34px;transition:all .28s;display:block;position:relative;box-shadow:inset 0 0 0 1px #d4e6ff}.value-card.active .value-icon,.value-card:hover .value-icon{background:linear-gradient(135deg,#0757ed,#5bb8ff);box-shadow:0 14px 30px #1165e740}.value-icon i{background:#1769e8;transition:all .28s;display:block;position:absolute}.value-card.active .value-icon i,.value-card:hover .value-icon i{background:#fff}.value-icon-design i{border-radius:3px;width:14px;height:14px}.value-icon-design i:first-child{top:16px;left:16px}.value-icon-design i:nth-child(2){top:16px;right:16px}.value-icon-design i:nth-child(3){bottom:16px;left:16px}.value-icon-design i:nth-child(4){bottom:16px;right:16px}.value-icon-delivery i{border-radius:3px;height:3px;left:14px}.value-icon-delivery i:first-child{width:35px;top:18px}.value-icon-delivery i:nth-child(2){width:27px;top:30px}.value-icon-delivery i:nth-child(3){width:19px;top:42px}.value-icon-performance i{border-radius:5px 5px 1px 1px;width:7px;bottom:15px}.value-icon-performance i:first-child{height:13px;left:14px}.value-icon-performance i:nth-child(2){height:22px;left:26px}.value-icon-performance i:nth-child(3){height:30px;left:38px}.value-icon-performance i:nth-child(4){height:39px;left:50px}.values-grid .value-card>small{color:#3975cd;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.values-grid .value-card h3{color:var(--navy);letter-spacing:-.035em;margin:10px 0 14px;font-size:25px}.values-grid .value-card p{color:#6b7590;min-height:88px;margin:0;font-size:12px;line-height:1.72}.values-grid .value-card>strong{color:#124ea9;border-top:1px solid #e3ebf8;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding-top:18px;font-size:10px;line-height:1.5;display:flex}.values-grid .value-card>strong span{color:#238aff;font-size:15px}.value-proof{z-index:1;color:#fff;background:linear-gradient(120deg,#17235b,#263e91);border:1px solid #74b5ff59;border-radius:18px;grid-template-columns:52px 1fr 170px;align-items:center;gap:20px;margin-top:20px;padding:22px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 46px #15337e2e}.value-proof:after{content:"";pointer-events:none;background:radial-gradient(circle at 88% 15%,#62beff42,#0000 30%);position:absolute;inset:0}.value-proof-mark{z-index:1;background:linear-gradient(135deg,#0757ed,#62baff);border-radius:14px;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 10px 24px #2a88ff59;color:#fff!important;font-size:22px!important}.value-proof p{z-index:1;margin:0;position:relative}.value-proof small{color:#77c5ff;letter-spacing:.17em;margin-bottom:6px;font-size:7px;font-weight:800;display:block}.value-proof strong{color:#fff;max-width:760px;font-size:14px;line-height:1.5;display:block}.value-proof-meter{z-index:1;background:#ffffff21;border-radius:99px;height:4px;position:relative;overflow:hidden}.value-proof-meter i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#1b74ff,#72ccff);width:100%;height:100%;animation:.65s both valueMeter;display:block}@keyframes valueMeter{0%{opacity:.25;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}.results-shell{background:var(--cream)}.result-hero{color:#fff;background:radial-gradient(circle at 72% 20%,#4670df40,#0000 36%),linear-gradient(120deg,#111a40,#1d2b62);grid-template-columns:1.1fr .8fr .9fr;align-items:center;gap:50px;min-height:360px;padding:70px clamp(24px,8vw,130px);display:grid}.result-status{text-transform:uppercase;letter-spacing:.15em;background:#ffffff14;align-items:center;gap:8px;padding:7px 10px;font-size:8px;display:inline-flex}.result-status i{background:#62d98d;border-radius:50%;width:6px;height:6px}.result-heading>p{text-transform:uppercase;color:#94a1cb;letter-spacing:.18em;margin:27px 0 7px;font-size:10px}.result-heading h2{letter-spacing:-.06em;color:#fff;margin:0;font-size:70px}.result-heading h2 small{color:var(--sky);font-size:22px}.result-heading>strong{font-size:16px;display:block}.panel-count{color:#929ec4;margin-top:9px;font-size:11px;display:block}.result-main-saving{border-left:1px solid #43517d;padding-left:45px}.result-main-saving>span{color:#a2acd0;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.result-main-saving>strong{color:var(--orange);letter-spacing:-.05em;margin-top:10px;font-size:52px;display:block}.result-main-saving>small{color:#939fc5}.reduction-pill{color:#75dea5;background:#49cb8421;margin-top:18px;padding:8px 10px;font-size:10px;display:inline-block}.result-actions{flex-direction:column;align-items:stretch;display:flex}.result-actions>button{color:#b2bbd9;background:0 0;border:0;padding:17px;font-size:10px;text-decoration:underline}.metric-grid{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);padding:0 clamp(24px,8vw,130px);display:grid}.metric-grid article{border-right:1px solid var(--line);padding:32px}.metric-grid article:first-child{border-left:1px solid var(--line)}.metric-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.metric-grid strong{color:var(--navy);margin:10px 0;font-size:28px;display:block}.metric-grid strong small{color:#75809c;font-size:11px}.metric-grid p{color:#9da3b0;margin:0;font-size:9px}.comparison-flow-grid{grid-template-columns:1fr 1fr;gap:24px;padding:90px clamp(24px,8vw,130px);display:grid}.bill-comparison-card,.energy-flow-card{background:#fff;padding:40px 42px;box-shadow:0 16px 50px #1f294e12}.card-heading{align-items:flex-start;gap:20px;margin-bottom:40px;display:flex}.section-index{color:#bdc3d0;font-size:22px;font-weight:300}.card-heading small{color:var(--orange);text-transform:uppercase;letter-spacing:.15em;font-size:8px}.card-heading h2{color:var(--navy);letter-spacing:-.04em;margin:8px 0 0;font-size:27px}.bill-row{margin:25px 0}.bill-row>div:first-child{justify-content:space-between;align-items:end;display:flex}.bill-row span{color:var(--muted);font-size:11px}.bill-row strong{color:var(--navy);font-size:24px}.bill-bar{background:#edf0f4;height:9px;margin-top:9px}.bill-bar i{background:var(--navy);height:100%;display:block}.bill-row.before .bill-bar i{width:100%}.bill-row.after .bill-bar i{background:var(--orange)}.bill-save-box{border-left:3px solid var(--orange);background:#f2f4f8;margin-top:34px;padding:23px 25px}.bill-save-box>span{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:8px}.bill-save-box strong{color:var(--orange);margin-top:7px;font-size:33px;display:block}.bill-save-box strong small{color:var(--muted);font-size:11px}.bill-save-box p{color:var(--muted);margin-bottom:0;font-size:9px}.generation-node{text-align:center;border-top:2px solid var(--orange);background:#f4f6fa;width:190px;margin:0 auto;padding:14px 15px}.mini-sun{background:var(--orange);border-radius:50%;width:23px;height:23px;margin:0 auto 8px;box-shadow:0 0 18px #ed7a328c}.generation-node span{color:var(--muted);font-size:9px;display:block}.generation-node strong{color:var(--navy);margin-top:4px;font-size:18px;display:block}.flow-line{border-bottom:1px solid #cfd5e0;width:70%;height:48px;margin:0 auto;position:relative}.flow-line:before{content:"";border-left:1px solid #cfd5e0;height:100%;position:absolute;left:50%}.flow-line i{background:var(--orange);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;position:absolute;bottom:-3px}.flow-line.two i:first-child{left:0}.flow-line.two i:nth-child(2){right:0}.flow-line.three i:first-child{left:0}.flow-line.three i:nth-child(2){left:calc(50% - 3px)}.flow-line.three i:nth-child(3){right:0}@keyframes pulse{50%{opacity:.5}}.flow-destinations{gap:12px;margin-top:20px;display:grid}.flow-destinations.two{grid-template-columns:1fr 1fr}.flow-destinations.three{grid-template-columns:repeat(3,1fr)}.flow-destinations>div{text-align:center;border:1px solid var(--line);padding:14px 5px}.flow-icon{color:#fff;background:var(--navy);border-radius:50%;place-items:center;width:28px;height:28px;margin:0 auto 7px;display:grid}.battery-icon{background:var(--blue)}.flow-destinations strong{color:var(--navy);font-size:20px;display:block}.flow-destinations small{color:var(--muted);font-size:8px}.value-key{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:8px;margin-top:25px;padding-top:20px;font-size:8px;display:flex}.value-key span{align-items:center;gap:8px;display:flex}.value-key i{border-radius:50%;width:7px;height:7px}.direct-dot{background:var(--navy)}.export-dot{background:#9fa6b5}.why-size-section{background:#fff;grid-template-columns:.8fr 1.2fr;gap:100px;padding:95px clamp(24px,8vw,130px);display:grid}.why-size-copy h2{color:var(--navy);letter-spacing:-.06em;margin:22px 0;font-size:clamp(42px,5vw,66px);line-height:1.02}.why-size-explanation>p{color:var(--muted);max-width:690px;line-height:1.8}.why-size-explanation p strong{color:var(--navy)}.sizing-formula{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:34px;padding-top:30px;display:flex}.sizing-formula span{color:var(--navy);font-size:18px;font-weight:700}.sizing-formula span small{color:#9ba1ae;text-transform:uppercase;letter-spacing:.12em;margin-top:5px;font-size:8px;display:block}.sizing-formula i{color:var(--orange);font-size:12px;font-style:normal}.packages-section{padding:105px clamp(24px,7vw,115px)}.package-grid{grid-template-columns:repeat(2,minmax(0,520px));justify-content:center;align-items:stretch;gap:22px;margin-top:55px;display:grid}.package-card{background:#fff;border:1px solid #e1e4eb;flex-direction:column;padding:34px;transition:all .2s;display:flex}.package-card.active{border:2px solid var(--blue);transform:translateY(-6px);box-shadow:0 22px 50px #1c3c911f}.package-card.bess-card{background:var(--navy);color:#fff}.package-topline{justify-content:space-between;min-height:58px;display:flex}.package-kicker{color:var(--orange);letter-spacing:.15em;font-size:9px;font-weight:800}.package-topline h3{color:var(--navy);margin:8px 0;font-size:18px}.bess-card .package-topline h3{color:#fff}.best-fit,.battery-label{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;background:#e9effe;align-self:flex-start;padding:6px 8px;font-size:7px}.package-system{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.bess-card .package-system,.bess-card .package-details,.bess-card .payback-row{border-color:#3c4a76}.package-system strong{color:var(--navy);font-size:28px;display:block}.bess-card .package-system strong{color:#fff}.package-system span{color:var(--muted);font-size:9px}.bess-card .package-system span,.bess-card .package-details span,.bess-card .package-note{color:#9da8ca}.package-saving{padding:23px 0}.package-saving span{color:var(--muted);font-size:9px}.package-saving strong{color:var(--orange);margin-top:6px;font-size:36px;display:block}.package-details{border-bottom:1px solid var(--line);margin:0;padding:0 0 15px;list-style:none}.package-details li{justify-content:space-between;padding:7px 0;font-size:9px;display:flex}.package-details span{color:var(--muted)}.package-details strong{color:var(--navy)}.bess-card .package-details strong{color:#fff}.package-details .net-row{border-top:1px dashed #ccd1da;margin-top:7px;padding-top:13px;font-size:10px}.payback-row{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.payback-row span{color:var(--muted);font-size:9px}.payback-row strong{color:var(--navy);font-size:20px}.bess-card .payback-row strong{color:#fff}.package-note{color:var(--muted);min-height:58px;font-size:9px;line-height:1.55}.package-button{border:1px solid var(--navy);height:48px;color:var(--navy);text-transform:uppercase;letter-spacing:.12em;background:0 0;justify-content:space-between;align-items:center;margin-top:auto;padding:0 15px;font-size:8px;font-weight:800;display:flex}.package-button.active{background:var(--blue);border-color:var(--blue);color:#fff;justify-content:center}.bess-card .package-button{color:#fff;border-color:#66739a}.bess-card .package-button.active{border-color:var(--orange);background:var(--orange)}.package-disclaimer{text-align:center;color:#8d93a1;max-width:850px;margin:30px auto 0;font-size:8px}.projection-section{background:#fff;grid-template-columns:.72fr 1.28fr;gap:80px;padding:95px clamp(24px,8vw,130px);display:grid}.projection-copy h2{color:var(--navy);letter-spacing:-.06em;margin:22px 0;font-size:clamp(43px,5vw,64px);line-height:1}.projection-copy>p{color:var(--muted);line-height:1.7}.projection-stats{border-top:1px solid var(--line);margin-top:35px}.projection-stats div{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:10px;display:flex}.projection-stats span{color:var(--muted)}.projection-stats strong{color:var(--navy)}.scenario-control{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.scenario-control>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:8px}.scenario-control button{border:1px solid var(--line);color:var(--muted);background:#fff;padding:8px 10px;font-size:8px}.scenario-control button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.scenario-control label{text-align:right;width:100%;color:var(--muted);font-size:9px}.scenario-control input{border:1px solid var(--line);width:58px;margin-left:6px;padding:5px}.projection-chart{margin-top:22px}.projection-chart svg{width:100%;height:285px;overflow:visible}.chart-grid{stroke:#e7e9ef;stroke-width:1px}.saving-line{fill:none;stroke:var(--orange);stroke-width:3px}.investment-line{stroke:var(--navy);stroke-width:1.5px;stroke-dasharray:6 5}.break-line{stroke:#5c6787;stroke-width:1px;stroke-dasharray:3 4}.break-dot{fill:var(--orange);stroke:#fff;stroke-width:2px}.chart-label{fill:#959caa;font-size:8px}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.chart-legend i{width:20px;height:2px;display:inline-block}.legend-investment{border-top:1px dashed var(--navy)}.chart-legend strong{color:var(--navy);margin-left:auto}.chart-footnote{color:#9298a6;border-top:1px solid var(--line);margin-top:16px;padding-top:16px;font-size:8px;line-height:1.6}.chart-footnote strong{color:var(--navy)}.accuracy-section{background:var(--navy);color:#fff;grid-template-columns:1fr 330px;align-items:center;gap:60px;padding:65px clamp(24px,8vw,130px);display:grid}.accuracy-section h2{margin:14px 0;font-size:34px}.accuracy-section p{color:#a0aaca;max-width:650px;font-size:12px;line-height:1.7}.outline-light-button{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #61709c;justify-content:space-between;align-items:center;height:54px;padding:0 20px;font-size:9px;display:flex}.accuracy-steps{border-top:1px solid #3e4b78;grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:25px;display:grid}.accuracy-steps span{color:#7f8aaf;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:9px;display:flex}.accuracy-steps i{border:1px solid #7f8aaf;border-radius:50%;width:8px;height:8px}.accuracy-steps .active{color:#fff}.accuracy-steps .active i{background:var(--orange);border-color:var(--orange)}.accuracy-steps .done i{background:#62d98d;border-color:#62d98d}.ai-upload-cta{color:#fff;text-align:left;background:linear-gradient(125deg,#0757ed8c,#47a7ff47);border:1px solid #80caff70;border-radius:18px;grid-template-columns:48px 1fr 24px;align-items:center;gap:14px;min-height:96px;padding:16px 18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #05185b47,inset 0 0 0 1px #ffffff0d}.ai-upload-cta:before{content:"";background:radial-gradient(circle,#8bd8ff94,#0000 68%);border-radius:50%;width:130px;height:130px;animation:3s ease-in-out infinite alternate aiGlow;position:absolute;top:-58px;right:-45px}.ai-upload-cta:hover{border-color:#86d5ff;transform:translateY(-3px);box-shadow:0 24px 58px #041d6f66,0 0 30px #4bb0ff2e}.ai-upload-icon{background:linear-gradient(135deg,#0d65ff,#69c6ff);border-radius:14px;place-items:center;width:48px;height:48px;font-size:24px;display:grid;box-shadow:0 10px 28px #147aff61}.ai-upload-copy{flex-direction:column;gap:4px;min-width:0;font-style:normal;display:flex}.ai-upload-copy small{color:#8fd6ff;text-transform:uppercase;letter-spacing:.14em;font-size:7px;font-weight:800}.ai-upload-copy strong{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.ai-upload-copy em{color:#b9c8ed;font-size:8px;font-style:normal}.ai-upload-arrow{z-index:1;color:#8bd2ff;font-size:17px;position:relative}@keyframes aiGlow{to{opacity:.62;transform:scale(1.16)}}.final-cta{text-align:center;color:#fff;background:linear-gradient(125deg,#18234f,#10183b);padding:110px 24px;position:relative;overflow:hidden}.final-cta h2{letter-spacing:-.055em;margin:27px auto;font-size:clamp(45px,5.2vw,70px);line-height:1.03}.final-cta>p{color:#9da8c9;max-width:600px;margin:0 auto 34px;line-height:1.7}.final-cta .primary-button{max-width:320px;margin:auto}.cta-orb{background:radial-gradient(circle,#4b7df34d,#0000 68%);border-radius:50%;width:600px;height:600px;position:absolute;top:-350px;left:calc(50% - 300px)}.brand-promise{color:#7885ae;text-transform:uppercase;letter-spacing:.13em;justify-content:center;gap:35px;margin-top:55px;font-size:9px;display:flex}footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:220px 1fr auto;align-items:start;gap:45px;padding:44px clamp(24px,7vw,110px);display:grid}.footer-brand{width:220px;height:80px}.footer-brand img{width:205px}.footer-contact p{color:var(--navy);margin:0 0 10px;font-weight:700}.footer-contact address{max-width:620px;color:var(--muted);font-size:10px;font-style:normal;line-height:1.6}.footer-contact>a{color:var(--blue);margin-top:8px;font-size:13px;font-weight:700;display:inline-block}.footer-links{color:var(--muted);gap:20px;font-size:10px;display:flex}.footer-legal{border-top:1px solid var(--line);color:#9ba1ad;grid-column:1/-1;padding-top:20px;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070c1fc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.accuracy-modal{background:#fff;width:min(560px,100%);max-height:calc(100vh - 40px);padding:42px;position:relative;overflow:auto;box-shadow:0 35px 90px #00000059}.modal-close{color:var(--muted);background:0 0;border:0;font-size:28px;position:absolute;top:15px;right:20px}.accuracy-modal h2{color:var(--navy);letter-spacing:-.04em;margin:16px 0 10px;font-size:34px}.accuracy-modal>p{color:var(--muted);font-size:11px;line-height:1.7}.upload-zone{cursor:pointer;background:#f7f8fb;border:1px dashed #b8c0d0;flex-direction:column;justify-content:center;align-items:center;min-height:110px;margin:24px 0 18px;display:flex}.upload-zone input{opacity:0;position:absolute}.upload-icon{color:var(--blue);font-size:25px}.upload-zone strong{color:var(--navy);font-size:11px}.upload-zone small{color:var(--muted);margin-top:4px;font-size:8px}.modal-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-fields label{color:var(--navy);font-size:9px;font-weight:700}.modal-fields label span{border:1px solid var(--line);align-items:center;gap:5px;height:45px;margin-top:7px;padding:0 10px;display:flex}.modal-fields input{border:0;outline:0;width:100%;min-width:0}@media (width<=1240px){.site-header nav{display:none}}@media (width<=1120px){.hero{min-height:960px;padding-top:70px}.hero-copy{max-width:53%}.hero h1{font-size:59px}.calculator-card{width:420px;right:30px}.solar-orbit{opacity:.45;right:27%}.result-hero{grid-template-columns:1fr 1fr}.result-actions{flex-direction:row;grid-column:1/-1;align-items:center;gap:20px}.package-grid{grid-template-columns:1fr;max-width:700px;margin-inline:auto}.package-card.active{transform:none}}@media (width<=800px){.site-header{height:68px;padding:0 18px}.site-header nav,.header-cta{display:none}.brand{width:165px;height:60px}.brand img{width:160px}.hero{min-height:auto;padding:55px 20px}.hero-copy{max-width:100%}.hero h1{font-size:50px}.hero-copy>p{font-size:14px}.hero-proof{flex-direction:column;gap:12px}.solar-orbit{opacity:.25;width:380px;height:380px;top:230px;left:16%}.calculator-card{width:100%;margin-top:55px;padding:25px 21px;position:relative;top:auto;right:auto}.usage-grid,.tariff-options{grid-template-columns:1fr}.pre-result-section,.comparison-flow-grid,.why-size-section,.packages-section,.projection-section{padding:70px 20px}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.result-hero{grid-template-columns:1fr;gap:32px;padding:55px 22px}.result-main-saving{border-top:1px solid #43517d;border-left:0;padding:28px 0 0}.result-actions{flex-direction:column;grid-column:auto;align-items:stretch}.primary-button.light{width:100%;min-width:0}.metric-grid{grid-template-columns:1fr 1fr;padding:0}.metric-grid article{border-bottom:1px solid var(--line);padding:22px 18px}.metric-grid strong{font-size:23px}.comparison-flow-grid{grid-template-columns:1fr}.bill-comparison-card,.energy-flow-card{padding:28px 22px}.flow-destinations.three{grid-template-columns:1fr}.flow-line.three{display:none}.why-size-section,.projection-section{grid-template-columns:1fr;gap:30px}.sizing-formula{flex-wrap:wrap}.package-grid{grid-template-columns:1fr}.section-heading h2,.why-size-copy h2,.projection-copy h2{font-size:44px}.accuracy-section{grid-template-columns:1fr;gap:20px;padding:55px 22px}.accuracy-steps{grid-template-columns:1fr;gap:16px}.brand-promise{flex-direction:column;gap:12px}footer{grid-template-columns:1fr;gap:24px;padding:35px 22px}.footer-legal{grid-column:auto}.footer-links{flex-wrap:wrap}.modal-fields{grid-template-columns:1fr}.accuracy-modal{padding:35px 22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow-line i{animation:none}*{transition:none!important}}:root{--navy:#202b70;--navy-2:#273b92;--blue:#0757ed;--sky:#61baff;--orange:#1769ff;--cream:#f5f8ff;--paper:#fff;--ink:#18245f;--muted:#68739a;--line:#dce5f5;--brand-gradient:linear-gradient(135deg, #0037bd 0%, #095eff 52%, #6bc7ff 100%)}body{background:#f5f8ff}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom-color:#dfe8f8;position:sticky;top:0}.co-brand-lockup{flex:none;align-items:center;gap:11px;height:64px;display:flex}.johnson-solar-brand{flex:0 0 162px;place-items:center;width:162px;height:52px;display:grid;overflow:hidden}.johnson-solar-brand img{width:162px;max-width:none;height:auto;display:block}.brand-separator{color:#7b88ad;font-size:20px;font-weight:300;line-height:1}.site-header .ifisien-header-brand{flex:0 0 210px;width:210px;height:52px;position:relative;overflow:hidden}.site-header .ifisien-header-brand img{width:210px;max-width:none;height:auto;position:absolute;top:-54px;left:0}.site-header nav{color:#4e5c89;font-weight:600}.header-cta,.primary-button{background:var(--brand-gradient);border-radius:12px;box-shadow:0 12px 28px #0552e233}.header-cta:hover,.primary-button:hover{background:linear-gradient(135deg,#002fa4,#0757ed 60%,#54aefb);box-shadow:0 16px 34px #0552e247}.hero{background:radial-gradient(circle at 41% 23%,#58b1ff38,#0000 28%),linear-gradient(130deg,#fafdff 0%,#f1f6ff 52%,#e7f2ff 100%)}.hero:after{background-color:#0000;background-image:linear-gradient(#0855e809 1px,#0000 1px),linear-gradient(90deg,#0855e809 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.hero-glow{background:radial-gradient(circle,#2971ff42,#0000 65%);width:760px;height:760px;top:-410px;right:20%}.hero h1{color:#1e2a69}.hero h1 em{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.hero .eyebrow,.eyebrow.dark{color:#253473}.eyebrow i{background:var(--brand-gradient);border-radius:10px}.hero-copy>p{color:#606d94}.check-icon{color:#0757ed;background:#e6f1ff}.brand-motion{--motion-duration:5.4s;--runner-mid:31px;--runner-late:97px;--runner-end:154px;--logo-optical-parent-x:45.5%;--logo-optical-inner-x:44.2%;z-index:4;width:440px;height:440px;color:inherit;cursor:pointer;isolation:isolate;background:radial-gradient(circle,#7ac9ff2e,#3075f40b 44%,#0000 70%);border:0;border-radius:50%;padding:0;position:absolute;top:145px;right:29.5%;overflow:visible}.brand-motion:before,.brand-motion:after{content:"";border:1px solid #1b6cf526;border-radius:50%;animation:18s linear infinite motionOrbit,4.8s ease-in-out infinite alternate orbitBreathe;position:absolute;inset:31px}.brand-motion:before{border-style:dashed}.brand-motion:after{border-color:#59b5ff1c;animation-duration:26s,6s;animation-direction:reverse,alternate;inset:-2px}.motion-grid{opacity:.28;animation:gridFocus var(--motion-duration) ease both;background-image:linear-gradient(#216fee12 1px,#0000 1px),linear-gradient(90deg,#216fee12 1px,#0000 1px);background-size:27px 27px;border-radius:50%;position:absolute;inset:10px;-webkit-mask-image:radial-gradient(circle,#000 23%,#0000 70%);mask-image:radial-gradient(circle,#000 23%,#0000 70%)}.motion-track{z-index:1;opacity:0;height:2px;animation:trackIgnite var(--motion-duration) ease both;background:linear-gradient(90deg,#0000 2%,#358eff40 15%,#358eff99 58%,#0000 96%);position:absolute;top:218px;left:4px;right:2px}.motion-track i{background:#78caff;border-radius:50%;height:4px;animation:.95s ease-in-out infinite trackPulse;position:absolute;top:-1px;box-shadow:0 0 13px #2b8eff}.motion-track i:first-child{width:5px;left:12%}.motion-track i:nth-child(2){width:8px;animation-delay:.2s;left:48%}.motion-track i:nth-child(3){width:4px;animation-delay:.45s;left:84%}.motion-runner{z-index:5;width:132px;height:96px;animation:runnerJourney var(--motion-duration) linear 1 forwards;transform-origin:58% 58%;will-change:transform,opacity,filter;position:absolute;top:168px;left:-20px}.runner-silhouette{object-fit:contain;transform-origin:58% 58%;width:132px;height:auto;position:absolute;inset:0}.runner-main{z-index:4;filter:drop-shadow(0 14px 17px #043ab240)saturate(1.04);animation:.32s cubic-bezier(.45,0,.55,1) infinite alternate runnerBreath}.runner-echo{z-index:1;opacity:0;filter:saturate(.9)blur(.3px);mix-blend-mode:multiply}.runner-echo-one{animation:runnerEchoOne var(--motion-duration) ease both}.runner-echo-two{animation:runnerEchoTwo var(--motion-duration) ease both}.runner-echo-three{animation:runnerEchoThree var(--motion-duration) ease both}.runner-aura{z-index:0;filter:blur(5px);background:radial-gradient(#56b5ff6b,#185dee17 48%,#0000 70%);border-radius:50%;animation:.72s ease-in-out infinite alternate runnerAura;position:absolute;inset:-28px -35px -24px}.energy-trail{z-index:3;opacity:0;width:276px;height:66px;animation:trailJourney var(--motion-duration) linear 1 forwards;position:absolute;top:201px;left:7px}.energy-trail i{transform-origin:100%;background:linear-gradient(90deg,#0000,#57beff66 35%,#1281ff 82%,#bdeaff);border-radius:9px;height:2px;animation:.7s ease-in-out infinite alternate streakFlicker;position:absolute;right:0;box-shadow:0 0 8px #2991ff80}.energy-trail i:first-child{width:46px;top:2px;right:9px}.energy-trail i:nth-child(2){width:82px;animation-delay:.12s;top:9px;right:31px}.energy-trail i:nth-child(3){width:126px;animation-delay:.22s;top:17px;right:4px}.energy-trail i:nth-child(4){width:102px;animation-delay:.32s;top:25px;right:47px}.energy-trail i:nth-child(5){width:68px;animation-delay:80ms;top:34px;right:12px}.energy-trail i:nth-child(6){width:42px;animation-delay:.18s;top:45px;right:74px}.energy-trail i:nth-child(7){width:31px;top:13px;right:145px}.energy-trail i:nth-child(8){width:22px;animation-delay:.26s;top:40px;right:155px}.energy-trail i:nth-child(9){width:15px;top:6px;right:194px}.energy-trail i:nth-child(10){width:26px;animation-delay:.38s;top:30px;right:212px}.motion-particles{z-index:6;left:var(--logo-optical-parent-x);width:0;height:0;position:absolute;top:50%}.motion-particles i{--tx:0px;--ty:0px;opacity:0;width:4px;height:4px;animation:particleAssemble var(--motion-duration) cubic-bezier(.16,1,.3,1) both;background:linear-gradient(135deg,#fff,#aee6ff 48%,#268eff);border-radius:50%;position:absolute;box-shadow:0 0 5px #fff,0 0 12px #2998ffc7}.motion-particles i:first-child{--tx:-124px;--ty:-66px}.motion-particles i:nth-child(2){--tx:-92px;--ty:-118px;width:3px;height:3px}.motion-particles i:nth-child(3){--tx:-48px;--ty:-92px}.motion-particles i:nth-child(4){--tx:4px;--ty:-128px;width:4px;height:4px}.motion-particles i:nth-child(5){--tx:58px;--ty:-101px}.motion-particles i:nth-child(6){--tx:111px;--ty:-64px;width:3px;height:3px}.motion-particles i:nth-child(7){--tx:129px;--ty:-4px}.motion-particles i:nth-child(8){--tx:102px;--ty:62px;width:4px;height:4px}.motion-particles i:nth-child(9){--tx:62px;--ty:112px}.motion-particles i:nth-child(10){--tx:5px;--ty:132px;width:3px;height:3px}.motion-particles i:nth-child(11){--tx:-55px;--ty:111px}.motion-particles i:nth-child(12){--tx:-109px;--ty:68px;width:4px;height:4px}.motion-particles i:nth-child(13){--tx:-137px;--ty:8px}.motion-particles i:nth-child(14){--tx:-74px;--ty:18px;width:3px;height:3px}.motion-particles i:nth-child(15){--tx:75px;--ty:25px}.motion-particles i:nth-child(16){--tx:17px;--ty:74px;width:4px;height:4px}.motion-particles i:nth-child(n+13){display:none}.motion-particles i:nth-child(3),.motion-particles i:nth-child(7){border-radius:999px;width:10px;height:1px}.motion-particles i:nth-child(2),.motion-particles i:nth-child(6),.motion-particles i:nth-child(10){animation-delay:40ms}.motion-particles i:nth-child(3),.motion-particles i:nth-child(7),.motion-particles i:nth-child(11){animation-delay:80ms}.motion-particles i:nth-child(4),.motion-particles i:nth-child(8),.motion-particles i:nth-child(12){animation-delay:.12s}.motion-impact{z-index:4;left:var(--logo-optical-parent-x);opacity:0;width:12px;height:12px;animation:impactCore var(--motion-duration) ease-out both;background:#fff;border-radius:50%;margin:-6px;position:absolute;top:50%;box-shadow:0 0 12px 3px #fff,0 0 34px 8px #52beffb8,0 0 70px 18px #2870ff52}.motion-impact i,.motion-impact b{animation:impactWave var(--motion-duration) ease-out both;border:1px solid #73d3ff94;border-radius:50%;position:absolute;inset:-19px;box-shadow:0 0 10px #45b1ff47}.motion-impact b{border-color:#1870f23d;inset:-42px}.motion-logo{z-index:7;opacity:1;place-items:center;display:grid;position:absolute;inset:50px}.motion-logo:before{content:"";z-index:1;transform-origin:44%;opacity:0;height:1px;animation:motionGuide var(--motion-duration) cubic-bezier(.16,1,.3,1) both;background:linear-gradient(90deg,#0000,#267df533 18%,#7acbff 43%,#fff 50%,#7acbff 57%,#267df533 82%,#0000);border-radius:999px;position:absolute;top:50%;left:7%;right:7%;transform:scaleX(0);box-shadow:0 0 7px #64c4ff94}.motion-logo:after{content:"";z-index:9;left:var(--logo-optical-inner-x);opacity:0;width:5px;height:5px;animation:focusDot var(--motion-duration) ease both;background:#fff;border-radius:50%;margin:-2.5px;position:absolute;top:50%;box-shadow:0 0 0 1px #beeeffb3,0 0 10px 3px #fff,0 0 28px 9px #36a9ffad}.motion-logo>.resolved-logo{z-index:5;opacity:0;filter:drop-shadow(0 22px 30px #064dda47);width:150px;height:auto;animation:logoResolve var(--motion-duration) cubic-bezier(.16,1,.3,1) both;position:relative}.logo-fragment{z-index:4;opacity:0;animation-duration:var(--motion-duration);place-items:center;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;display:grid;position:absolute;inset:0}.logo-fragment img{filter:drop-shadow(0 18px 28px #064dda61);width:150px;height:auto}.logo-fragment-a{animation-name:fragmentAResolve}.logo-fragment-b{animation-name:fragmentBResolve}.motion-halo{background:radial-gradient(ellipse at var(--logo-optical-inner-x) 50%,#f5fcffad,#67caff47 19%,#185dee12 48%,transparent 70%);filter:blur(7px);opacity:0;animation:haloResolve var(--motion-duration) ease both;border-radius:50%;position:absolute;inset:18px}.motion-ring{opacity:0;animation:ringResolve var(--motion-duration) cubic-bezier(.16,1,.3,1) 1 forwards;border:1px solid #1c6cf638;border-radius:50%;position:absolute;inset:8px}.motion-ring-two{animation-delay:80ms;inset:-27px}.logo-energy-seam{z-index:8;left:var(--logo-optical-inner-x);opacity:0;transform-origin:50%;width:244px;height:3px;animation:logoSeam var(--motion-duration) cubic-bezier(.12,.82,.18,1) both;background:linear-gradient(90deg,#0000 0%,#41a4ff1f 10%,#3ba7ff 31%,#dff8ff 45%,#fff 50%,#dff8ff 55%,#3ba7ff 69%,#41a4ff1f 90%,#0000 100%);border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)scaleX(.03);box-shadow:0 0 6px 1px #ffffffe6,0 0 16px 4px #41b8ffa8,0 0 34px 9px #1a63ff40}.logo-energy-seam:before{content:"";filter:blur(7px);height:15px;animation:beamBloom var(--motion-duration) ease-out both;background:linear-gradient(90deg,#0000,#4bb4ff2e 26%,#dcf7ff99 50%,#4bb4ff2e 74%,#0000);border-radius:50%;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)}.logo-energy-seam:after{content:"";width:22px;height:4px;animation:beamSpark var(--motion-duration) cubic-bezier(.16,1,.3,1) both;background:#fff;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(.2);box-shadow:0 0 8px #fff,0 0 20px #5bcaffcc}.logo-orbit-nodes{z-index:2;opacity:0;animation:orbitNodes var(--motion-duration) ease both;border-radius:50%;position:absolute;inset:-5px}.logo-orbit-nodes i{background:#aee6ff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 12px #2f9dff}.logo-orbit-nodes i:first-child{top:29%;left:12%}.logo-orbit-nodes i:nth-child(2){width:4px;height:4px;top:24%;right:13%}.logo-orbit-nodes i:nth-child(3){bottom:14%;right:20%}.logo-orbit-nodes i:nth-child(4){width:4px;height:4px;bottom:18%;left:18%}.motion-caption{z-index:7;color:#405486;text-transform:uppercase;letter-spacing:.13em;opacity:.8;background:0 0;border:0;align-items:center;gap:7px;width:max-content;padding:8px 4px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.motion-caption>i{background:var(--brand-gradient);width:18px;height:2px}.motion-caption b{color:#0757ed;opacity:0;margin-left:8px;font-size:8px;transition:all .2s}.brand-motion:hover .motion-caption b,.motion-caption:focus-visible b{opacity:1}.motion-caption:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #0757ed}@keyframes runnerJourney{0%{opacity:0;transform:translate(-116px)translateY(7px)scaleX(.68)scaleY(.84)rotate(-4deg)}2%{opacity:1}9%{transform:translate(-79px)translateY(1px)scaleX(.82)scaleY(.9)rotate(-2.5deg)}18%{transform:translate(-31px)translateY(-3px)scaleX(.92)scaleY(.95)rotate(-1deg)}28%{transform:translateX(var(--runner-mid)) translateY(-6px) scale(1) rotate(.5deg)}37%{transform:translateX(var(--runner-late)) translateY(-2px) scaleX(1.04) scaleY(.99) rotate(1.5deg)}44%{opacity:1;transform:translateX(var(--runner-end)) translateY(-10px) scale(.97) rotate(9deg)}48%{opacity:.96;transform:translateX(calc(var(--runner-end) + 22px)) translateY(-3px) scale(.52) rotate(48deg);filter:drop-shadow(0 8px 16px #043ab23d)blur()}51%,to{opacity:0;transform:translateX(calc(var(--runner-end) + 31px)) translateY(0) scale(.025) rotate(136deg);filter:drop-shadow(0 0 22px #248cff)blur(6px)}}@keyframes runnerBreath{0%{transform:translateY(1px)scaleX(1.015)scaleY(.985)}to{transform:translateY(-2px)scaleX(.985)scaleY(1.015)}}@keyframes runnerEchoOne{0%,3%,48%,to{opacity:0;transform:translate(-2px)scale(.99)}10%,40%{opacity:.18;transform:translate(-24px)scale(.96)}45%{opacity:.05;transform:translate(-34px)scale(.9)}}@keyframes runnerEchoTwo{0%,6%,47%,to{opacity:0;transform:translate(-4px)scale(.98)}14%,39%{opacity:.1;transform:translate(-46px)scale(.9)}44%{opacity:.03;transform:translate(-60px)scale(.84)}}@keyframes runnerEchoThree{0%,9%,46%,to{opacity:0;transform:translate(-6px)scale(.96)}18%,38%{opacity:.05;transform:translate(-68px)scale(.84)}43%{opacity:.01;transform:translate(-84px)scale(.76)}}@keyframes trailJourney{0%{opacity:0;transform:translate(-72px)scaleX(.12)}4%{opacity:.18;transform:translate(-60px)scaleX(.3)}12%{opacity:.42;transform:translate(-36px)scaleX(.58)}22%{opacity:.72;transform:translate(4px)scaleX(.86)}32%{opacity:.86;transform:translate(49px)scaleX(1)}41%{opacity:.74;transform:translate(101px)scaleX(.78)}47%{opacity:.42;transform:translate(151px)scaleX(.44)}51%,to{opacity:0;transform:translate(194px)scaleX(.03)}}@keyframes logoResolve{0%,70%{opacity:0;filter:blur(1.5px)drop-shadow(0 20px 28px #064dda14);transform:scale(.965)}76%{opacity:.18;transform:scale(.985)}82%{opacity:1;filter:blur()drop-shadow(0 24px 34px #064dda52);transform:scale(1.025)}88%,to{opacity:1;filter:blur()drop-shadow(0 22px 30px #064dda47);transform:scale(1)}}@keyframes fragmentAResolve{0%,52%{opacity:0;filter:blur(2px);transform:translate(-138px)scale(.94)}56%{opacity:.88}68%{opacity:1;filter:blur();transform:translate(6px)scale(1)}72%,78%{opacity:1;transform:translate(0)scale(1)}82%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes fragmentBResolve{0%,52%{opacity:0;filter:blur(2px);transform:translate(138px)scale(.94)}56%{opacity:.88}68%{opacity:1;filter:blur();transform:translate(-6px)scale(1)}72%,78%{opacity:1;transform:translate(0)scale(1)}82%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes particleAssemble{0%,47%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.2)}53%{opacity:.72;transform:translate(var(--tx),var(--ty)) scale(.92)}63%{opacity:.88;transform:translate(0)scale(.7)}69%{opacity:.3;transform:translate(12px)scale(.38)}73%,to{opacity:0;transform:translate(26px)scale(.12)}}@keyframes impactCore{0%,48%{opacity:0;transform:scale(.18)}53%{opacity:.78;transform:scale(.68)}59%{opacity:.52;transform:scale(1)}67%,to{opacity:0;transform:scale(1.65)}}@keyframes impactWave{0%,51%{opacity:0;transform:scale(.2)}57%{opacity:.36}68%,to{opacity:0;transform:scale(1.72)}}@keyframes haloResolve{0%,51%{opacity:0;transform:scale(.4)}63%{opacity:.68;transform:scale(.82)}73%{opacity:.56;transform:scale(1.02)}86%,to{opacity:.38;transform:scale(1)}}@keyframes ringResolve{0%,53%{opacity:0;transform:scale(.38)rotate(-18deg)}65%{opacity:.38}82%{opacity:.06;transform:scale(1.16)rotate(24deg)}to{opacity:.11;transform:scale(1)rotate(32deg)}}@keyframes logoSeam{0%,64%{opacity:0;transform:translate(-50%,-50%)scaleX(.03)}68%{opacity:.46;transform:translate(-50%,-50%)scaleX(.18)}72%{opacity:1;transform:translate(-50%,-50%)scaleX(1)}76%{opacity:.82;transform:translate(-50%,-50%)scaleX(1.28)}81%{opacity:.42;transform:translate(-50%,-50%)scaleX(1.36)}87%,to{opacity:0;transform:translate(-50%,-50%)scaleX(1.42)}}@keyframes beamBloom{0%,66%{opacity:0;transform:translateY(-50%)scaleX(.15)}72%{opacity:.7;transform:translateY(-50%)scaleX(.92)}79%{opacity:.38;transform:translateY(-50%)scaleX(1.16)}86%,to{opacity:0;transform:translateY(-50%)scaleX(1.25)}}@keyframes beamSpark{0%,67%{opacity:0;transform:translate(-50%,-50%)scaleX(.2)}71%{opacity:1;transform:translate(-50%,-50%)scaleX(1)}76%{opacity:.65;transform:translate(-50%,-50%)scaleX(1.45)}82%,to{opacity:0;transform:translate(-50%,-50%)scaleX(1.8)}}@keyframes orbitNodes{0%,55%{opacity:0;transform:rotate(-28deg)scale(.8)}65%{opacity:.62}82%{opacity:.28;transform:rotate(112deg)scale(1)}to{opacity:.1;transform:rotate(168deg)scale(.98)}}@keyframes trackIgnite{0%,3%{opacity:0;transform:scaleX(.18)}12%,42%{opacity:.72;transform:scaleX(1)}52%,to{opacity:0;transform:scaleX(.35)}}@keyframes motionGuide{0%,50%{opacity:0;transform:scaleX(0)}58%{opacity:.48;transform:scaleX(.26)}67%{opacity:.42;transform:scaleX(.88)}72%{opacity:.2;transform:scaleX(1.08)}77%,to{opacity:0;transform:scaleX(1.16)}}@keyframes focusDot{0%,64%{opacity:0;transform:scale(.2)}69%{opacity:.88;transform:scale(1.08)}74%{opacity:1;transform:scale(.92)}81%{opacity:.34;transform:scale(.64)}86%,to{opacity:0;transform:scale(.26)}}@keyframes trackPulse{50%{opacity:.25;transform:scale(.65)}}@keyframes streakFlicker{to{opacity:.42;transform:scaleX(.78)}}@keyframes gridFocus{0%{opacity:.15;transform:scale(1.08)}48%{opacity:.42;transform:scale(1)}70%{opacity:.6;transform:scale(.96)}to{opacity:.34;transform:scale(1)}}@keyframes runnerAura{to{opacity:.5;transform:scale(1.12)}}@keyframes motionOrbit{to{transform:rotate(360deg)}}@keyframes orbitBreathe{to{opacity:.48}}.solar-orbit{opacity:.96;top:175px;right:31%;transform:rotate(-11deg)}.icon-halo{filter:blur(4px);background:radial-gradient(circle,#4dadff57,#155bf014 52%,#0000 70%);border-radius:50%;position:absolute;inset:55px}.hero-brand-icon{filter:drop-shadow(0 28px 36px #0b4acc47);width:180px;height:auto;position:absolute;top:92px;left:170px;transform:rotate(11deg)}.orbit-ring{border-color:#135eec33}.ring-one{border-style:dashed}.ring-two{border-color:#63b9ff3d}.calculator-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fffffff2;border-radius:28px;box-shadow:0 28px 80px #1a398729}.calculator-heading span,.card-heading small,.principle-grid span,.package-kicker{color:#0757ed}.money-input,.postcode-input,.select-wrap,.usage-grid label{background:#fbfdff;border-color:#d8e2f4;border-radius:12px}.money-input span{color:#0757ed}.bill-slider{accent-color:#0757ed}.usage-grid label.selected{background:linear-gradient(135deg,#eef5ff,#f8fcff);border-color:#0757ed;box-shadow:0 0 0 3px #0757ed14}.selected .radio-dot{border-color:#0757ed}.pre-result-section,.why-size-section,.projection-section{background:#fff}.principle-grid article{border-color:#e4ebf7}.result-hero,.accuracy-section,.final-cta{background:radial-gradient(circle at 78% 18%,#3a8eff52,#0000 34%),linear-gradient(125deg,#172258,#263d91)}.result-main-saving>strong,.bill-save-box strong,.package-saving strong{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.reduction-pill{color:#86d0ff;background:#57b7ff21;border:1px solid #63bbff38;border-radius:999px}.metric-grid article,.bill-comparison-card,.energy-flow-card,.package-card{border-radius:20px}.bill-comparison-card,.energy-flow-card,.package-card{box-shadow:0 18px 55px #1b3b8914}.bill-bar{border-radius:999px;overflow:hidden}.bill-bar i,.bill-row.after .bill-bar i{background:var(--brand-gradient);border-radius:999px}.bill-save-box{background:linear-gradient(135deg,#eff6ff,#f8fbff);border-left:0;border-radius:16px;box-shadow:inset 0 0 0 1px #dce9fb}.generation-node{background:linear-gradient(135deg,#eef5ff,#f9fcff);border-top:0;border-radius:16px;box-shadow:inset 0 0 0 1px #dce9fb}.mini-sun{background:var(--brand-gradient);box-shadow:0 0 24px #2377ff7a}.flow-line i{background:#2584ff}.flow-icon{background:var(--brand-gradient)}.grid-icon{background:#7888b8}.packages-section{background:linear-gradient(#f4f8ff,#edf4ff)}.package-card.active{border-color:#1769ff;box-shadow:0 26px 65px #135ee529}.package-card.bess-card{background:radial-gradient(circle at 90% 5%,#51adff3d,#0000 28%),linear-gradient(145deg,#1c2868,#243b8d)}.best-fit,.battery-label{color:#0757ed;background:#e7f1ff;border-radius:999px}.battery-label{color:#8bd2ff;background:#61baff29}.package-button{color:#17429c;border-color:#1d4bb4;border-radius:10px}.package-button.active,.bess-card .package-button.active{background:var(--brand-gradient);border-color:#0000}.scenario-control button{border-radius:999px}.scenario-control button.active{background:var(--brand-gradient);border-color:#0000}.saving-line{stroke:#1769ff}.break-dot{fill:#61baff}.legend-saving{background:var(--brand-gradient)}.cta-orb{background:radial-gradient(circle,#4dacff59,#0000 66%)}.outline-light-button{border-color:#5d79c4;border-radius:12px}.accuracy-modal{border-radius:24px}.upload-zone{background:#f3f8ff;border-color:#9bbce9;border-radius:16px}.upload-grid{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 18px;display:grid}.upload-grid .upload-zone{text-align:center;min-height:132px;margin:0;padding:18px 12px;position:relative}.house-upload{background:linear-gradient(145deg,#f8fbff,#edf5ff)!important}.house-upload em{color:#0757ed;margin-top:7px;font-size:8px;font-style:normal;font-weight:700}.optional-badge{color:#0757ed;letter-spacing:.08em;text-transform:uppercase;background:#e6efff;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:800;position:absolute;top:10px;right:10px}.ai-bill-upload{transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc,0 12px 28px #1e5bc014;background:radial-gradient(circle at 80% 10%,#5bbfff38,#0000 32%),linear-gradient(145deg,#f8fbff,#eaf4ff)!important;border:1px solid #82b8ff!important}.ai-bill-upload:hover{transform:translateY(-2px);box-shadow:0 18px 36px #185ed226;border-color:#328bff!important}.ai-bill-upload .ai-badge{color:#0757ed;letter-spacing:.09em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:850;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 5px 16px #1753b41a}.ai-bill-upload .ai-badge i{background:#54d98c;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #54d98c}.ai-bill-upload .upload-icon{color:#fff;background:var(--brand-gradient);border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:8px;display:grid;box-shadow:0 10px 24px #0c5ee640}.ai-bill-upload em{color:#0757ed;margin-top:7px;font-size:8px;font-style:normal;font-weight:750}.ai-bill-upload.scanning .upload-icon{animation:1s linear infinite aiSpin}.ai-bill-upload.success{background:linear-gradient(145deg,#f5fff9,#eaf9f1)!important;border-color:#58cf8a!important}.ai-bill-upload.success .upload-icon{background:linear-gradient(135deg,#1dbb68,#6ce59f)}.ai-bill-upload.error{border-color:#e9a1a1!important}@keyframes aiSpin{to{transform:rotate(360deg)}}.bill-scan-status{background:#f8fbff;border:1px solid #dce8f9;border-radius:11px;align-items:flex-start;gap:9px;margin:0 0 18px;padding:10px 12px;display:flex}.bill-scan-status>span{color:#0757ed;background:#e6f1ff;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid}.bill-scan-status p{color:#617096;margin:1px 0 0;font-size:9px;line-height:1.5}.bill-scan-status.success{background:#f3fcf7;border-color:#c9efd8}.bill-scan-status.success>span{color:#128d4b;background:#dff7e9}.bill-scan-status.error{background:#fff6f6;border-color:#f0d0d0}.bill-scan-status.error>span{color:#bd3b3b;background:#ffe3e3}.ai-privacy-note{color:#8a92a7;text-align:center;margin:10px 4px 0;font-size:8px;line-height:1.55}.primary-button:disabled{opacity:.64;cursor:wait;transform:none}footer{background:#f9fbff}.footer-contact>a{color:#0757ed}@media (width<=800px){.brand{width:180px}.brand img{width:170px}.brand-motion{--runner-mid:20px;--runner-late:65px;--runner-end:109px;opacity:.56;pointer-events:none;width:330px;height:330px;top:310px;left:50%;right:auto;transform:translate(-50%)}.motion-track{top:164px}.motion-runner{width:106px;height:78px;top:126px;left:-12px}.runner-silhouette{width:106px}.energy-trail{transform-origin:0;top:148px;transform:scale(.72)}.motion-logo{inset:45px}.motion-logo>.resolved-logo,.logo-fragment img{width:115px}.motion-caption{display:none}.calculator-card{border-radius:22px}.upload-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.motion-runner,.energy-trail,.motion-track,.motion-particles,.motion-impact,.logo-fragment,.logo-energy-seam,.logo-orbit-nodes{display:none}.motion-logo,.motion-logo>.resolved-logo{opacity:1;animation:none;transform:none}.motion-ring,.brand-motion:before,.brand-motion:after,.motion-halo,.motion-grid{animation:none}}.installation-promise{background:linear-gradient(135deg,#edf5ff,#fff);border:1px solid #cfe0fb;border-radius:14px;align-items:center;gap:18px;width:fit-content;margin-top:28px;padding:15px 18px;display:flex;box-shadow:0 12px 30px #1753be14}.installation-promise strong{color:#0757ed;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.installation-promise span{color:var(--muted);font-size:11px}.result-main-saving>strong,.bill-save-box strong,.package-saving strong,.usage-live-stats .saving-stat strong{color:#0000;text-shadow:0 10px 30px #61baff38;background:linear-gradient(135deg,#2495ff 0%,#61baff 58%,#8bd2ff 100%);-webkit-background-clip:text;background-clip:text}.result-main-saving>strong{font-size:60px;font-weight:850}.bill-save-box strong{font-size:38px;font-weight:850}.package-saving strong{font-size:40px;font-weight:850}.day-night-simulator{color:#fff;border-radius:20px;padding:24px 24px 20px;transition:background .18s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 18px 35px #13317129}.day-night-simulator:after{content:"";pointer-events:none;background:radial-gradient(circle at 15% 18%,#fff4ad80,#0000 24%),radial-gradient(circle at 90% 15%,#9fbfff2e,#0000 22%);position:absolute;inset:0}.sky-symbols,.usage-split,.day-night-slider,.slider-ends{z-index:1;position:relative}.sky-symbols{text-shadow:0 3px 16px #00000038;justify-content:space-between;font-size:28px;display:flex}.usage-split{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 24px;display:grid}.usage-split div:last-child{text-align:right}.usage-split small{color:#ffffffc7;text-transform:uppercase;letter-spacing:.12em;font-size:8px;display:block}.usage-split strong{letter-spacing:-.04em;margin-top:5px;font-size:30px;display:block}.day-night-slider{appearance:none;background:linear-gradient(90deg,#fff3a2,#7ec7ff 52%,#222d67);border-radius:999px;outline:none;width:100%;height:7px}.day-night-slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:#ff7a1a;border:4px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 4px 14px #04133959}.day-night-slider::-moz-range-thumb{cursor:grab;background:#ff7a1a;border:4px solid #fff;border-radius:50%;width:17px;height:17px;box-shadow:0 4px 14px #04133959}.slider-ends{color:#ffffffb8;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.usage-explainer{color:var(--muted);margin:20px 2px;font-size:10px;line-height:1.65}.usage-explainer strong{color:var(--navy)}.usage-live-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.usage-live-stats>div{border:1px solid var(--line);background:#fbfdff;border-radius:12px;min-width:0;padding:12px 10px}.usage-live-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:7px;display:block}.usage-live-stats strong{color:var(--navy);margin-top:7px;font-size:14px;display:block}.usage-live-stats .saving-stat{background:#eef8ff;border-color:#c9e8ff}.usage-live-stats .saving-stat strong{font-size:18px}@media (width<=800px){.co-brand-lockup{gap:7px;height:54px}.johnson-solar-brand{flex-basis:115px;width:115px;height:38px}.johnson-solar-brand img{width:115px}.brand-separator{font-size:14px}.site-header .ifisien-header-brand{flex-basis:150px;width:150px;height:38px}.site-header .ifisien-header-brand img{width:150px;top:-38px}.installation-promise{flex-direction:column;align-items:flex-start;gap:6px}.ai-upload-cta{width:100%;min-height:90px}.usage-live-stats{grid-template-columns:1fr}.result-main-saving>strong{font-size:52px}.values-section{padding-top:72px;padding-bottom:72px}.values-intro{grid-template-columns:1fr;gap:8px}.values-intro>p{margin-bottom:8px;font-size:13px}.values-grid{gap:12px;margin-top:34px}.values-grid .value-card{min-height:0;padding:24px}.values-grid .value-card p{min-height:0}.values-grid .value-card>strong{margin-top:18px}.value-proof{grid-template-columns:42px 1fr;padding:18px}.value-proof-mark{width:40px;height:40px}.value-proof-meter{display:none}}:root{--surface:#f7f9fd;--surface-blue:#f0f5fc;--ink-strong:#172458;--ink-soft:#667190;--hairline:#28498f21;--shadow-soft:0 22px 70px #1534701a;--spring:cubic-bezier(.2,1.35,.38,1)}body{background:var(--surface);color:var(--ink-strong);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Avenir Next,Segoe UI,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Arial,sans-serif}main[data-locale=zh]{font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Inter,sans-serif}main[data-locale=zh] h1,main[data-locale=zh] h2,main[data-locale=zh] h3{letter-spacing:-.035em}main[data-locale=ms] .eyebrow,main[data-locale=ms] .calculator-heading span{letter-spacing:.12em}.site-header{border-bottom:1px solid var(--hairline);background:#ffffffd1;gap:clamp(20px,3vw,44px);height:88px;padding-inline:clamp(22px,4vw,68px);box-shadow:0 8px 28px #19377309}.co-brand-lockup{gap:10px;height:70px}.johnson-solar-brand{flex-basis:154px;width:154px;height:54px}.johnson-solar-brand img{width:154px}.site-header .ifisien-header-brand{flex-basis:194px;width:194px;height:54px;transform:translateY(5px)}.site-header .ifisien-header-brand img{width:194px;top:-49px}.site-header nav{white-space:nowrap;align-items:center;gap:clamp(20px,2.5vw,36px);font-size:12px}.site-header nav a{padding:12px 0;transition:color .25s;position:relative}.site-header nav a:after{content:"";background:var(--brand-gradient);height:2px;transition:right .35s var(--spring);border-radius:2px;position:absolute;bottom:4px;left:0;right:100%}.site-header nav a:hover:after{right:0}.header-actions{flex:none;justify-content:flex-end;align-items:center;gap:12px;display:flex}.language-switcher{background:#f5f9ffe6;border:1px solid #dce6f5;border-radius:13px;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:inset 0 1px #fff}.language-switcher button{color:#7180a5;min-width:34px;height:32px;transition:transform .35s var(--spring),background .25s ease,color .25s ease,box-shadow .25s ease;background:0 0;border:0;border-radius:9px;padding:0 8px;font-size:9px;font-weight:800}.language-switcher button:hover{color:#0757ed;transform:translateY(-2px)}.language-switcher button.active{color:#fff;background:linear-gradient(135deg,#164fc8,#4ea9f5);transform:scale(1.04);box-shadow:0 7px 16px #1a61d73b}.header-cta{white-space:nowrap;min-height:46px;transition:transform .4s var(--spring),box-shadow .3s ease;border-radius:13px;padding:0 18px;box-shadow:0 10px 26px #0d4ec229}.header-cta:hover{transform:translateY(-3px)scale(1.015)}.hero{background:radial-gradient(circle at 42% 20%,#5dabf42e,#0000 28%),linear-gradient(132deg,#fbfcfe 0%,#f2f6fc 56%,#eaf2fb 100%);min-height:1060px;padding-top:96px}.hero h1{letter-spacing:-.058em;max-width:690px;font-size:clamp(52px,5.8vw,80px);font-weight:650;line-height:1.01}.hero-copy>p{color:#687493;max-width:565px;font-size:15px;line-height:1.85}.hero-copy{animation:springRise .85s var(--spring) both}.calculator-card{width:min(470px,100% - 48px);box-shadow:var(--shadow-soft);animation:springRise .95s 80ms var(--spring) both;background:#ffffffe0;border:1px solid #7699cf29;border-radius:26px;padding:34px;top:58px}.calculator-heading{margin-bottom:26px;padding-bottom:22px}.calculator-heading h2{font-size:25px}.field-label,.usage-fieldset legend,.tariff-fieldset legend{color:#26366a;font-size:11px;line-height:1.45}.money-input,.postcode-input,.select-wrap,.usage-grid label{transition:border-color .25s ease,box-shadow .3s ease,transform .35s var(--spring),background .25s ease;background:#fafcffe6;border-color:#dce5f2}.money-input:focus-within,.postcode-input:focus-within,.select-wrap:focus-within{background:#fff;border-color:#6baef2;box-shadow:0 0 0 4px #3387e417}.usage-grid label:hover{background:#fff;border-color:#a8c9ed;transform:translateY(-2px)}.usage-grid label.selected{transform:translateY(-1px);box-shadow:0 7px 18px #2668cd1a,0 0 0 3px #0757ed0f}.primary-button{transition:transform .42s var(--spring),box-shadow .3s ease,filter .2s ease;border-radius:13px}.primary-button:hover{filter:saturate(.92);transform:translateY(-3px)scale(1.012)}.pre-result-section,.comparison-flow-grid,.why-size-section,.packages-section,.projection-section{scroll-margin-top:88px}.values-section{padding-block:112px}.values-grid .value-card{min-height:390px;transition:transform .48s var(--spring),border-color .28s ease,box-shadow .35s ease,background .28s ease;border-color:#4670b824;box-shadow:0 18px 50px #1a3d7f11}.values-grid .value-card:hover,.values-grid .value-card.active{transform:translateY(-9px)scale(1.008)}.value-proof{animation:springReveal .58s var(--spring) both;box-shadow:0 22px 60px #142f7129}.result-hero{gap:clamp(32px,4vw,64px);min-height:390px;padding-block:76px}.result-heading h2{line-height:.95}.metric-grid{border-bottom-color:var(--hairline)}.metric-grid article{padding:34px 28px}.bill-comparison-card,.energy-flow-card,.package-card{border:1px solid #375ca21a;box-shadow:0 20px 58px #1c3b7813}.comparison-flow-grid{gap:28px;padding-block:100px}.bill-comparison-card,.energy-flow-card{padding:44px}.why-size-section,.projection-section{padding-block:110px}.packages-section{padding-block:115px}.package-card{transition:transform .48s var(--spring),box-shadow .35s ease,border-color .3s ease;border-radius:24px}.package-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px #1948a321}.package-card.active{transform:translateY(-8px)}.accuracy-section{padding-block:76px}.accuracy-modal{animation:modalSpring .5s var(--spring) both;border:1px solid #ffffffb3;box-shadow:0 38px 110px #04113452}footer{background:#fbfcff;grid-template-columns:minmax(0,1fr) auto;gap:30px clamp(32px,5vw,80px);padding-block:52px}.footer-brand-row{grid-column:1/-1}.footer-brand-lockup{align-items:center;gap:10px;width:max-content;height:70px;display:flex}.footer-johnson-brand{flex:0 0 154px;place-items:center;width:154px;height:54px;display:grid;overflow:hidden}.footer-johnson-brand img{width:154px;max-width:none;height:auto;display:block}.footer-brand-separator{color:#7b88ad;font-size:20px;font-weight:300;line-height:1}.footer-ifisien-brand{flex:0 0 194px;width:194px;height:54px;position:relative;overflow:hidden;transform:translateY(5px)}.footer-ifisien-brand img{width:194px;max-width:none;height:auto;position:absolute;top:-49px;left:0}.certification-strip{border-top:1px solid var(--hairline);grid-column:1/-1;min-width:0;margin-top:12px;padding:28px 0 4px}.certification-heading{align-items:center;gap:18px;margin-bottom:18px;display:flex}.certification-heading p{color:#536080;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:9px;font-weight:800}.certification-heading span{background:linear-gradient(90deg,#3e68b538,#0000);width:100%;height:1px}.certification-viewport{padding:2px 0 8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.certification-track{will-change:transform;width:max-content;animation:34s linear infinite certificationMarquee;display:flex}.certification-group{align-items:center;gap:16px;padding-right:16px;display:flex}.certification-card{background:#fbfcff;border:1px solid #5079be29;border-radius:17px;flex:0 0 196px;place-items:center;width:196px;height:100px;margin:0;padding:14px 18px;display:grid;overflow:hidden;box-shadow:0 10px 26px #193d7e0e,inset 0 1px #fff}.certification-card img{object-fit:contain;width:auto;max-width:158px;height:auto;max-height:68px;display:block}.certification-track:hover{animation-play-state:paused}@keyframes certificationMarquee{to{transform:translate(-50%)}}@keyframes springRise{0%{opacity:0;transform:translateY(28px)scale(.985)}62%{opacity:1;transform:translateY(-4px)scale(1.004)}to{opacity:1;transform:none}}@keyframes springReveal{0%{opacity:0;transform:translateY(12px)scale(.985)}72%{opacity:1;transform:translateY(-2px)scale(1.002)}to{opacity:1;transform:none}}@keyframes modalSpring{0%{opacity:0;transform:translateY(28px)scale(.95)}68%{opacity:1;transform:translateY(-5px)scale(1.006)}to{opacity:1;transform:none}}@media (width<=1240px){.site-header{gap:18px}.header-cta{min-width:0}}@media (width<=900px){.site-header{height:76px}.co-brand-lockup{height:58px}.johnson-solar-brand{flex-basis:120px;width:120px;height:42px}.johnson-solar-brand img{width:120px}.site-header .ifisien-header-brand{flex-basis:150px;width:150px;height:42px;transform:translateY(4px)}.site-header .ifisien-header-brand img{width:150px;top:-38px}.header-cta{display:none}.hero{padding-top:66px}}@media (width<=800px){.site-header{height:70px;padding-inline:14px}.co-brand-lockup{gap:6px}.johnson-solar-brand{flex-basis:88px;width:88px;height:34px}.johnson-solar-brand img{width:88px}.brand-separator{font-size:12px}.site-header .ifisien-header-brand{flex-basis:112px;width:112px;height:34px;transform:translateY(3px)}.site-header .ifisien-header-brand img{width:112px;top:-28px}.language-switcher{border-radius:11px;gap:2px;padding:3px}.language-switcher button{min-width:28px;height:28px;padding:0 5px;font-size:8px}.hero{min-height:auto;padding:48px 18px 58px}.hero h1{font-size:clamp(44px,13vw,58px)}.calculator-card{margin-top:48px;padding:26px 21px}.values-section{padding-block:76px}.values-grid .value-card{min-height:0}.comparison-flow-grid,.why-size-section,.packages-section,.projection-section{padding-block:76px}.bill-comparison-card,.energy-flow-card{padding:28px 22px}.result-hero{padding-block:58px}.metric-grid article{padding:24px 18px}footer{grid-template-columns:1fr;gap:24px;padding:38px 22px}.footer-brand-row,.certification-strip,.footer-legal{grid-column:auto}.footer-brand-lockup{gap:6px;height:54px}.footer-johnson-brand{flex-basis:88px;width:88px;height:34px}.footer-johnson-brand img{width:88px}.footer-brand-separator{font-size:12px}.footer-ifisien-brand{flex-basis:112px;width:112px;height:34px;transform:translateY(3px)}.footer-ifisien-brand img{width:112px;top:-28px}.certification-strip{margin-top:4px;padding-top:24px}.certification-heading{margin-bottom:14px}.certification-heading p{letter-spacing:.13em;font-size:8px}.certification-viewport{margin-inline:-10px}.certification-track{animation-duration:28s}.certification-group{gap:12px;padding-right:12px}.certification-card{border-radius:14px;flex-basis:154px;width:154px;height:82px;padding:11px 14px}.certification-card img{max-width:126px;max-height:56px}}@media (prefers-reduced-motion:reduce){.certification-track{animation:none}.certification-group[aria-hidden=true]{display:none}.certification-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.hero-copy,.calculator-card,.value-proof,.accuracy-modal{animation:none!important}}