/* TRON Energy V7 — refined maritime graphite visual redesign.
   Pure presentation layer: backend settings, prices, address mapping, visitors and orders untouched. */
:root{--ink:#f1f6fb;--navy:#0b1625;--navy-soft:#182739;--muted:#a5b4c5;--violet:#67b9e5;--violet-dark:#3c8dc6;--mint:#5bc5ae;--line:#2e4355;--paper:#142334;--bg:#0b1420;--softshadow:0 12px 36px #040b1730}
html{background:#0b1420;color-scheme:dark}
body{background:#0b1420;color:#f1f6fa;font-size:14px;line-height:1.72}
body:before,.ambient,.ambient-one,.ambient-two{display:none!important}
.site-shell{max-width:1220px;padding:0 32px}
.topbar{height:85px;border-bottom:1px solid #263749;background:none}
.logo{font-size:19px;font-weight:800;letter-spacing:-.04em;color:#f1f6fb;gap:13px}
.logo-symbol{background:#227cbd;box-shadow:none;color:#fff;border-radius:10px;width:40px;height:40px}
.logo-symbol svg{width:23px;height:23px;filter:none}
.topnav{gap:10px}
.topnav a,.topnav button{padding:10px 16px;background:#172638;border:1px solid #344a60;color:#dce8f1;border-radius:9px;font-size:12px;font-weight:650;box-shadow:none}
.topnav a:hover,.topnav button:hover{background:#20364a;color:#fff;border-color:#669abb}
.layout{gap:25px}
/* Hero is clear, calm, structured, not an illuminated neon panel. */
.hero{margin:28px 0 0;min-height:315px;padding:57px 56px;border-radius:20px;background:linear-gradient(115deg,#15263a 0%,#132237 56%,#162f43 100%);border:1px solid #31475c;box-shadow:none;isolation:isolate;overflow:hidden}
.hero:before,.hero:after{display:none!important}
.hero-mesh{opacity:.26;background-image:linear-gradient(#5b93b515 1px,transparent 1px),linear-gradient(90deg,#5b93b515 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to left,#000,transparent 75%)}
.hero-copy{max-width:70%;position:relative;z-index:2}
.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#82cce6;font-size:11px;font-weight:750;letter-spacing:.17em;margin-bottom:19px}
.hero-status-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#5cc6ac;box-shadow:0 0 0 5px #5cc6ac1c}
.hero h1{font-size:53px;line-height:1.2;font-weight:840;letter-spacing:-.06em;color:#fff;text-shadow:none;white-space:nowrap}
.hero h1 .hero-word-tron{color:#fff;-webkit-text-fill-color:#fff}
.hero h1 .hero-word-energy{background:none;-webkit-background-clip:initial;background-clip:initial;color:#8cc6e9;-webkit-text-fill-color:#8cc6e9}
.hero-copy>p{font-size:14px;color:#bfd0df;line-height:2.0;margin:19px 0 24px}
.hero-chips{gap:9px}
.hero-chips span{font-size:11px;font-weight:620;padding:7px 12px;background:#1d3449;border:1px solid #375168;color:#d4e2ef;border-radius:8px;backdrop-filter:none}
.chip-check{color:#7ccee6}
.hero-art{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:46%;height:300px;background:url('tron-network.svg') center / contain no-repeat;opacity:1;filter:none}
.hero-art>*{display:none}
/* Announcement is a simple utility strip. */
.notice-bar{min-height:52px;gap:15px;padding:12px 20px;border:1px solid #2c4154;border-radius:12px;background:#142436;box-shadow:none}
.notice-icon{width:29px;height:29px;background:#203c51;border-radius:8px;color:#8ac8e5}
.notice-body{gap:18px}
.notice-body>b{color:#e4f0fa;font-size:12px;font-weight:760;white-space:nowrap}
.notice-copy{color:#bacadd;font-size:11px}
.notice-bar a{color:#91cde8;font-size:11px;font-weight:700;white-space:nowrap}
/* One unified service panel. Tabs act like a true segmented control. */
.rent-area{margin:5px 0 0;background:#142335;border:1px solid #30465a;border-radius:20px;overflow:hidden;box-shadow:0 14px 35px #050b1525}
.tabs{height:auto;display:flex;justify-content:flex-start;align-items:stretch;gap:8px;padding:16px 24px 0;background:#142335;border:0;border-bottom:1px solid #30465a}
.tab{flex:0 1 200px;max-width:none;border:0;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;margin:0!important;padding:15px 20px;background:transparent;color:#a9bfce;font-size:15px;font-weight:720;box-shadow:none;text-shadow:none}
.tab.active{color:#c9ecff;background:#1f3448;border:0;border-bottom:3px solid #6cbce9;box-shadow:none;text-shadow:none}
.tab:hover:not(.active){background:#1a2d40;color:#fff}
.tab-icon{filter:none;font-size:16px}
.rent-content{display:grid;grid-template-columns:minmax(0,1.33fr) minmax(260px,.77fr);grid-template-areas:'section section' 'wallet offer' 'receiver offer' 'title title' 'plans plans' 'checkout checkout' 'showcase showcase';column-gap:26px;row-gap:20px;padding:31px 35px 34px;border:0;border-radius:0;background:#142335;box-shadow:none}
.section-head{grid-area:section;align-items:center;gap:12px;margin-bottom:3px;padding-bottom:20px;border-bottom:1px solid #273a4d}
.eyebrow.dark,.section-head .eyebrow{color:#85b9d5;font-size:10px;font-weight:760;letter-spacing:.15em}
.section-head h2{font-size:25px;font-weight:800;margin:3px 0;color:#f4f8fb}
.section-head p{font-size:12px;color:#9db2c4}
.timer-pill{background:#203a4e;border:1px solid #365367;color:#9bd9f4;font-size:11px;border-radius:7px;padding:7px 12px}
.platform-address{grid-area:wallet;padding:19px 20px;border:1px solid #344b61;background:#192d41;border-radius:12px;box-shadow:none;margin:0;min-width:0}
.platform-address-top{margin:0 0 12px;gap:8px}
.platform-address-top strong{color:#e7f4fa;font-size:13px;font-weight:750}
.block-kicker{color:#7eabc9;font-size:10px;letter-spacing:.14em}
.platform-address-state{background:#2b4052;border:1px solid #4b5f70;border-radius:6px;color:#e2ebf3;font-size:10px;padding:4px 8px}
.platform-address-body{padding:10px 11px;min-height:49px;gap:9px;border:1px solid #3d5369;border-radius:8px;background:#111f30}
.wallet-mark{width:30px;height:30px;background:#223a4e;border:1px solid #3e627c;border-radius:7px;color:#9fd5f2}
.platform-address-body code{color:#ecf6ff;font-size:12px;overflow-wrap:anywhere;min-width:0;user-select:all}
.platform-address-copy{border:1px solid #42789c;border-radius:7px;background:#1e4f70;color:#e5f5ff;padding:8px 11px;font-size:11px}
.platform-address-copy:hover{background:#2d6c95}
.platform-address.address-unset .platform-address-body code{color:#eec5b1}
.platform-address-note{display:none!important}
.input-section{grid-area:receiver;padding:0;margin:0;min-width:0}
.input-title{font-size:13px;color:#e4f0f9;font-weight:750;margin:0 0 11px}
.required-dot{color:#a8d7f3;background:#24435a;border-radius:5px;font-size:10px;padding:3px 7px}
.input-combo{min-height:54px;gap:12px;padding:0 14px;border:1px solid #3d5369;border-radius:9px;background:#101e2d;box-shadow:none}
.input-combo:focus-within{border-color:#65acd8;box-shadow:0 0 0 3px #3f9dd51f}
.address-icon{width:27px;height:27px;line-height:27px;font-size:14px;background:#d83b53}
.input-combo input{font-size:13px;color:#f0f7fc}
.input-combo input::placeholder{color:#7f94a7}
.field-help{font-size:11px;color:#92aabb;margin-top:10px}
/* Price: quiet, highly legible summary, no pseudo art or glowing orbital circles. */
.offer-block{grid-area:offer;margin:0;min-height:174px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:28px;background:#1b364d;border:1px solid #376078;border-radius:12px;box-shadow:none}
.offer-block:before,.offer-block:after{display:none!important}
.offer-small{font-size:12px;color:#a1c5d9;margin:0;z-index:1}
.offer-value{font-size:46px;line-height:1.18;color:#f0f9ff;letter-spacing:-.055em;text-shadow:none;margin:0;font-weight:820;z-index:1}
.offer-value small{color:#add7ed;font-size:20px}
.offer-foot{font-size:11px;color:#aac0d0;line-height:1.8;z-index:1}
.purchase-head{grid-area:title;margin:4px 0 0;align-items:center;gap:12px}
.purchase-head span{font-size:19px;color:#eaf3fa;font-weight:790}
.purchase-head span:first-letter{color:#8fcce8}
.purchase-head em{background:#57778c}
.purchase-head small{font-size:11px;color:#8fa7b9}
.plans{grid-area:plans;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.plan{padding:23px 23px 20px;gap:12px;min-height:185px;background:#182c3e;border:1px solid #354e62;border-radius:12px;box-shadow:none;color:#f1f7fc;transition:background .15s,border-color .15s}
.plan:hover{transform:none;border-color:#6199bd;box-shadow:none;background:#1c3449}
.plan.active{border:1px solid #6abce8;background:#1e3b52;box-shadow:inset 4px 0 #72c1eb;color:#f5fbff}
.plan-head b{font-size:16px;color:#ecf6fc}
.plan-tag,.plan-tag.gray{color:#aad7f2;background:#25465d;border:1px solid #3c6177;border-radius:5px;padding:4px 10px;font-size:10px}
.plan strong{font-size:36px;color:#f3f9ff;font-weight:820;line-height:1.25}
.plan strong small{font-size:12px;color:#99b4c6;font-weight:650}
.plan-meta{font-size:11px;color:#a3b7c8}
.plan-bottom{padding-top:13px;border-top:1px solid #385064;color:#d8ecf9}
.plan-bottom b{font-size:16px;color:#b8e2f7}
.radio-dot{border-color:#67849b}
.plan.active .radio-dot{border-color:#91cae9;box-shadow:none}
.plan.active .radio-dot:after{background:#8ac7e9}
.plans.package-plans{grid-template-columns:repeat(4,minmax(0,1fr))}
.package-plans .plan{min-height:168px;padding:19px 15px}
.package-plans .plan strong{font-size:27px}
.checkout{grid-area:checkout;align-items:center;padding:24px 0 0;margin:1px 0 0;border-top:1px solid #34495a;gap:15px}
.checkout>div>span{color:#a5b8c9;font-size:12px}
.checkout strong{color:#eff8ff;font-size:29px;font-weight:780}
.primary{background:#328cc4;border:1px solid #4caddd;border-radius:9px;color:white;box-shadow:none;font-size:13px;font-weight:750}
.primary:hover:not(:disabled){background:#399dd8;box-shadow:none;transform:none}
.primary:disabled{background:#314357;color:#94a2b1;border-color:#3b4b5e;box-shadow:none;cursor:not-allowed}
.checkout .primary{min-height:53px;padding:13px 27px;font-size:13px}
.checkout-alert{display:none!important}
/* Package promos belong to a separate quiet section at the end of the flow. */
.package-showcase{grid-area:showcase;margin:10px 0 0;padding:26px 26px 23px;background:#112030;border:1px solid #304759;border-radius:13px;box-shadow:none}
.showcase-heading{gap:15px;margin-bottom:18px}
.showcase-heading h3{font-size:22px;color:#f1f8fc;font-weight:790;margin:3px 0}
.showcase-heading p{font-size:12px;color:#95aabc}
.showcase-network{color:#a9d9ed;background:#1c3b4e;border:1px solid #34566b;border-radius:6px;font-size:10px}
.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.showcase-card{min-height:163px;gap:10px;padding:17px 14px;background:#192c3f;border:1px solid #365064;border-radius:10px;color:#fff;box-shadow:none}
.showcase-card:hover,.showcase-card:focus-visible{border-color:#69b1d8;box-shadow:none;background:#21384a}
.showcase-card-top b{font-size:14px}
.showcase-card-top span{color:#aacfe5;background:#244359;border:1px solid #395c76;font-size:9px}
.showcase-card-price{font-size:26px;color:#e9f6ff;font-weight:810}
.showcase-card-price small{color:#a5d7ee;font-size:11px}
.showcase-card-meta{color:#a6bccc;font-size:11px}
.showcase-card-action{color:#92cfe9;font-size:10px;border-top:1px solid #334b5c;padding-top:10px}
.showcase-disclaimer{font-size:10px;color:#90a8ba;margin-top:16px}
/* More generous spacing and typography in follow-on content. */
.steps,.faq{margin:14px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.steps-intro,.faq-head{margin-bottom:20px}
.steps-intro h3,.faq-head h2{font-size:23px;color:#eff7fc;font-weight:810;margin:4px 0}
.steps-intro p,.faq-head p{font-size:12px;color:#95abbc}
.steps-grid{gap:14px}
.steps-grid>div{background:#142537;border:1px solid #30485a;border-radius:12px;min-height:156px;padding:23px;box-shadow:none}
.step-symbol{width:40px;height:40px;margin-bottom:13px;border-radius:9px;background:#213e53;border:1px solid #3a6580;color:#8fd2f4;font-size:20px}
.step-index{color:#779db8;font-size:11px;right:19px;top:19px}
.steps-grid b{font-size:14px;color:#eff7fc}
.steps-grid p{font-size:11px;line-height:1.9;color:#a2b6c7;margin-top:8px}
.faq{margin:12px 0 22px}
.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-item{min-height:140px;border-radius:12px;border:1px solid #31485a;background:#142537;padding:23px 25px}
.faq-number{font-size:12px;color:#78a9c6;top:21px;right:22px;opacity:1}
.faq-item b{font-size:14px;color:#eef7fb}
.faq-item p{font-size:12px;line-height:1.9;color:#a2b6c7;margin-top:10px}
.text-link{border:1px solid #35556a;background:#1b3549;color:#b7e3f9;border-radius:8px;font-size:11px;padding:9px 13px}
.footer{max-width:none;margin:4px -32px 0;padding:26px 32px 36px;border-top:1px solid #263a4b;color:#8da7ba}
.footer-symbol{height:34px;width:34px;background:#203e53;color:#a9ddf2;border-radius:7px}
.footer-brand b{color:#dce9f2}.footer-brand small{color:#86a5bb}
.footer-legal,.footer-legal small{color:#89a2b5}
.toast{background:#203d51;border:1px solid #47778c;color:#f6fafd;box-shadow:0 12px 35px #0008}
/* Overlay, order and privacy: same calm palette, unchanged controls. */
dialog{background:#172a3c;border:1px solid #406076;color:#edf8fe;border-radius:15px}
dialog::backdrop{background:#07101ac9}
.lookup-panel h3{color:#f5f9ff}.lookup-panel p{color:#a6bcce}
.lookup-panel input,.tx-form input{background:#102031;color:#eaf6ff;border:1px solid #3a566c}
.icon-btn{background:#264256;color:#deeffb}
.stats-consent{background:#162a3c;border:1px solid #446077;color:#e6f4fb}
.stats-consent p{color:#adbfcc}
.stats-consent-buttons button{background:#1f3951;color:#c5e3f5;border:1px solid #3b5a70}
.stats-consent-buttons [data-choice="accept"]{background:#2c80b7;border-color:#489ac7}
.order-top h1{color:#f3f9fe}.order-top p{color:#9fb6c8}
.order-card{border-radius:16px;border:1px solid #3a5267;background:#162739;box-shadow:none}
.order-status{background:#1c3b52;padding:28px 32px}
.order-status h2{color:#f2f8ff}
.data-list>div{border-bottom-color:#314759}
.data-list>div>span{color:#94acc0}.data-list strong{color:#e8f5fc}
.data-list code{color:#b9dff3}
.copy-row button,.outline{background:#203d54;color:#c0e6fa;border:1px solid #426b80}
.tx-form label{color:#eef9ff}.tx-form p,.order-help{color:#9db5c8}
.tx-results{color:#a8bfce}.tx-results a{color:#84caec}
@media(max-width:1000px){
 .site-shell{padding:0 24px}.hero{padding:44px 42px;min-height:300px}.hero h1{font-size:45px}.hero-copy{max-width:73%}.hero-art{width:43%;right:-14px;opacity:.9}
 .tabs{padding:12px 20px 0}.rent-content{padding:27px 25px;column-gap:21px;grid-template-columns:minmax(0,1.1fr) minmax(245px,.85fr)}
 .plans.package-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer{margin:4px -24px 0;padding-left:24px;padding-right:24px}
}
@media(max-width:700px){
 .site-shell{padding:0 15px}.topbar{height:68px}.logo{font-size:15px;gap:8px}.logo-symbol{width:35px;height:35px}.topnav{gap:7px}.topnav a,.topnav button{padding:8px 10px;font-size:11px;border-radius:8px}.topnav svg{width:13px;height:13px}.layout{gap:17px}
 .hero{margin:14px 0 0;min-height:248px;padding:28px 22px;border-radius:14px}
 .hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:14px}.hero h1{font-size:32px;white-space:normal;line-height:1.28}.hero-copy{max-width:100%}.hero-copy>p{font-size:11px;line-height:1.9;max-width:95%;margin:12px 0 18px}.desktop-break{display:none}.hero-chips{gap:6px;flex-wrap:wrap}.hero-chips span{font-size:9px;padding:5px 7px}.hero-art{top:63%;right:-38px;width:200px;height:175px;opacity:.25}
 .notice-bar{padding:11px 12px;gap:9px;border-radius:10px;min-height:50px}.notice-icon{width:24px;height:24px}.notice-body{flex-direction:column;gap:0;align-items:stretch}.notice-body>b,.notice-copy,.notice-bar a{font-size:10px}
 .rent-area{border-radius:14px;margin:0}
 .tabs{padding:11px 12px 0;gap:5px}
 .tab{flex:1;padding:12px 8px;font-size:13px;border-radius:7px 7px 0 0}
 .tab.active{background:#1e374c;border-bottom:3px solid #6abbe7}
 .rent-content{display:flex;flex-direction:column;gap:16px;padding:22px 16px 22px;border-radius:0}
 .section-head{order:0;margin:0;padding:0 0 17px;border-bottom:1px solid #2b4051}.section-head h2{font-size:21px}.section-head p{font-size:11px}.section-head .eyebrow{font-size:9px}.timer-pill{font-size:10px;padding:6px 8px}
 .platform-address{order:1;padding:15px 13px;border-radius:9px}.platform-address-top strong{font-size:12px}.platform-address-body{padding:8px 9px}.platform-address-body code{font-size:11px}.platform-address-copy{font-size:10px;padding:7px 8px}
 .input-section{order:2}.input-title{font-size:12px}.input-combo{min-height:51px}.input-combo input{font-size:12px}.field-help{font-size:10px}
 .purchase-head{order:3;margin:5px 0 0}.purchase-head span{font-size:16px}.purchase-head small{font-size:9px}
 .plans{order:4;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.plan{padding:16px 12px;min-height:168px;gap:9px}.plan-head b{font-size:13px}.plan-tag,.plan-tag.gray{font-size:9px;padding:3px 6px}.plan strong{font-size:26px}.plan strong small{font-size:10px}.plan-meta{font-size:10px}.plan-bottom{padding-top:10px}.plan-bottom b{font-size:12px}
 .offer-block{order:5;min-height:100px;gap:5px;padding:17px 19px;border-radius:10px}.offer-small{font-size:11px;margin:0}.offer-value{font-size:32px;margin:0}.offer-value small{font-size:15px}.offer-foot{font-size:10px}
 .checkout{order:6;padding-top:17px;margin:0;gap:12px}.checkout>div>span{font-size:10px}.checkout strong{font-size:21px}.checkout .primary{min-height:46px;font-size:11px;padding:10px 12px}
 .checkout-alert{order:7;display:none!important}
 .package-showcase{order:8;margin-top:3px;padding:19px 13px}.showcase-heading{gap:8px;margin-bottom:13px}.showcase-heading h3{font-size:18px}.showcase-heading p{font-size:10px}.showcase-network{font-size:9px;padding:5px 7px}
 .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.showcase-card{min-height:150px;padding:13px 10px}.showcase-card-top b{font-size:12px}.showcase-card-price{font-size:22px}.showcase-card-meta{font-size:10px}.showcase-card-action{font-size:9px}
 .steps,.faq{margin:10px 0 0}.steps-intro h3,.faq-head h2{font-size:21px}.steps-intro p,.faq-head p{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:9px}
 .steps-grid>div{min-height:0;padding:16px;display:grid;grid-template-columns:37px 1fr;gap:3px 12px;align-items:center}.step-symbol{grid-column:1;grid-row:1/3;margin:0;width:36px;height:36px}.steps-grid b{grid-column:2;grid-row:1;font-size:13px}.steps-grid p{grid-column:2;grid-row:2;font-size:10px;margin:0}.step-index{right:12px;top:12px}
 .faq{margin:12px 0 20px}.faq-grid{grid-template-columns:1fr;gap:10px}.faq-item{min-height:0;padding:18px 19px}.faq-item b{font-size:13px}.faq-item p{font-size:11px;margin-top:8px}
 .footer{margin:10px -15px 0;padding:23px 15px 27px;flex-direction:column;align-items:flex-start;gap:11px}.footer-legal{align-items:flex-start}
 .order-wrap{margin:24px auto 38px}
}
@media(max-width:380px){
 .hero{padding:25px 17px}.hero h1{font-size:29px}.hero-copy>p{font-size:10px}.hero-chips span{font-size:8px;padding:5px 6px}.hero-art{right:-60px}
 .topnav a,.topnav button{padding:7px 8px}.topnav svg{display:none}
 .rent-content{padding:19px 12px}.plans{gap:8px}.plan{padding:13px 10px}.plan strong{font-size:22px}.plan-tag,.plan-tag.gray{font-size:8px}.checkout strong{font-size:19px}
 .showcase-network{display:none}
}
@media(prefers-reduced-motion:reduce){.notice-marquee-track{animation:none!important}}