:root{--purple:#6d50e8;--purple-light:#f0ecfe;--ink:#232333;--muted:#888a9c;--line:#eeeef4;--bg:#f7f8fc;--font:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ad9bfc;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:flex;min-height:100vh}.sidebar{width:218px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:34px 23px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:1px}.brand-mark{background:var(--purple);border-radius:11px;width:40px;height:42px;color:white;display:grid;place-items:center}.brand-mark svg{width:28px;height:28px}.brand small{display:block;letter-spacing:1.7px;font-size:9px;color:#9492a5;margin-top:1px}.nav-label{font-size:12px;color:#9d9baa;margin:55px 12px 14px}.nav-item{display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:13px 15px;border-radius:9px;font-size:14px;font-weight:600;margin-bottom:8px;color:#828193}.nav-item.active{background:var(--purple-light);color:var(--purple)}.nav-item:hover{background:#f5f3fc}.sidebar-note{margin-top:auto;padding:21px 16px;background:#f8f7fd;border-radius:12px;color:#8c869f;font-size:12px}.tiny-tag{font-size:9px;letter-spacing:1.3px;color:var(--purple);font-weight:700}.sidebar-note h3{font-size:15px;color:#45405c;margin:12px 0 8px}.sidebar-note p{line-height:1.9;margin:0}.note-line{height:1px;background:#e7e3f2;margin:19px 0 14px}.profile{display:flex;align-items:center;gap:12px;font-size:13px;border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.avatar{display:grid;place-items:center;background:#efeaff;color:var(--purple);width:36px;height:36px;border-radius:50%;font-weight:600}.profile small{display:block;color:#a4a1b0;font-size:12px}.workspace{margin-left:218px;flex:1;min-width:0}.topbar{height:77px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{font-size:13px;color:#aaa8b5}.breadcrumb span{padding:0 12px;color:#d1cdda}.breadcrumb b{color:#5e5b70;font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.demo-tag{border:1px solid #e9e3fa;color:#927dbe;background:#fbf9ff;border-radius:5px;padding:3px 9px;font-size:12px}.icon-button{display:flex;align-items:center;gap:6px;color:#8c879b;font-size:12px}.icon-button svg{width:18px;height:18px}main{padding:31px 38px 0;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#a6a2b9;margin-bottom:6px}h1{font-size:28px;letter-spacing:-.5px;line-height:1.4;margin:0 0 8px;font-weight:750}.page-heading p{font-size:13px;color:#92909f;margin:0}.currency{font-size:12px;color:#a6a3b1;display:flex;flex-direction:column;text-align:right;gap:3px}.currency b{font-size:13px;font-weight:600;color:#777186}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:23px;align-items:start}.primary-column{min-width:0}.yield-hero{border-radius:15px;background:#25213e;color:white;padding:23px 26px 21px;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 95% 0,#51477880,transparent 65%)}.hero-top{display:flex;align-items:center;justify-content:space-between;position:relative;gap:10px;font-size:12px;color:#ccc5e1}.hero-top>span:first-child{display:flex;align-items:center;gap:7px}.hero-top svg{width:16px;height:16px;color:#bca8fa}.hero-top b{font-weight:500}.estimate-tag{border:1px solid #ffffff25;background:#ffffff08;border-radius:5px;padding:3px 9px;font-size:11px}.hero-main{display:flex;justify-content:space-between;align-items:center;margin:25px 0 23px}.hero-main p{font-size:13px;color:#ccc6dd;margin:0 0 5px}.hero-number{font-size:49px;font-weight:600;letter-spacing:-1.8px;font-variant-numeric:tabular-nums;line-height:1.25}.hero-number small{font-size:13px;letter-spacing:0;color:#a9a0bd;font-weight:400;margin-left:10px}.hero-hint{font-size:11px;color:#a299b8;display:inline-block;margin-top:10px}.hero-accent{text-align:center;color:#c7b8ef;position:relative;padding:0 22px}.hero-accent span{font-size:64px;font-weight:250;letter-spacing:-3px}.hero-accent small{display:block;font-size:8px;letter-spacing:2px;color:#9788b9}.hero-bottom{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding-top:19px;border-top:1px solid #ffffff18}.hero-bottom>div+div{border-left:1px solid #ffffff18;padding-left:20px}.hero-bottom span{display:block;color:#aaa1bb;font-size:11px;margin-bottom:6px}.hero-bottom strong{font-size:19px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.hero-bottom small{font-size:11px;font-weight:400;color:#bab2cb}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.metric{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px 17px}.metric-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.metric-icon svg{width:18px;height:18px}.lavender{background:#f0ecfc;color:#8265dd}.mint{background:#e6f7f1;color:#4eaa8a}.orange{background:#fef2e3;color:#d4a262}.metric p{font-size:12px;color:#8e8a9e;margin:12px 0 5px}.metric strong{font-size:25px;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.metric strong small{font-size:12px;color:#9790a6;font-weight:400;letter-spacing:0}.metric>span:last-child{display:block;font-size:10px;color:#aaa7b5;margin-top:7px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px}.device-panel{padding:23px 22px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}h2{font-size:16px;font-weight:650;margin:0 0 5px;letter-spacing:-.3px}.section-heading p{font-size:12px;color:#a4a0b0;margin:0}.quiet-badge{background:#f7f7fa;color:#a5a0b1;padding:3px 8px;border-radius:5px;font-size:11px;white-space:nowrap}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-card{border:1px solid #eae8f1;border-radius:10px;position:relative;text-align:left;display:block;width:100%;padding:16px 14px 12px;transition:border-color .15s,background .15s}.device-card:hover{border-color:#bbaaf3}.device-card.selected{border-color:#8d70e9;background:#fbfaff;box-shadow:0 0 0 1px #8d70e910}.device-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.device-symbol{width:36px;height:36px;background:#f4f2fa;color:#8f83a9;border-radius:9px;display:grid;place-items:center}.selected .device-symbol{background:#ede7fc;color:var(--purple)}.device-symbol svg{width:22px;height:22px}.device-card .check{width:17px;height:17px;background:#ebe8f0;border-radius:50%;color:transparent;display:grid;place-items:center}.device-card .check svg{width:12px;height:12px}.device-card.selected .check{background:var(--purple);color:white}.device-card h3{font-size:14px;font-weight:650;margin:0 0 3px}.device-card .description{font-size:10px;color:#9f98ad;margin:0 0 15px}.device-card .device-price{font-size:20px;font-weight:650;letter-spacing:-.5px}.device-price small{font-size:10px;color:#a8a0b4;font-weight:400;letter-spacing:0}.device-spec{margin-top:12px;border-top:1px solid #eee9f5;padding-top:11px;display:flex;justify-content:space-between;font-size:10px;color:#a39bae}.device-spec b{color:#71687e;font-size:11px;font-weight:550}.device-footnote{display:flex;gap:7px;font-size:10px;color:#aca5b9;line-height:1.6;margin-top:16px}.device-footnote svg{width:13px;height:13px;margin-top:2px}.projection-panel{padding:22px;margin-top:20px}.period-switch{display:flex;gap:2px;border:1px solid var(--line);padding:3px;border-radius:7px;flex-shrink:0}.period-switch button{font-size:10px;padding:5px 9px;border-radius:4px;color:#9c93ad}.period-switch .active{background:#f0ebfc;color:#8363d7}.projection-summary{display:flex;align-items:center;gap:14px}.projection-summary strong{font-size:24px;letter-spacing:-.6px}.projection-summary>span{font-size:10px;color:#a5a0b2;display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;background:#9a7df0;display:inline-block}.chart-container{height:175px;margin-top:8px}.chart-container svg{width:100%;height:100%;stroke:none;overflow:visible}.chart-caption{display:flex;justify-content:space-between;font-size:10px;color:#a5a0b2;gap:10px}.calculator{padding:23px 21px;position:sticky;top:20px}.calculator-title{display:flex;gap:9px;align-items:center;margin-bottom:23px}.calculator-title h2{font-size:15px}.calculator-title p{font-size:11px;color:#aaa3b6;margin:0}.calculator-title .text-button{margin-left:auto;color:#988eac;font-size:11px;padding:4px}.selected-device{display:flex;align-items:center;gap:10px;background:#f8f6fe;border:1px solid #f0ebfd;padding:13px 12px;border-radius:8px;color:#847398;margin-bottom:23px}.selected-device>svg{width:23px;height:23px;color:#8d72cd}.selected-device b{display:block;font-size:12px;font-weight:650;color:#605171}.selected-device span{display:block;font-size:10px;margin-top:3px;color:#a395b3}.selected-device .selected-check{margin-left:auto;background:#ebe5fb;color:#9b82d3;border-radius:50%;padding:2px;display:grid;place-items:center;width:18px;height:18px}.selected-check svg{width:12px;height:12px}.field-label,.input-group label{display:flex;justify-content:space-between;font-size:12px;color:#6d667d;margin-bottom:9px;font-weight:500}.field-label span,.input-group label span{font-size:10px;color:#a79caf;font-weight:400}.input-group label b{font-size:12px;color:var(--purple)}.stepper{border:1px solid #e8e4ef;border-radius:7px;display:flex;align-items:center;height:39px;margin-bottom:20px}.stepper button{width:40px;height:100%;color:#978baa;font-size:21px}.stepper input{border:0;text-align:center;width:calc(100% - 80px);padding:7px;background:transparent;font-size:14px;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.input-group{margin-bottom:19px}.input-group input:not([type=range]){width:100%;height:39px;border:1px solid #e8e4ef;border-radius:7px;padding:8px 11px;color:#685c7a;background:white;font-size:13px}.input-group input:focus{border-color:#a890eb}.input-wrap{position:relative}.input-wrap span{position:absolute;left:12px;top:8px;color:#998da9;font-size:13px}.input-wrap input{padding-left:64px!important}.input-group input[type=range]{width:100%;accent-color:var(--purple);height:5px;cursor:pointer;margin:9px 0 10px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#b2a8bd}.field-help{font-size:10px;color:#a79caf;line-height:1.8;margin:7px 0 0}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-inputs label{flex-wrap:wrap;gap:3px}.two-inputs label span{font-size:9px}details{border-top:1px solid var(--line);padding-top:13px;margin-top:1px;margin-bottom:18px}summary{cursor:pointer;font-size:11px;color:#8f809f;display:flex;justify-content:space-between;gap:8px;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:#b2a6be;font-size:10px}details[open] summary{margin-bottom:17px}.estimate-breakdown{border-top:1px dashed #e7e0ee;padding-top:16px}.estimate-breakdown>div{display:flex;justify-content:space-between;font-size:11px;color:#a196af;margin-bottom:9px}.estimate-breakdown b{font-weight:500;color:#8a7c9b;font-variant-numeric:tabular-nums}.estimate-breakdown .break-total{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;margin-bottom:17px;align-items:center;color:#7c6f8c;font-size:12px}.break-total strong{font-size:23px;color:var(--purple);font-weight:650;letter-spacing:-.5px}.primary-button{background:var(--purple);color:white;width:100%;padding:12px;border-radius:7px;font-size:12px;box-shadow:0 3px 8px #7656d91a}.primary-button:hover{background:#5e41d6}.estimate-note{display:flex;gap:6px;color:#b0a4bf;font-size:10px;line-height:1.8;margin:13px 0 0}.estimate-note svg{width:12px;height:12px;margin-top:3px}.form-error{color:#b44252;font-size:12px;background:#fff3f5;padding:8px;border-radius:6px}footer{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:10px;color:#b2adbe;padding:25px 0 22px}.footer-brand{font-weight:600;color:#8f869e}.mobile-nav{display:none}dialog{border:1px solid var(--line);border-radius:18px;padding:30px;width:min(720px,calc(100% - 30px));box-shadow:0 20px 80px #24144425;color:var(--ink)}dialog::backdrop{background:#21173260;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:24px}.close-button{font-size:28px;color:#a495b7;width:38px;height:38px;border-radius:8px;background:#f7f4fb}.dialog-copy{font-size:14px;color:#9c90aa}.scenario-table{overflow:auto;margin:25px 0}.scenario-table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.scenario-table th{text-align:left;color:#9c90aa;font-weight:500;font-size:12px;padding:10px 8px;border-bottom:1px solid var(--line)}.scenario-table td{padding:15px 8px;border-bottom:1px solid var(--line)}.scenario-table button{font-size:12px;color:var(--purple);background:var(--purple-light);padding:7px 9px;border-radius:6px}.scenario-table .net{font-weight:650;color:var(--purple)}body.calculator-view .device-panel{display:none}body.calculator-view .calculator{border-color:#d7cafa}body.calculator-view .page-heading h1{letter-spacing:-.5px}
/* Regular UI text stays readable; supporting metadata is deliberately quieter. */
.brand small{font-size:10px}.sidebar-note,.profile,.breadcrumb,.demo-tag,.icon-button,.currency,.currency b,.page-heading p,.section-heading p,.quiet-badge,.hero-top,.hero-main p,.hero-hint,.hero-bottom span,.metric p,.metric>span:last-child,.device-card .description,.device-price small,.device-spec,.device-spec b,.device-footnote,.period-switch button,.projection-summary>span,.chart-caption,.calculator-title p,.calculator-title .text-button,.selected-device b,.selected-device span,.field-label,.input-group label,.field-label span,.input-group label span,.range-labels,.field-help,summary,summary span,.estimate-breakdown>div,.primary-button,.estimate-note,footer,.two-inputs label span{font-size:12px}.nav-item,.page-heading p,.section-heading p,.calculator-title h2,.field-label,.input-group label,.primary-button,.estimate-breakdown .break-total{font-size:14px}.eyebrow,.tiny-tag{font-size:10px}.metric strong small{font-size:13px}.input-group input:not([type=range]){font-size:14px}.device-card h3{font-size:15px}.device-spec{flex-wrap:wrap;gap:4px}.hero-top{font-size:13px}.hero-bottom strong{font-size:20px}.hero-bottom small{font-size:13px}
@media(min-width:1600px){main{padding-top:40px}.content-layout{grid-template-columns:minmax(0,1fr) 350px;gap:27px}.yield-hero{padding:26px 30px}.hero-number{font-size:56px}.hero-main{margin:29px 0}.metric{padding:22px}.device-card{padding:20px}.chart-container{height:200px}}
@media(max-width:1200px){.sidebar{width:180px;padding-left:17px;padding-right:17px}.brand{font-size:18px}.workspace{margin-left:180px}main{padding:27px 24px 0}.topbar{padding:0 24px}.content-layout{grid-template-columns:minmax(0,1fr) 305px;gap:18px}.device-grid{grid-template-columns:1fr}.device-card{padding:14px;display:grid;grid-template-columns:36px 1fr auto;gap:0 12px;align-items:center}.device-card-top{grid-column:1;grid-row:1/3;margin:0}.device-card-top .check{display:none}.device-card h3{grid-column:2;grid-row:1}.device-card .description{grid-column:2;grid-row:2;margin:0}.device-price{grid-column:3;grid-row:1/3}.device-spec{grid-column:2/4;margin-top:10px;padding-top:7px}.metric-row{gap:10px}.metric{padding:14px 12px}.metric strong{font-size:22px}.hero-accent{padding:0}.hero-accent span{font-size:50px}.hero-bottom>div+div{padding-left:12px}.hero-bottom strong{font-size:18px}.hero-bottom{grid-template-columns:1.3fr 1fr 1fr}.chart-caption{display:block}.chart-caption span{display:block}.section-heading{align-items:flex-start}}
@media(max-width:900px){.sidebar{display:none}.workspace{margin-left:0}main{padding:24px}.content-layout{grid-template-columns:minmax(0,1fr) 305px}.hero-accent{display:none}.hero-number{font-size:42px}.hero-bottom strong{font-size:16px}.metric-row{grid-template-columns:1fr 1fr}.metric:last-child{display:none}}
@media(max-width:700px){body{background:#f7f8fc}.workspace{margin:0;width:100%}.topbar{height:64px;padding:0 20px}.breadcrumb{font-size:13px}.breadcrumb>span{padding:0 6px}.top-actions{gap:9px}.icon-button{display:none}main{padding:23px 17px 85px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px;max-width:290px;line-height:1.9}.eyebrow{font-size:9px}.currency{display:none}.content-layout{display:flex;flex-direction:column;gap:20px}.primary-column{width:100%}.yield-hero{padding:20px;border-radius:14px}.hero-top{font-size:12px}.hero-top>span:first-child{gap:5px}.hero-main{margin:22px 0}.hero-number{font-size:47px}.hero-bottom strong{font-size:17px}.hero-bottom span{font-size:11px}.hero-bottom>div+div{padding-left:13px}.hero-bottom{grid-template-columns:1.35fr 1fr 1fr}.metric-row{gap:12px;margin:16px 0}.metric{padding:17px 14px}.metric strong{font-size:25px}.metric>span:last-child{font-size:11px}.device-panel{padding:20px 17px}.device-grid{gap:10px}.device-card{padding:15px}.device-card h3{font-size:16px}.device-price{font-size:22px!important}.device-price small{font-size:11px}.device-card .description{font-size:12px}.device-spec{font-size:12px}.device-spec b{font-size:12px}.device-footnote{font-size:11px}.projection-panel{padding:20px 17px}.section-heading h2{font-size:16px}.section-heading p{font-size:12px}.period-switch button{padding:5px 7px;font-size:11px}.projection-panel .section-heading{flex-wrap:wrap;gap:12px}.projection-summary strong{font-size:25px}.calculator{width:100%;position:static;padding:23px 20px}.calculator-title h2{font-size:17px}.selected-device b{font-size:14px}.selected-device span{font-size:12px}.calculator-title p{font-size:12px}.input-group label{font-size:14px}.input-group input:not([type=range]),.stepper{height:44px}.input-group input:not([type=range]){font-size:16px}.input-group{margin-bottom:22px}.estimate-breakdown>div{font-size:14px}.primary-button{font-size:15px;padding:14px}.estimate-note{font-size:12px}.field-help{font-size:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid #eeeaf6;z-index:10}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#a295b7;width:50%;height:100%;justify-content:center}.mobile-nav button.active{color:var(--purple)}.mobile-nav svg{width:22px;height:22px}footer{flex-wrap:wrap;justify-content:flex-start;font-size:11px;padding:22px 0 0;gap:10px}footer>span:last-child{width:100%}body.calculator-view .primary-column{order:1}body.calculator-view .calculator{order:0}body.calculator-view .page-heading p{max-width:100%}dialog{padding:24px 19px}.dialog-heading h2{font-size:21px}.scenario-table table{font-size:12px}.scenario-table th,.scenario-table td{padding:10px 5px}.chart-container{height:165px}.hero-accent{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.phone-dialog{padding:15px 12px 12px;max-width:430px;background:#f7f8fc}.phone-dialog h2{font-size:14px;margin:0}.phone-dialog .dialog-heading{padding:0 5px 12px}.phone-dialog iframe{display:block;width:100%;height:min(760px,78vh);border:1px solid #e7e2f0;border-radius:12px;background:#f7f8fc}.negative{color:#b35264!important}.device-card:focus-visible{outline-offset:2px}.input-group input[type=range]{appearance:none;border-radius:5px;background:#eee8fa}.input-group input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:white;border:4px solid var(--purple);box-shadow:0 1px 3px #513ab530}.input-group input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:white;border:3px solid var(--purple)}
.page-heading p,.section-heading p,.metric p,.metric>span:last-child,.device-card .description,.device-spec,.device-footnote,.chart-caption,.calculator-title p,.selected-device span,.field-label span,.input-group label span,.range-labels,.field-help,summary span,.estimate-breakdown>div,.estimate-note,footer,.nav-label{color:#797185}.hero-hint,.hero-bottom span{color:#c0b7d0}.hero-bottom strong{overflow-wrap:anywhere}
.intro-view .content-layout{display:none}.intro-view .currency{display:none}.project-intro[hidden]{display:none}.intro-hero{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:45px;background:#25213e;color:white;border-radius:16px;padding:40px;background-image:radial-gradient(ellipse at 100% 0,#51477880,transparent 65%)}.intro-kicker{font-size:12px;letter-spacing:2px;color:#b7a8db}.intro-hero h2{font-size:34px;line-height:1.5;letter-spacing:-1px;margin:16px 0}.intro-hero-copy>p{font-size:16px;line-height:1.9;max-width:670px;color:#c8c1d8;margin:0}.intro-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.intro-main-button,.intro-secondary-button{padding:12px 20px;border-radius:8px;font-size:14px}.intro-main-button{background:#9e86f3;color:#211635;font-weight:650}.intro-secondary-button{border:1px solid #ffffff30;color:#e2dcee}.intro-main-button:hover{background:#b9a5ff}.intro-secondary-button:hover{background:#ffffff0c}.intro-principles{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:0 0 0 27px;border-left:1px solid #ffffff18;font-size:15px;color:#d4cbe5}.intro-principles>div{display:flex;align-items:center;gap:12px}.intro-principles svg{width:24px;height:24px;color:#b8a3f0}.intro-status{align-self:flex-start;font-size:12px;color:#c2b2e9;background:#ffffff0a;border:1px solid #ffffff20;border-radius:5px;padding:4px 11px;margin-bottom:4px}.intro-definition,.intro-flow,.intro-economics,.intro-example{padding:28px;margin-top:22px}.intro-section-label{display:block;color:#8b74c1;font-size:12px;letter-spacing:1px;margin-bottom:11px}.project-intro h2{font-weight:650}.intro-definition h2,.intro-flow h2,.intro-economics h2{font-size:21px}.intro-definition p,.intro-economics>p{font-size:16px;line-height:1.95;color:#797185;margin:13px 0 0}.intro-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:27px 0 0;gap:24px}.intro-flow li{position:relative}.intro-flow li+li{border-left:1px solid #ede8f5;padding-left:24px}.flow-number{font-size:25px;color:#cfc1f5;font-weight:550;font-variant-numeric:tabular-nums}.project-intro h3{font-size:16px;font-weight:600;margin:11px 0 7px}.intro-flow p,.intro-factor-grid p{font-size:14px;color:#797185;line-height:1.85;margin:0}.intro-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:stretch}.intro-formula{padding:15px 18px;background:#f8f6fd;border-radius:8px;margin-top:18px}.intro-formula span{display:block;font-size:12px;color:#8e7ca8;margin-bottom:7px}.intro-formula strong{font-size:15px;font-weight:500;color:#66517f;line-height:1.8}.intro-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;border-top:1px solid var(--line);margin-top:22px;padding-top:10px}.intro-example h2{font-size:20px}.intro-example>p{color:#797185;font-size:14px}.intro-example dl{margin:23px 0}.intro-example dl>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:12px 0;color:#797185}.intro-example dd{margin:0;color:#514460;font-weight:550;text-align:right;font-variant-numeric:tabular-nums}.intro-example .intro-net{border-top:1px solid var(--line);margin-top:12px;padding-top:20px;align-items:center}.intro-net dd{font-size:24px;color:var(--purple)}.intro-status-note{display:flex;gap:10px;background:#f0edfa;color:#797185;padding:18px 21px;border-radius:10px;margin-top:22px;font-size:13px;line-height:1.9}.intro-status-note svg{width:17px;height:17px;margin-top:4px;color:#9279c3}.intro-status-note p{margin:0}.intro-status-note b{font-weight:550;color:#6d5889}
.intro-market{padding:30px;margin-top:22px}.intro-market h2{font-size:25px;line-height:1.6}.market-lead{font-size:16px;color:#797185;line-height:1.9;margin:13px 0 24px;max-width:880px}.market-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f8f6fd;border:1px solid #eee8fa;border-radius:11px;padding:23px 0}.market-stats article{padding:0 25px}.market-stats article+article{border-left:1px solid #e6def5}.market-stats article>span{font-size:12px;color:#8c7d9d}.market-stats strong{display:block;font-size:42px;font-weight:600;color:#6d50b2;letter-spacing:-1.5px;line-height:1.3;margin-top:8px;font-variant-numeric:tabular-nums}.market-stats small{font-size:17px;letter-spacing:0;margin-left:6px}.market-stats p{font-size:14px;color:#766785;margin:9px 0 0}.market-insight{display:flex;gap:13px;margin-top:24px}.market-insight>svg{color:#9172c4;width:23px;height:23px;margin-top:8px}.market-insight h3{margin:0 0 5px;font-size:17px}.market-insight p{font-size:16px;line-height:1.9;color:#797185;margin:0}.intro-source{font-size:12px;color:#82768e;line-height:1.8;margin:18px 0 0;padding-top:17px;border-top:1px solid var(--line)}.intro-source a,.concept-source{color:#7654b8;text-decoration:underline;text-underline-offset:3px}.intro-concepts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.concept-card{padding:30px}.concept-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;margin:18px 0 15px}.concept-icon svg{width:24px;height:24px}.concept-card h2{font-size:25px;line-height:1.5}.concept-card>p{font-size:16px;line-height:1.95;color:#797185;margin:13px 0}.concept-card .concept-summary{font-size:17px;font-weight:550;color:#504460;margin:8px 0 16px}.concept-example{padding:20px;background:#f8f6fd;border:1px solid #eee8fa;border-radius:10px;margin:22px 0}.concept-example b{font-size:14px;font-weight:550;color:#79638f}.compute-steps{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0;font-size:14px;color:#896cae}.compute-steps span:nth-child(odd){padding:8px 11px;border-radius:6px;background:white;border:1px solid #e8dff4;color:#655273;text-align:center}.concept-example p{font-size:14px;line-height:1.9;color:#797185;margin:0}.token-example{background:#f0f9f6;border-color:#dfeeeb}.token-example b{color:#527b70}.token-original{display:block;margin-top:14px;font-size:14px;color:#6c837b}.token-pieces{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.token-pieces span{font-size:15px;padding:7px 14px;border-radius:6px;border:1px solid #c6e4da;background:white;color:#43816b}.token-example small{font-size:12px;color:#678276;line-height:1.8;display:block}.concept-source{font-size:12px;line-height:1.8;display:inline-block;overflow-wrap:anywhere}.intro-hero h2{font-size:42px;line-height:1.4}.intro-hero-copy>p{max-width:730px}
@media(max-width:1100px){.intro-hero{padding:30px;grid-template-columns:minmax(0,1fr) 205px;gap:25px}.intro-hero h2{font-size:34px}.intro-principles{padding-left:22px;font-size:14px}.intro-detail-grid{grid-template-columns:minmax(0,1fr) 300px}.intro-flow ol{gap:17px}.intro-flow li+li{padding-left:17px}.intro-factor-grid{grid-template-columns:1fr;gap:5px}.concept-card{padding:24px}.compute-steps{flex-wrap:wrap}.market-stats article{padding:0 18px}.market-stats strong{font-size:35px}}
@media(max-width:700px){.mobile-nav button{width:33.333%}.intro-hero{display:block;padding:25px 22px}.intro-hero h2{font-size:26px;letter-spacing:-.7px;margin:14px 0}.intro-hero-copy>p{font-size:15px;line-height:1.95}.intro-kicker{font-size:10px;letter-spacing:1.2px}.intro-principles{border-left:0;border-top:1px solid #ffffff18;margin-top:25px;padding:22px 0 0;gap:17px}.intro-principles>div{font-size:14px}.intro-principles svg{width:20px;height:20px}.intro-actions{gap:9px;margin-top:22px}.intro-main-button,.intro-secondary-button{padding:11px 14px;font-size:13px}.intro-definition,.intro-flow,.intro-economics,.intro-example{padding:23px 20px;margin-top:18px}.intro-definition h2,.intro-flow h2,.intro-economics h2{font-size:19px;line-height:1.65}.intro-definition p,.intro-economics>p{font-size:16px;line-height:1.95}.intro-flow ol{grid-template-columns:1fr 1fr;gap:24px 17px;margin-top:23px}.intro-flow li+li{border:0;padding-left:0}.intro-flow li:nth-child(even){border-left:1px solid #ede8f5;padding-left:17px}.intro-flow h3{font-size:15px}.intro-flow p{font-size:14px}.intro-detail-grid{display:block}.intro-factor-grid{grid-template-columns:1fr;gap:9px}.intro-formula{padding:13px 14px}.intro-formula strong{font-size:14px}.intro-status-note{padding:16px;font-size:12px;margin-top:18px}.intro-example dd{overflow-wrap:anywhere}.intro-example dl>div{align-items:center}}
@media(max-width:700px){.intro-market{padding:23px 20px;margin-top:18px}.intro-market h2{font-size:23px}.market-lead,.market-insight p{font-size:16px}.market-stats{grid-template-columns:1fr;padding:0 18px}.market-stats article{padding:20px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;align-items:center}.market-stats article+article{border-left:0;border-top:1px solid #e6def5}.market-stats strong{grid-column:2;grid-row:1/3;font-size:32px;margin:0}.market-stats small{font-size:14px;margin-left:3px}.market-stats p{font-size:13px;grid-column:1;max-width:170px;margin-top:6px}.market-stats article>span{font-size:11px}.market-insight{gap:9px;margin-top:22px}.market-insight h3{font-size:16px;line-height:1.8}.intro-concepts{grid-template-columns:1fr;gap:18px;margin-top:18px}.concept-card{padding:23px 20px}.concept-card h2{font-size:24px}.concept-example{padding:17px}.compute-steps{gap:5px;font-size:13px;flex-wrap:nowrap}.compute-steps span:nth-child(odd){padding:8px 6px}.intro-source{font-size:12px}}

/* Keep USD separate from editable amount digits on every viewport. */
.input-wrap>span{pointer-events:none;font-size:13px;white-space:nowrap}

/* Standalone marketplace and introduction */
.intro-detail-grid{grid-template-columns:minmax(0,1fr)}

#device-investment{grid-template-columns:minmax(0,1fr)}#device-investment[hidden]{display:none}

/* Restored editable calculator alongside investment estimates. */
#device-investment{grid-template-columns:minmax(0,1fr) 330px;align-items:start}
#calculator-section{scroll-margin-top:20px;min-width:0}.estimate-tag{cursor:pointer}.estimate-tag:hover{background:#ffffff24}
#calculator-section .two-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}#calculator-section input{min-width:0;width:100%}#calculator-section .input-wrap>span{top:50%;transform:translateY(-50%)}
@media(max-width:1100px){#device-investment{grid-template-columns:minmax(0,1fr) 305px}}
@media(max-width:700px){#device-investment{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}#device-investment .primary-column{display:contents}#device-investment .yield-hero{order:0}#device-investment .metric-row{order:1;margin:0}#device-investment .device-panel{order:2}#calculator-section{order:3}#device-investment .projection-panel{order:4}}

#device-investment.catalog-loading .yield-hero,#device-investment.catalog-loading .metric-row,#device-investment.catalog-loading .projection-panel,#device-investment.catalog-loading #calculator-section{display:none!important}
.catalog-status{padding:20px;color:#797185;font-size:14px;line-height:1.8;grid-column:1/-1}.device-card .description{white-space:normal;overflow-wrap:anywhere}.device-spec{gap:8px}#estimate-mode{width:100%;min-width:0;padding:10px;border:1px solid #e8e4ef;border-radius:7px;background:white;color:#685c7a;font-size:14px}#break-net{font-size:20px}#catalog-retry{margin-right:14px}

#catalog-retry[hidden]{display:none!important}.device-card .device-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:clamp(16px,1.5vw,20px);line-height:1.4;overflow-wrap:anywhere}.device-card .device-price small{white-space:nowrap}