/* V9 / Grand Edition — a restrained, spacious dark fintech interface.
 * Presentation-only. Business rules, keys, wallet selection, translation and data untouched.
 * Placed AFTER V7 to consciously replace the crowded card/nested-panel appearance. */
:root{
 --bg:#09121b;--paper:#111e2b;--navy:#0d1926;--navy-soft:#1b3142;
 --ink:#f5f8fb;--muted:#a7b8c7;--violet:#60b9b2;--violet-dark:#2c978e;
 --mint:#60c8b6;--line:#2a4050;--softshadow:0 28px 72px rgba(0,6,15,.15);
}
*,*::before,*::after{box-sizing:border-box}
html{background:#09121b;scroll-behavior:smooth;color-scheme:dark}
body{background:#09121b;color:#f5f8fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before,.ambient{display:none!important}
[hidden]{display:none!important}
a,button,input{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #7dd3cb;outline-offset:3px}
.site-shell{max-width:1576px;padding:0 52px}
.topbar{height:104px;border-bottom:1px solid #263846;background:transparent}
.logo{gap:15px;font-size:21px;font-weight:800;letter-spacing:-.025em;color:#f6fbff}
.logo-symbol{width:48px;height:48px;border-radius:14px;background:#d5ede9;color:#103c40;box-shadow:none}
.logo-symbol svg{width:25px;height:25px}
.topnav{gap:13px}
.topnav a,.topnav button{border:1px solid #385263;border-radius:12px;background:#152637;color:#eff7fc;font-size:14px;font-weight:650;padding:13px 20px;transition:border-color .18s,background .18s}
.topnav a:hover,.topnav button:hover{background:#21384a;border-color:#648e9c}
.topnav svg{width:19px;height:19px}
.layout{gap:32px}
.hero{min-height:470px;margin:44px 0 0;padding:88px 78px;border:1px solid #2d4955;border-radius:28px;overflow:hidden;background:linear-gradient(105deg,rgba(12,27,39,1) 0%,rgba(18,39,53,1) 61%,rgba(15,49,58,1) 100%);box-shadow:none}
.hero::before,.hero::after{display:none!important}
.hero-mesh{background-image:linear-gradient(90deg,#5f829411 1px,transparent 1px),linear-gradient(#5f829411 1px,transparent 1px);background-size:64px 64px;opacity:.46;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.hero-copy{max-width:66%;position:relative;z-index:2}
.hero .eyebrow{color:#93d7c8;font-size:12px;letter-spacing:.19em;font-weight:750;margin-bottom:25px}
.hero-status-dot{width:8px;height:8px;background:#63c6b3;box-shadow:0 0 0 5px #63c6b31c}
.hero h1{font-size:clamp(48px,5.4vw,82px);letter-spacing:-.065em;line-height:1.16;font-weight:790;white-space:nowrap}
.hero h1 .hero-word-tron{color:#fff;-webkit-text-fill-color:#fff}
.hero h1 .hero-word-energy{color:#9de3d9;-webkit-text-fill-color:#9de3d9;background:none}
.hero-copy>p{font-size:17px;color:#c4d5df;line-height:1.9;margin:26px 0 34px}
.hero-chips{gap:12px;display:flex;flex-wrap:wrap}
.hero-chips span{font-size:13px;color:#d3e7e9;font-weight:600;padding:11px 16px;border-radius:11px;border:1px solid #4b6871;background:#1a3b46}
.chip-check{color:#8fe0ce}
.hero-art{width:43%;height:415px;right:20px;top:52%;background:url('tron-network.svg') center/contain no-repeat;opacity:1;filter:drop-shadow(0 20px 48px rgba(41,147,153,.10))}
.hero-art>*{display:none}
.notice-bar{min-height:76px;padding:18px 25px;border-radius:16px;border:1px solid #314554;background:#122232;gap:20px}
.notice-icon{width:42px;height:42px;flex:none;background:#20453f;border-radius:12px;color:#9be2d5}
.notice-icon svg{width:21px;height:21px}
.notice-body{gap:20px;min-width:0}
.notice-body>b{font-size:14px;color:#f0f9fa;font-weight:720}
.notice-copy{font-size:13px;color:#b0c4ce}
.notice-bar a{font-size:13px;color:#a6ded5;font-weight:690}
/* One substantial primary workspace, with visible tab navigation and clear hierarchy. */
.rent-area{margin:4px 0 0;border:1px solid #344a58;border-radius:26px;background:#122231;overflow:hidden;box-shadow:none}
.tabs{padding:15px 36px 0;height:82px;gap:14px;background:#111e2b;border-bottom:1px solid #304451}
.tab{flex:0 1 260px;padding:20px 26px;margin:0!important;color:#a0b6c5;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:12px 12px 0 0;font-size:18px;letter-spacing:-.015em;font-weight:740}
.tab.active{color:#d6f6f0;background:#1e3d43;border:0;border-bottom:3px solid #70ccbb;box-shadow:none}
.tab:hover:not(.active){background:#1b2c3d;color:#fff}
.tab-icon{font-size:19px}
.rent-content{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr);grid-template-areas:'section section' 'wallet offer' 'receiver offer' 'title title' 'plans plans' 'checkout checkout';gap:26px 34px;padding:48px 52px 52px;background:#122231}
.section-head{grid-area:section;align-items:center;margin:0;padding-bottom:29px;border-bottom:1px solid #324655}
.eyebrow.dark,.section-head .eyebrow{font-size:12px;letter-spacing:.17em;color:#89c8c2;font-weight:740}
.section-head h2{font-size:36px;line-height:1.35;letter-spacing:-.035em;font-weight:800;color:#f8fbff;margin:5px 0}
.section-head p{font-size:15px;color:#aabfce}
.timer-pill{background:#1b4040;border:1px solid #416d6a;color:#b8e8dc;font-size:13px;padding:10px 16px;border-radius:999px}
.platform-address{grid-area:wallet;padding:24px 26px;border:1px solid #3a5160;background:#182b3a;border-radius:16px;min-width:0;margin:0}
.platform-address-top{align-items:center;margin-bottom:16px;gap:16px}
.platform-address-top strong{font-size:16px;color:#ecf7f9}
.block-kicker{font-size:11px;letter-spacing:.19em;color:#85bbb7}
.platform-address-state{color:#c2e1df;background:#2a4949;border:1px solid #456f6c;font-size:12px;border-radius:7px;padding:7px 10px}
.platform-address-body{min-height:62px;border:1px solid #3c5466;border-radius:12px;background:#0d1d2b;padding:12px 14px;gap:12px;min-width:0}
.wallet-mark{width:39px;height:39px;flex:none;border-radius:10px;background:#1c4246;border-color:#436a6c;color:#a6e4da}
.platform-address-body code{font-size:14px;color:#e3f1fa;overflow-wrap:anywhere;line-height:1.7}
.platform-address-copy{background:#254d50;border:1px solid #4e8683;color:#dffaf5;border-radius:9px;padding:10px 14px;font-size:12px}
.platform-address-copy:hover{background:#316266}
.platform-address.address-unset .platform-address-body code{color:#e6c7b9}
.platform-address-note{display:none!important}
.input-section{grid-area:receiver;margin:0;padding:0;min-width:0}
.input-title{font-size:16px;font-weight:730;color:#edf6fc;margin-bottom:14px}
.required-dot{background:#234348;color:#b6e3db;border-radius:6px;font-size:11px;padding:5px 9px}
.input-combo{min-height:66px;border:1px solid #486276;background:#0e1d2a;border-radius:12px;padding:0 18px;gap:15px;box-shadow:none}
.input-combo:focus-within{border-color:#77c6ba;box-shadow:0 0 0 3px rgba(114,205,188,.17)}
.address-icon{width:32px;height:32px;line-height:32px;font-size:17px;background:#d94455}
.input-combo input{font-size:15px;color:#f6fbfd}
.input-combo input::placeholder{color:#849cab}
.field-help{font-size:13px;line-height:1.7;color:#9eb6c6;margin-top:12px}
.offer-block{grid-area:offer;min-height:100%;margin:0;padding:34px 40px;border-radius:16px;border:1px solid #c7dfd8;background:linear-gradient(140deg,#ebf6f2 0%,#d8e9e5 100%);box-shadow:none;justify-content:center;gap:17px}
.offer-block:before,.offer-block:after{display:none!important}
.offer-small{color:#45696a;font-size:15px;font-weight:700;margin:0}
.offer-value{color:#0f3438;font-size:clamp(48px,5vw,77px);font-weight:780;letter-spacing:-.065em;line-height:1.08;text-shadow:none;margin:0}
.offer-value small{color:#315f61;font-size:26px}
.offer-foot{color:#517074;font-size:13px;line-height:1.85;max-width:375px}
.purchase-head{grid-area:title;margin:10px 0 0;align-items:center;gap:15px}
.purchase-head span{font-size:23px;color:#f1f7fa;font-weight:780;letter-spacing:-.02em}
.purchase-head small{font-size:13px;color:#a4bbca}
.plans{grid-area:plans;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.plan{min-height:251px;padding:28px 30px 26px;border-radius:17px;border:1px solid #3c5260;background:#172b3b;gap:20px;box-shadow:none;transition:background .15s,border-color .15s}
.plan:hover{transform:none;border-color:#70aca7;box-shadow:none;background:#1c3743}
.plan.active{background:#193c42;border:1px solid #76cbbb;box-shadow:inset 0 0 0 1px #76cbbb30;color:#f7fcff}
.plan-head b{font-size:20px;color:#f3f8fb}
.plan-tag,.plan-tag.gray{font-size:12px;border-radius:7px;background:#29484a;color:#beede0;border:1px solid #4a7372;padding:6px 10px}
.plan strong{font-size:49px;font-weight:770;line-height:1.12;letter-spacing:-.04em;color:#f6fbff}
.plan strong small{font-size:14px;color:#a9c5c9;letter-spacing:0}
.plan-meta{font-size:14px;color:#abc3cd}
.plan-bottom{padding-top:20px;border-top:1px solid #385767;color:#fff}
.plan-bottom b{font-size:21px;color:#bcebe2}
.radio-dot{width:23px;height:23px;border-color:#63838d}
.plan.active .radio-dot{border-color:#b5f0df;box-shadow:0 0 0 3px #75cfb91d}
.plan.active .radio-dot::after{background:#aeede1}
.plans.package-plans{grid-template-columns:repeat(4,minmax(0,1fr))}
.package-plans .plan{min-height:224px;padding:23px 18px}
.package-plans .plan strong{font-size:35px}
.package-plans .plan-head b{font-size:17px}
.checkout{grid-area:checkout;margin:0;padding:30px 0 0;border-top:1px solid #344958;gap:22px;align-items:center}
.checkout>div>span{display:block;font-size:14px;color:#b0c6d2;margin-bottom:3px}
.checkout strong{font-size:37px;letter-spacing:-.03em;font-weight:780;color:#f8fcfd}
.primary{border-radius:12px;background:#9ce0d3;border:1px solid #b4efe4;color:#123c3a;box-shadow:none;font-weight:800;font-size:15px;transition:background .16s}
.primary:hover:not(:disabled){background:#b9f0e5;box-shadow:none;transform:none}
.primary:disabled{background:#344756;border:1px solid #44586a;color:#a4bac5;box-shadow:none}
.checkout .primary{min-height:66px;padding:19px 35px;font-size:16px}
.checkout-alert{display:none!important}
/* Separate wide package catalogue, not a small box nested inside checkout. */
.package-showcase{width:100%;grid-area:unset;margin:2px 0 0;padding:44px 48px 40px;border:1px solid #344a58;border-radius:26px;background:#111f2e;box-shadow:none}
.showcase-heading{align-items:center;margin-bottom:29px}
.showcase-heading h3{font-size:33px;letter-spacing:-.035em;font-weight:800;color:#f7fcff;margin:4px 0 6px}
.showcase-heading p{font-size:15px;color:#a8becb}
.showcase-network{font-size:12px;padding:9px 14px;border-radius:9px;background:#1f3e42;border-color:#426765;color:#b9e8df}
.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.showcase-card{min-height:218px;padding:25px 23px;gap:16px;border-radius:15px;border:1px solid #3b5361;background:#1b3040;color:#f7fcff;box-shadow:none}
.showcase-card:hover,.showcase-card:focus-visible{border-color:#86d3c4;background:#25444b;box-shadow:0 0 0 1px #83d5c31e;transform:translateY(-2px)}
.showcase-card-top b{font-size:18px}
.showcase-card-top span{font-size:11px;background:#294c4d;border-color:#466d6a;color:#c9ece4}
.showcase-card-price{font-size:38px;font-weight:770;color:#f5fbfd;letter-spacing:-.04em}
.showcase-card-price small{font-size:15px;color:#a8ded5}
.showcase-card-meta{font-size:13px;color:#b1c5ce}
.showcase-card-action{border-top:1px solid #3a5260;padding-top:16px;font-size:12px;color:#9be3d4}
.showcase-disclaimer{color:#99aebb;font-size:12px;margin-top:25px}
/* Open, editorial lower sections. Only real content gets a card. */
.steps,.faq{margin:24px 0 0;padding:0;background:none;border:0;border-radius:0}
.steps-intro,.faq-head{margin-bottom:30px}
.steps-intro h3,.faq-head h2{font-size:33px;line-height:1.28;font-weight:790;letter-spacing:-.035em;color:#f7fcff;margin:6px 0}
.steps-intro p,.faq-head p{font-size:15px;color:#a9bdca}
.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.steps-grid>div{border-radius:17px;min-height:225px;padding:28px 30px;background:#132333;border:1px solid #2f4758;box-shadow:none}
.step-symbol{width:48px;height:48px;font-size:24px;border-radius:12px;color:#a3e8dd;background:#224b49;border-color:#497d77;margin-bottom:21px}
.step-index{right:28px;top:23px;font-size:13px;color:#91b4bb}
.steps-grid b{font-size:19px;color:#f3f9fb;font-weight:740}
.steps-grid p{font-size:14px;line-height:1.85;color:#abc1cd;margin-top:10px}
.faq{margin:24px 0 40px}
.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.faq-item{min-height:178px;border-radius:16px;border:1px solid #31495a;background:#142737;padding:28px 30px}
.faq-number{font-size:13px;color:#7eadae;right:27px;top:24px}
.faq-item b{font-size:18px;color:#f1f9fc;font-weight:720}
.faq-item p{font-size:14px;line-height:1.85;color:#a8bfcc;margin-top:14px}
.text-link{font-size:13px;padding:12px 17px;border-radius:9px;background:#213d46;color:#b2e9e0;border:1px solid #3e6570}
.footer{margin:15px -52px 0;padding:38px 52px 48px;min-height:131px;border-top:1px solid #2a4050;color:#9eb7c5}
.footer-symbol{width:41px;height:41px;border-radius:11px;background:#204542;color:#a8eadd}
.footer-brand b{color:#f2f8fb;font-size:15px}.footer-brand small,.footer-legal,.footer-legal small{color:#95b2c2;font-size:12px}
.toast{background:#1f4542;color:#f6fffc;border:1px solid #5c9990}
dialog{border-radius:20px;background:#142a3b;border-color:#42606f;color:#ecf8fb}
.lookup-panel h3{font-size:25px}.lookup-panel input,.tx-form input{background:#0e1e2d;border-color:#446276;color:#f5fbfd}
.icon-btn{background:#284c54;color:#e5f7f4}
/* Order detail receives the same calm, spacious style. */
.order-wrap{max-width:1030px;margin:56px auto 98px}
.order-top{margin-bottom:34px}.order-top h1{font-size:44px;color:#f7fcff;letter-spacing:-.035em}.order-top p{font-size:15px;color:#b3c7d2}
.order-card{background:#142535;border:1px solid #385366;border-radius:22px;box-shadow:none}
.order-status{padding:40px 48px;background:#1b3c46}.order-status>div>span{font-size:13px}.order-status h2{font-size:29px}
.status-chip{font-size:13px;padding:10px 16px}
.data-list{padding:12px 48px}.data-list>div{grid-template-columns:206px minmax(0,1fr);padding:21px 0;gap:22px;font-size:15px;border-bottom:1px solid #355062}
.data-list>div>span{font-size:14px;color:#a8bdca}.data-list strong{font-size:17px;color:#f6fbff}.data-list code{font-size:13px;color:#ceeaf2}
.copy-row button,.outline{padding:10px 16px;font-size:12px;background:#234a4a;color:#c9f2e7;border:1px solid #4c7f77;border-radius:8px}
.tx-form{padding:32px 48px 45px}.tx-form label{font-size:17px;color:#eef9fc}.tx-form p{font-size:13px;color:#b2c3cc;margin:9px 0 16px}.tx-form input{min-height:53px;font-size:14px}.tx-form .primary{min-height:56px}
.tx-results{padding:0 48px 30px;font-size:13px;color:#a9c1cd}.tx-results a{color:#a1e3d9}
.order-help{font-size:13px;color:#9cb3c1;margin-top:24px;line-height:1.85}
/* Installation and admin sign-in: presentation only, no changes to credentials. */
.auth-wrap{background:#09121b;min-height:100vh}
.auth-panel{border:1px solid #3a5564;border-radius:23px;background:#132736;color:#eef6fc;max-width:520px;padding:44px 46px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.auth-panel h1{color:#f6fcff;font-size:32px}.auth-panel .subtle,.auth-panel .tiny{color:#b2c3ce;font-size:13px}
.stack label{font-size:14px;color:#d2e3ec}
.stack input{min-height:52px;border:1px solid #446172;background:#0c1c2a;color:#f4f9fd;font-size:14px}
.stack input:focus{border-color:#7ccbbf;box-shadow:0 0 0 3px #63bfb51c}
.backlink{color:#a5e5d6;font-size:13px}
/* Do not change cookie/analytics consent choices; only how the optional panel looks. */
.stats-consent{background:#142a38;color:#e9f7fc;border:1px solid #4a6875;box-shadow:0 20px 55px #0006}
.stats-consent p{color:#a9c3ca}
.stats-consent-buttons button{background:#244249;color:#ccece6;border:1px solid #496a75}
.stats-consent-buttons [data-choice=accept]{background:#9ce0d3;color:#123c3a;border-color:#b1ebde}
@media(max-width:1200px){
 .site-shell{padding:0 34px}
 .hero{min-height:420px;padding:74px 55px}
 .hero h1{font-size:61px}.hero-copy{max-width:69%}.hero-art{width:41%;right:0;height:360px}
 .rent-content{padding:37px 38px;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:24px}
 .offer-block{padding:28px}.offer-value{font-size:59px}
 .plans.package-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer{margin-left:-34px;margin-right:-34px;padding-left:34px;padding-right:34px}
}
@media(max-width:800px){
 .site-shell{padding:0 24px}
 .hero{min-height:385px;padding:65px 40px}.hero h1{font-size:48px}.hero-copy{max-width:78%}.hero-art{width:42%;opacity:.6;right:-45px}
 .rent-content{display:flex;flex-direction:column;gap:25px;padding:32px 31px}
 .rent-content>*{order:initial}
 .section-head{order:0}.platform-address{order:1}.input-section{order:2}.purchase-head{order:3}.plans{order:4}.offer-block{order:5;min-height:175px}.checkout{order:6}.checkout-alert{order:7}
 .plans.package-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .package-showcase{padding:34px 30px}
 .steps-grid{gap:12px}.steps-grid>div{padding:22px 18px;min-height:235px}.steps-grid b{font-size:16px}.steps-grid p{font-size:12px}
 .footer{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
}
@media(max-width:600px){
 body{font-size:14px;line-height:1.6}
 .site-shell{padding:0 16px}
 .topbar{height:77px}.logo{font-size:16px;gap:9px}.logo-symbol{height:39px;width:39px;border-radius:11px}.logo-symbol svg{width:22px;height:22px}
 .topnav{gap:7px}.topnav a,.topnav button{font-size:11px;padding:10px 11px;border-radius:9px}.topnav svg{width:15px;height:15px}
 .layout{gap:19px}
 .hero{margin:20px 0 0;padding:37px 27px;min-height:318px;border-radius:18px}
 .hero-copy{max-width:100%}.hero .eyebrow{font-size:9px;letter-spacing:.10em;margin-bottom:21px}
 .hero h1{font-size:clamp(32px,8vw,42px);white-space:normal;line-height:1.25;letter-spacing:-.045em}
 .hero-copy>p{font-size:12px;line-height:1.75;max-width:88%;margin:16px 0 23px}
 .hero-chips{gap:6px}.hero-chips span{padding:7px 9px;font-size:10px;border-radius:7px}
 .hero-art{width:200px;height:210px;right:-80px;top:61%;opacity:.22}
 .notice-bar{min-height:65px;padding:13px 13px;gap:10px;border-radius:11px}
 .notice-icon{height:31px;width:31px;border-radius:8px}.notice-body{gap:3px;flex-direction:column;align-items:stretch}.notice-body>b{font-size:11px}.notice-copy{font-size:10px}.notice-bar a{font-size:10px}
 .rent-area{border-radius:17px}.tabs{height:63px;padding:8px 11px 0;gap:7px}.tab{flex:1;padding:13px 10px;font-size:13px;border-radius:8px 8px 0 0}.tab-icon{font-size:15px}
 .rent-content{padding:25px 19px 29px;gap:19px}
 .section-head{padding-bottom:18px}.section-head .eyebrow{font-size:10px}.section-head h2{font-size:27px}.section-head p{font-size:12px}.timer-pill{padding:7px 9px;font-size:10px}
 .platform-address{padding:17px 15px;border-radius:12px}.platform-address-top strong{font-size:13px}.block-kicker{font-size:9px}.platform-address-state{font-size:10px;padding:4px 7px}
 .platform-address-body{min-height:50px;padding:8px 9px;gap:7px;border-radius:9px}.platform-address-body code{font-size:11px}.wallet-mark{width:29px;height:29px;border-radius:8px}.platform-address-copy{font-size:10px;padding:7px 9px}
 .input-title{font-size:13px;margin-bottom:10px}.required-dot{font-size:10px}.input-combo{min-height:55px;padding:0 11px;gap:10px}.input-combo input{font-size:12px}.field-help{font-size:11px;margin-top:8px}
 .purchase-head{margin:4px 0 0}.purchase-head span{font-size:17px}.purchase-head small{font-size:10px}
 .plans{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.plan{min-height:184px;padding:17px 13px;border-radius:12px;gap:12px}.plan-head{align-items:center;gap:5px}.plan-head b{font-size:14px}.plan-tag,.plan-tag.gray{font-size:9px;padding:4px 6px}.plan strong{font-size:27px}.plan strong small{font-size:10px}.plan-meta{font-size:10px}.plan-bottom{padding-top:12px}.plan-bottom b{font-size:13px}.radio-dot{height:18px;width:18px}
 .plans.package-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.package-plans .plan{min-height:179px;padding:16px 12px}.package-plans .plan strong{font-size:27px}.package-plans .plan-head b{font-size:12px}
 .offer-block{min-height:150px;padding:22px 24px;gap:5px}.offer-small{font-size:12px}.offer-value{font-size:43px}.offer-value small{font-size:18px}.offer-foot{font-size:11px}
 .checkout{padding-top:20px;gap:10px;flex-wrap:wrap}.checkout>div>span{font-size:11px}.checkout strong{font-size:25px}.checkout .primary{min-height:53px;padding:11px 18px;font-size:12px}
 .package-showcase{padding:27px 18px;margin:0;border-radius:16px}.showcase-heading{align-items:flex-start;gap:11px;margin-bottom:17px}.showcase-heading h3{font-size:24px}.showcase-heading p{font-size:11px}.showcase-network{font-size:9px;padding:6px 8px}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .showcase-card{min-height:164px;padding:16px 13px;gap:11px;border-radius:11px}.showcase-card-top b{font-size:14px}.showcase-card-top span{font-size:9px}.showcase-card-price{font-size:25px}.showcase-card-price small{font-size:11px}.showcase-card-meta{font-size:10px}.showcase-card-action{font-size:10px;padding-top:11px}.showcase-disclaimer{font-size:10px;margin-top:17px}
 .steps,.faq{margin:12px 0 0}.steps-intro,.faq-head{margin-bottom:18px}.steps-intro h3,.faq-head h2{font-size:24px}.steps-intro p,.faq-head p{font-size:12px}.steps-grid{grid-template-columns:1fr;gap:10px}
 .steps-grid>div{min-height:0;padding:19px 17px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 14px;align-items:center}.step-symbol{grid-row:1/3;grid-column:1;width:40px;height:40px;margin:0}.steps-grid b{grid-column:2;grid-row:1;font-size:14px}.steps-grid p{grid-column:2;grid-row:2;font-size:11px;margin:0}.step-index{right:12px;top:12px;font-size:10px}
 .faq{margin:10px 0 26px}.faq-grid{grid-template-columns:1fr;gap:10px}.faq-item{min-height:0;padding:20px 19px;border-radius:12px}.faq-item b{font-size:14px}.faq-item p{font-size:12px;margin-top:9px}.faq-number{right:16px;top:18px;font-size:11px}.text-link{font-size:10px;padding:8px 10px}
 .footer{margin:5px -16px 0;padding:24px 16px 35px;min-height:0;flex-direction:column;align-items:flex-start;gap:12px}
 .footer-brand b{font-size:13px}.footer-brand small,.footer-legal,.footer-legal small{font-size:10px}
 .order-wrap{margin:30px auto 55px}.order-top h1{font-size:31px}.order-top p{font-size:12px}.order-card{border-radius:15px}.order-status{padding:26px 21px}.order-status h2{font-size:20px}.status-chip{font-size:10px}
 .data-list{padding:7px 20px}.data-list>div{grid-template-columns:1fr;gap:6px;padding:16px 0}.data-list>div>span{font-size:11px}.data-list strong{font-size:14px}.data-list code{font-size:11px}
 .tx-form{padding:23px 20px 27px}.tx-form label{font-size:14px}.tx-results{padding:0 20px 22px}.order-help{font-size:11px}
 .auth-panel{padding:28px 23px}.auth-panel h1{font-size:25px}
}
@media(max-width:380px){
 .site-shell{padding:0 11px}.hero{padding:28px 20px}.hero h1{font-size:30px}.hero-chips span:last-child{display:none}
 .topnav a,.topnav button{font-size:10px;padding:8px}.topnav svg{display:none}
 .rent-content{padding:22px 13px}.plan{padding:15px 10px}.plan strong{font-size:23px}.plan-head b{font-size:12px}.plan-meta{font-size:9px}.plan-tag{font-size:8px}
 .checkout .primary{padding:10px 13px;font-size:11px}.showcase-network{display:none}
}
@media(prefers-reduced-motion:reduce){.notice-marquee-track{animation:none!important}}
@media(max-width:380px){.footer{margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}}
/* Mobile header is deliberately two clear rows rather than truncating the brand. */
@media(max-width:430px){
 .topbar{height:auto;min-height:104px;flex-wrap:wrap;align-content:center;align-items:center;justify-content:space-between;row-gap:9px;column-gap:8px;padding:14px 0}
 .topbar .logo{width:100%;font-size:16px;white-space:nowrap;min-width:0}
 .topbar .logo-text{overflow:visible;text-overflow:clip}
 .topnav{width:100%;justify-content:flex-end;gap:8px}
 .topnav a,.topnav button{padding:7px 11px;font-size:11px}
 .topnav svg{display:block;width:14px;height:14px}
}
/* The promoted purchase-count section stays directly below Energy Rental on phones. */
.package-showcase{order:0}