@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#191b20;--muted:#7d8088;--line:#e8e7e4;--paper:#f7f7f5;--white:#fff;--lime:#d4f36b;--blue:#dfeaff;--purple:#ebe2ff;--orange:#ffe6cf;--green:#daf5e6;--navy:#202b45;--radius:18px;--shadow:0 15px 40px rgba(29,32,39,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.brand{display:flex;align-items:center;gap:10px;font:800 20px Manrope,sans-serif;letter-spacing:-.06em}.brand>span:last-child span{font-weight:500}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:var(--lime);font-size:17px;letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 17px;border-radius:11px;font-weight:700;font-size:13px;white-space:nowrap}.button span{font-size:17px;line-height:10px}.button-dark{background:var(--ink);color:#fff}.button-lime{background:var(--lime);color:var(--ink)}.button-quiet{background:#efefec;color:#5d6067}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font:500 10px 'DM Mono',monospace;color:#878a90}.muted{color:var(--muted)}.text-link{font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:10px}.text-link span{font-size:16px}.admin-body{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:28px 16px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 13px;margin-bottom:67px}.sidebar-label{padding:0 14px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.14em;color:#acaeb2;font:500 10px 'DM Mono',monospace}.nav-item{height:46px;padding:0 13px;border-radius:10px;display:flex;gap:13px;align-items:center;color:#85878d;font-size:13px;font-weight:600;transition:.2s}.nav-item:hover{color:var(--ink);background:#f7f7f5}.nav-item.active{background:#f1f1ee;color:var(--ink)}.nav-icon{width:18px;text-align:center;font-size:19px;font-weight:400}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-item{margin-bottom:20px}.user-chip{display:flex;align-items:center;gap:10px;padding:14px 10px;border-top:1px solid var(--line);font-size:12px}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:11px;margin-top:2px}.more{margin-left:auto;color:#a8abb0;font-size:12px}.avatar{display:grid;place-items:center;border-radius:50%;background:#d9e5ff;color:#52617e;font:700 10px 'DM Mono',monospace;width:30px;height:30px;flex:0 0 30px}.avatar-small{width:31px;height:31px}.admin-main{margin-left:246px;flex:1;min-width:0}.topbar{height:82px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,247,245,.9)}.breadcrumb{font-size:13px;color:#9a9ca1}.breadcrumb span{padding:0 9px;color:#c6c7c8}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:19px}.status{font-size:11px;color:#8b8d92}.status i,.status-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ad78f;margin-right:6px;vertical-align:1px}.icon-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #dededb;border-radius:8px;color:#74767a;font-size:16px}.admin-content{max-width:1370px;margin:0 auto;padding:51px 48px 72px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.page-intro h1,.form-heading h1{font:800 clamp(28px,3vw,38px) Manrope,sans-serif;letter-spacing:-.065em;margin:0 0 8px}.page-intro .muted{margin:0;font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:38px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-height:192px;padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.metric-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:16px;margin-bottom:19px}.metric-icon.blue,.table-icon.blue,.mini-badge.blue{background:var(--blue);color:#5a78c2}.metric-icon.orange{background:var(--orange);color:#bd743f}.metric-icon.green{background:var(--green);color:#4aab76}.metric-label{font-size:12px;color:#92959b}.metric-card>strong{font:800 34px Manrope;letter-spacing:-.08em;margin-top:4px}.metric-card small{color:#9b9da2;font-size:11px;margin-top:5px}.metric-card small b{font-weight:600;color:#54ba7d}.metric-dark{background:var(--navy);color:#fff;border-color:var(--navy);padding-top:25px}.metric-dark .metric-label{color:#c1c9db}.metric-dark>strong{font-size:21px;letter-spacing:-.045em;margin:12px 0 16px}.metric-actions{display:flex;gap:7px}.metric-actions a{background:#35435f;border-radius:7px;color:#fff;font-size:11px;padding:8px 9px}.overview-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:15px}.panel,.table-panel,.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:26px 27px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.panel-heading h2{font:700 18px Manrope;letter-spacing:-.05em;margin:0}.panel-heading .eyebrow{margin-bottom:8px}.mini-row,.story-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #efefed}.mini-row:first-child,.story-row:first-of-type{border-top:0}.mini-badge,.table-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font:500 10px 'DM Mono',monospace}.mini-badge.purple,.table-icon.purple{background:var(--purple);color:#8164c8}.mini-row div:nth-child(2),.story-row div:nth-child(2){flex:1}.mini-row strong,.story-row strong{display:block;font-size:13px}.mini-row small,.story-row small{display:block;font-size:11px;color:#9a9ca2;margin-top:4px}.row-price{font-weight:700;font-size:13px}.row-price small{display:inline;color:#a0a1a6;margin:0;font-weight:400}.story-dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f9a9a5,#fccf83)}.story-row:nth-of-type(3) .story-dot{background:linear-gradient(135deg,#b6cf94,#e4efad)}.story-row:nth-of-type(4) .story-dot{background:linear-gradient(135deg,#a9bde8,#d1e3ff)}.flash{padding:13px 17px;border-radius:11px;margin:-15px 0 30px;font-size:13px}.flash.success{background:var(--green);color:#297848}.flash.error{background:#ffe1df;color:#a23d38}.flash button{background:none;float:right;font-size:18px;color:inherit}.table-panel{overflow:hidden}.table-toolbar{height:76px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.search-box{height:36px;width:260px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#aaa}.search-box input{border:0;outline:0;width:100%;font-size:12px;background:transparent}.table-count{color:#999;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fbfbfa;color:#9a9ca2;font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;padding:14px 20px}td{padding:16px 20px;border-top:1px solid #efefed;vertical-align:middle}td>strong,td>small{display:block}td>small{color:#a2a4a9;margin-top:4px;font-size:11px}.table-name{display:flex;gap:12px;align-items:center}.table-name strong{display:block;font-size:13px}.table-name small{display:block}.featured-label{color:#9d7e30!important}.tag{padding:5px 8px;border-radius:6px;font-size:10px}.tag-purple{background:var(--purple);color:#7656bf}.status-pill{font-size:11px;color:#888}.status-pill.draft i{background:#f4b568}.row-actions{display:flex;gap:13px;justify-content:flex-end}.row-actions a{font-size:11px;font-weight:700;color:#65676d}.row-actions .danger-link{color:#c27a76}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.article-admin-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;min-height:220px}.article-cover{width:32%;min-width:140px;background:linear-gradient(140deg,#f1b2a4,#f7dbc3 65%,#dce7bb);display:grid;place-items:center;position:relative;overflow:hidden}.article-cover:after{content:'';position:absolute;width:125px;height:125px;border:1px solid rgba(255,255,255,.75);border-radius:50%;bottom:-40px;left:-20px}.article-cover span{font:800 64px Manrope;color:rgba(255,255,255,.82);z-index:1}.article-admin-body{padding:22px 23px;display:flex;flex-direction:column;min-width:0}.article-admin-meta{display:flex;align-items:center;gap:11px;color:#aaa;font-size:10px}.article-admin-body h2{font:700 18px Manrope;letter-spacing:-.05em;margin:14px 0 7px}.article-admin-body p{font-size:12px;color:#777b82;line-height:1.55;margin:0}.article-admin-footer{margin-top:auto;padding-top:19px;border-top:1px solid #f0f0ee;display:flex;justify-content:space-between;align-items:center;color:#999;font-size:10px}.back-link{display:inline-block;color:#85888f;font-size:12px;font-weight:600;margin-bottom:34px}.form-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.form-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--blue);color:#6080cf;font-size:24px}.form-icon.orange{background:var(--orange);color:#bf7542}.editor-form{max-width:800px}.form-card{padding:28px 30px;margin-bottom:14px}.form-card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.form-card-heading h2{font:700 17px Manrope;letter-spacing:-.04em;margin:0 0 5px}.form-card-heading p{font-size:12px;color:#92949a;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 17px}.field{display:flex;flex-direction:column;gap:8px}.field-wide{grid-column:1/-1}.field>span{font-size:11px;font-weight:700;color:#62656b}.field span small{font-weight:400;color:#aaacb1;margin-left:4px}.field input,.field textarea,.field select{background:#fbfbfa;border:1px solid #e4e4e1;border-radius:8px;padding:11px 12px;outline:0;color:var(--ink);font-size:13px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b5ca6b;box-shadow:0 0 0 3px rgba(212,243,107,.25)}.content-editor{line-height:1.6}.switch{position:relative;width:42px;height:24px}.switch input{display:none}.switch span{position:absolute;inset:0;border-radius:20px;background:#ddd}.switch span:before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #bbb}.switch input:checked+span{background:#9ac33b}.switch input:checked+span:before{transform:translateX(18px)}.form-options{padding:7px 30px}.check-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #efefed;cursor:pointer}.check-row:last-child{border-bottom:0}.check-row input{accent-color:#92b537;margin-top:3px}.check-row strong,.check-row small{display:block}.check-row strong{font-size:12px}.check-row small{font-size:11px;color:#9b9da3;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:5px 0 30px}.site-body{background:#f7f8f5}.site-nav{height:82px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.site-brand{font-size:21px}.site-nav nav{display:flex;gap:33px;font-size:12px;color:#73767c}.site-nav nav a:hover{color:var(--ink)}.hero{max-width:1240px;margin:34px auto 0;padding:78px 70px 78px;display:flex;min-height:540px;overflow:hidden;background:#e9f0d4;border-radius:26px;position:relative}.hero-copy{width:53%;z-index:1}.hero h1{font:800 clamp(51px,6.2vw,82px)/.98 Manrope;letter-spacing:-.095em;margin:0 0 24px}.hero h1 em{font-style:normal;color:#94af30}.hero-text{max-width:405px;color:#6e7465;font-size:16px;line-height:1.6;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:25px}.hero-art{width:47%;position:relative;min-height:320px}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:330px;height:330px;right:20px;top:-20px;background:radial-gradient(circle at 36% 32%,#d3e7a1,#92b74b 55%,#759a37)}.orb-two{width:250px;height:250px;right:-22px;bottom:-38px;background:radial-gradient(circle at 43% 32%,#f6dbad,#eca654 65%,#d28329);mix-blend-mode:multiply}.hero-card{position:absolute;right:18px;top:75px;width:211px;padding:15px 16px;background:rgba(255,255,255,.88);border-radius:13px;box-shadow:0 15px 35px rgba(80,95,40,.18);font-size:11px;color:#51594a;z-index:2}.hero-card strong{display:block;font:800 28px Manrope;letter-spacing:-.07em;color:var(--ink);margin-top:13px}.live-dot{display:inline-block;width:7px;height:7px;background:#74c46d;border-radius:50%;margin-right:5px}.art-label{position:absolute;z-index:2;font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.15em;color:#fff}.label-top{top:23px;right:55px}.label-bottom{bottom:18px;right:111px}.trust-row{max-width:1100px;margin:0 auto;height:113px;display:flex;align-items:center;justify-content:space-between;color:#8c9089;font-size:12px}.trust-row strong{font-weight:500;color:#565b55}.trust-line{height:1px;width:100px;background:#d8dbd1}.section{max-width:1100px;margin:0 auto;padding:106px 25px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section h2,.feature-copy h2{font:800 clamp(32px,4vw,49px)/1 Manrope;letter-spacing:-.09em;margin:0}.section-heading>p{max-width:305px;line-height:1.55;color:#81847d;font-size:13px;margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{background:#fff;border-radius:17px;padding:25px 25px 23px;min-height:330px;border:1px solid #eceee8}.plan-card.plan-featured{background:#202b45;color:#fff;border-color:#202b45;transform:translateY(-10px);box-shadow:0 20px 35px rgba(32,43,69,.17)}.plan-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.plan-name{font-weight:700;font-size:13px}.popular{font:500 9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;padding:6px 8px;border-radius:5px;background:#51698d;color:#ecf3ff}.speed{display:flex;align-items:flex-end;gap:8px}.speed strong{font:800 55px/1 Manrope;letter-spacing:-.1em}.speed span{font-size:11px;line-height:1.25;color:#9c9f9f;padding-bottom:3px}.plan-featured .speed span{color:#aab4c6}.plan-rule{height:1px;background:#e9e9e6;margin:23px 0 16px}.plan-featured .plan-rule{background:#3d4a65}.plan-detail{display:flex;justify-content:space-between;color:#9a9da0;font-size:11px;padding:4px 0}.plan-featured .plan-detail{color:#aab4c6}.plan-detail strong{font-weight:600;color:#4d5054}.plan-featured .plan-detail strong{color:#fff}.plan-price{display:flex;align-items:baseline;gap:6px;margin-top:23px}.plan-price strong{font:700 23px Manrope;letter-spacing:-.06em}.plan-price span{font-size:10px;color:#a0a2a3}.plan-link{display:block;margin-top:14px;padding-top:15px;border-top:1px solid #e9e9e6;font-size:11px;font-weight:700}.plan-featured .plan-link{border-color:#3d4a65}.plan-link span{float:right;font-size:17px}.feature-band{max-width:1240px;margin:20px auto 0;display:flex;align-items:center;padding:70px 95px;background:#202b45;color:#fff;border-radius:25px;overflow:hidden}.feature-visual{height:355px;width:50%;position:relative}.visual-grid{position:absolute;inset:10px 30px 22px 0;background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 65% 40%,#48668d,#2a3652 53%);background-size:40px 40px,40px 40px,100% 100%;border-radius:15px;transform:rotate(-6deg)}.visual-grid:after{content:'';position:absolute;inset:30px;border:1px solid rgba(212,243,107,.65);border-radius:50%}.visual-pill{position:absolute;top:54px;left:29px;background:#d4f36b;color:#28342a;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:700}.visual-note{position:absolute;bottom:0;right:65px;font:700 16px/1.1 Manrope;letter-spacing:-.06em}.visual-note em{font-style:normal;color:var(--lime)}.feature-copy{width:50%;padding-left:66px}.feature-copy .eyebrow{color:#abb7c6}.feature-copy h2{margin-bottom:22px}.feature-copy>p{color:#aeb8c5;font-size:13px;line-height:1.7;max-width:350px}.feature-points{margin-top:33px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-points>div{border-top:1px solid #3d4a65;padding-top:13px}.feature-points span{font:500 10px 'DM Mono';color:#8999ae}.feature-points strong{display:block;margin-top:10px;font-size:12px}.feature-points p{color:#8999ae;font-size:11px;line-height:1.5;margin:7px 0 0}.journal-section{padding-top:125px;padding-bottom:125px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journal-card .journal-image{height:170px;border-radius:14px;background:linear-gradient(140deg,#f0b5a4,#f9d8bc 65%,#e3ecbb);display:grid;place-items:center;overflow:hidden;position:relative}.journal-card:nth-child(2) .journal-image{background:linear-gradient(140deg,#b5d9d4,#e3f0c0)}.journal-card:nth-child(3) .journal-image{background:linear-gradient(140deg,#c3c5ef,#f1dfc4)}.journal-image:after{content:'';position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.7);border-radius:50%;bottom:-78px;right:-24px}.journal-image span{font:800 75px Manrope;color:rgba(255,255,255,.8);letter-spacing:-.1em}.journal-meta{display:flex;gap:8px;color:#a1a59f;font:500 9px 'DM Mono',monospace;margin:16px 0 9px}.journal-card h3{font:700 18px Manrope;letter-spacing:-.06em;margin:0 0 8px}.journal-card p{color:#848780;line-height:1.55;font-size:12px;margin:0 0 14px}.site-footer{max-width:1240px;margin:0 auto 22px;padding:32px 42px;border-radius:18px;background:#d7f17a;display:flex;align-items:center;justify-content:space-between}.site-footer p{font-size:12px;color:#5e7132}.site-footer .button{background:#202b45}.site-footer .site-brand{color:#202b45}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{margin:20px 20px 0;padding:55px 45px}.feature-band{margin:20px;padding:55px 50px}.site-footer{margin:0 20px 20px}.trust-row{padding:0 25px}.admin-content{padding:40px 30px}.topbar{padding:0 30px}}
@media(max-width:720px){.sidebar{position:static;width:64px;padding:20px 9px}.sidebar .brand{padding:0;margin:0 auto 54px}.sidebar .brand>span:last-child,.sidebar-label,.nav-item>span:last-child,.user-chip span:not(.avatar){display:none}.nav-item{justify-content:center;padding:0}.sidebar-bottom>.nav-item{margin-bottom:15px}.user-chip{padding:10px 5px;border:0}.user-chip .avatar{display:grid}.admin-main{margin-left:0}.topbar{height:67px;padding:0 20px}.status{display:none}.admin-content{padding:33px 18px}.page-intro{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:28px}.page-intro .button{align-self:stretch}.metric-grid{gap:10px}.metric-card{padding:17px;min-height:150px}.metric-card>strong{font-size:26px}.metric-dark>strong{font-size:17px}.overview-grid,.article-list{grid-template-columns:1fr}.article-admin-card{min-height:190px}.table-toolbar{padding:0 15px}.hero{margin:10px 10px 0;padding:42px 25px 25px;display:block}.hero-copy{width:100%}.hero h1{font-size:53px}.hero-text{font-size:14px}.hero-art{width:100%;min-height:270px;margin-top:20px}.orb-one{width:250px;height:250px;right:0}.orb-two{width:180px;height:180px}.hero-card{right:4px;top:72px}.site-nav{padding:0 20px}.site-nav nav{display:none}.trust-row{height:auto;padding:36px 22px;flex-wrap:wrap;gap:16px}.trust-line{display:none}.section{padding:72px 22px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column}.plan-grid,.journal-grid{grid-template-columns:1fr}.plan-card.plan-featured{transform:none}.feature-band{margin:10px;padding:36px 25px;display:block}.feature-visual,.feature-copy{width:100%;padding:0}.feature-visual{height:270px}.feature-copy{padding-top:35px}.feature-points{grid-template-columns:1fr}.journal-section{padding-top:70px}.site-footer{margin:0 10px 10px;padding:26px 20px;display:block}.site-footer p{margin:17px 0}.site-footer .button{width:100%}.form-heading{gap:20px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.form-card{padding:22px 18px}.form-options{padding:5px 18px}.form-actions{padding-bottom:10px}.form-actions .button{flex:1}.article-cover{width:28%;min-width:95px}.article-admin-body{padding:17px}.article-admin-footer{display:block}.article-admin-footer .row-actions{justify-content:flex-start;margin-top:12px}}

.channels-band{max-width:1240px;margin:20px auto 0;padding:58px 70px;display:flex;gap:70px;align-items:center;background:#f0e9dd;border-radius:25px}.channels-band>div:first-child{width:34%}.channels-band h2{font:800 clamp(31px,3.5vw,44px)/1 Manrope;letter-spacing:-.09em;margin:0 0 16px}.channels-band>div:first-child>p:last-child{font-size:13px;line-height:1.65;color:#80786f;max-width:290px}.channel-cloud{width:66%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.channel-chip{min-height:76px;background:rgba(255,255,255,.72);border:1px solid rgba(133,119,97,.13);border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px}.channel-chip img,.channel-chip>span{width:34px;height:34px;border-radius:9px;object-fit:contain;background:#fff;display:grid;place-items:center;font:700 9px 'DM Mono',monospace;color:#77705f}.channel-chip strong{font-size:11px;line-height:1.25}@media(max-width:1000px){.channels-band{margin:20px;padding:45px}.channels-band>div:first-child{width:38%}.channel-cloud{width:62%}}@media(max-width:720px){.channels-band{margin:10px;padding:36px 25px;display:block}.channels-band>div:first-child,.channel-cloud{width:100%}.channel-cloud{margin-top:27px;grid-template-columns:repeat(2,1fr)}}

.login-body{min-height:100vh;background:#edf1df;display:grid;place-items:center}.login-shell{width:min(420px,calc(100% - 36px));display:flex;flex-direction:column;align-items:center}.login-shell>.brand{margin-bottom:28px}.login-card{width:100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;box-shadow:0 24px 70px rgba(41,50,30,.12)}.login-mark{width:46px;height:46px;border-radius:14px;background:var(--lime);display:grid;place-items:center;font-size:24px;margin-bottom:24px}.login-card h1{font:800 32px Manrope;letter-spacing:-.08em;margin:0 0 8px}.login-card>.muted{font-size:13px;margin:0 0 27px;line-height:1.5}.login-card form{display:grid;gap:17px}.login-button{width:100%;margin-top:5px}.login-back{margin-top:20px;color:#737a6a;font-size:12px;font-weight:600}.channel-admin-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.channel-admin-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;gap:17px;box-shadow:var(--shadow);min-height:165px}.channel-logo-large{width:82px;height:82px;flex:0 0 82px;background:#f0e9dd;border-radius:16px;display:grid;place-items:center;overflow:hidden}.channel-logo-large img{width:100%;height:100%;object-fit:contain;padding:10px;background:#fff}.channel-logo-large span{font:800 22px Manrope;color:#897c6c}.channel-admin-copy{min-width:0;display:flex;flex-direction:column;flex:1}.channel-admin-copy h2{font:700 18px Manrope;letter-spacing:-.05em;margin:12px 0 5px}.channel-admin-copy p{font-size:11px;color:#9a9da2;margin:0}.channel-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eee7d8;color:#81745e;font:700 10px 'DM Mono',monospace}.purple-icon{background:var(--purple);color:#8164c8}.current-logo{font-size:10px;color:#9a9da2}@media(max-width:720px){.login-card{padding:25px}.channel-admin-list{grid-template-columns:1fr}.channel-admin-card{min-height:140px}}
.site-nav-actions{display:flex;align-items:center;gap:12px}.language-switcher{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.55)}.language-switcher a{font:500 10px 'DM Mono',monospace;color:#9a9da2;padding:5px 6px;border-radius:6px}.language-switcher a.selected{background:var(--ink);color:#fff}.login-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.login-top .brand{margin:0}.login-top .language-switcher{background:rgba(255,255,255,.7)}
.button-blue{background:#5c8fe9;color:#fff;box-shadow:0 8px 18px rgba(72,119,211,.22)}.button-blue:hover{background:#4f7fda}.button-blue-dark{background:#d5e4ff;color:#1d3154}.button-blue-dark:hover{background:#c3d8ff}.hero{background:#eaf1ff}.orb-one{background:radial-gradient(circle at 36% 32%,#c9dcff,#7ba5f0 55%,#557bc8)}.visual-pill{background:#a8c7ff}.site-footer{background:#d8e7ff}.site-footer .button-blue{box-shadow:none}
:root{--lime:#a8c7ff}
.hero h1 em{color:#5785d6}.site-footer p{color:#4e6a9a}.switch input:checked+span{background:#6c98eb}.field input:focus,.field textarea:focus,.field select:focus{border-color:#91b3f1;box-shadow:0 0 0 3px rgba(137,177,245,.25)}.check-row input{accent-color:#5c8fe9}
.package-category{margin-top:46px}.package-category:first-of-type{margin-top:0}.category-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid #dfe7f4}.category-heading h3{font:800 24px Manrope;letter-spacing:-.07em;margin:0}.category-heading>p{max-width:300px;color:#7f8796;font-size:12px;line-height:1.5;margin:0}.category-label{display:inline-block;margin-bottom:7px;color:#5c8fe9;text-transform:uppercase;letter-spacing:.15em;font:500 9px 'DM Mono',monospace}.package-category .plan-grid{margin-top:0}@media(max-width:720px){.category-heading{display:block}.category-heading>p{margin-top:10px}.package-category{margin-top:36px}}

.theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(255, 255, 255, .55);
    color: var(--ink);
    font: 500 10px 'DM Mono', monospace;
}

.theme-toggle:hover {
    border-color: #91b3f1;
}

.theme-toggle-icon {
    font-size: 15px;
    line-height: 1;
}

.label-top {
    right: 155px;
}

.label-bottom {
    right: 61px;
}

.tag-blue {
    background: var(--blue);
    color: #5277c5;
}

html[data-theme='dark'] .site-body {
    --ink: #eef4ff;
    --muted: #aab6c9;
    --line: #2d3b56;
    --paper: #0e1728;
    --white: #18243a;
    background: #0e1728;
    color: var(--ink);
}

html[data-theme='dark'] .site-nav {
    color: var(--ink);
}

html[data-theme='dark'] .site-nav nav,
html[data-theme='dark'] .hero-text,
html[data-theme='dark'] .section-heading > p,
html[data-theme='dark'] .category-heading > p,
html[data-theme='dark'] .journal-card p {
    color: #aab6c9;
}

html[data-theme='dark'] .language-switcher,
html[data-theme='dark'] .theme-toggle {
    background: rgba(24, 36, 58, .8);
    border-color: #344562;
    color: var(--ink);
}

html[data-theme='dark'] .language-switcher a {
    color: #aab6c9;
}

html[data-theme='dark'] .language-switcher a.selected {
    background: #d5e4ff;
    color: #1d3154;
}

html[data-theme='dark'] .hero {
    background: #172641;
}

html[data-theme='dark'] .hero-card {
    background: rgba(24, 36, 58, .9);
    color: #c2cee0;
}

html[data-theme='dark'] .hero-card strong,
html[data-theme='dark'] .plan-detail strong {
    color: #fff;
}

html[data-theme='dark'] .trust-row,
html[data-theme='dark'] .trust-row strong {
    color: #aab6c9;
}

html[data-theme='dark'] .trust-line,
html[data-theme='dark'] .category-heading,
html[data-theme='dark'] .plan-rule,
html[data-theme='dark'] .plan-link {
    border-color: #344562;
    background-color: transparent;
}

html[data-theme='dark'] .plan-card {
    background: #18243a;
    border-color: #2d3b56;
}

html[data-theme='dark'] .plan-card.plan-featured {
    background: #263a61;
    border-color: #263a61;
}

html[data-theme='dark'] .plan-detail,
html[data-theme='dark'] .speed span,
html[data-theme='dark'] .plan-price span {
    color: #aab6c9;
}

html[data-theme='dark'] .channels-band {
    background: #19263d;
}

html[data-theme='dark'] .channels-band > div:first-child > p:last-child {
    color: #aab6c9;
}

html[data-theme='dark'] .channel-chip {
    background: rgba(255, 255, 255, .07);
    border-color: #344562;
}

html[data-theme='dark'] .journal-card h3 {
    color: #eef4ff;
}

html[data-theme='dark'] .site-footer {
    background: #172641;
}

html[data-theme='dark'] .site-footer .site-brand {
    color: #eef4ff;
}

html[data-theme='dark'] .site-footer p {
    color: #aab6c9;
}

.tv-package-options,
.channel-selection-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
}

.tv-package-options .check-row,
.channel-selection-grid .check-row {
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 14px;
    margin-bottom: 10px;
}

@media (max-width: 720px) {
    .tv-package-options,
    .channel-selection-grid {
        grid-template-columns: 1fr;
    }
}

.tools-menu {
    position: relative;
}

.tools-menu-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: rgba(255, 255, 255, .55);
    color: var(--ink);
    font: 500 10px 'DM Mono', monospace;
}

.tools-menu-button:hover {
    border-color: #91b3f1;
}

.tools-arrow {
    display: inline-block;
    margin-left: 2px;
    color: #5c8fe9;
    font-size: 16px;
    line-height: 1;
    transition: transform .2s ease;
}

.tools-menu.open .tools-arrow {
    transform: rotate(180deg);
}

.tools-dropdown {
    position: absolute;
    z-index: 20;
    top: calc(100% + 9px);
    right: 0;
    display: none;
    width: 240px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--white);
    box-shadow: 0 18px 45px rgba(29, 32, 39, .16);
}

.tools-menu.open .tools-dropdown {
    display: grid;
    gap: 4px;
}

.tools-dropdown a {
    display: grid;
    gap: 4px;
    padding: 11px;
    border-radius: 9px;
}

.tools-dropdown a:hover {
    background: var(--blue);
}

.tools-dropdown strong {
    font-size: 12px;
}

.tools-dropdown small {
    color: var(--muted);
    font-size: 10px;
    line-height: 1.4;
}

.tools-dialog {
    width: min(760px, calc(100vw - 30px));
    max-width: calc(100vw - 30px);
    height: auto;
    max-height: calc(100vh - 30px);
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 18px;
    background: transparent;
    box-shadow: 0 25px 80px rgba(16, 25, 43, .3);
}

.tools-dialog::backdrop {
    background: rgba(15, 23, 40, .58);
    backdrop-filter: blur(4px);
}

.tools-dialog iframe {
    display: block;
    width: 100%;
    height: 280px;
    min-height: 280px;
    border: 0;
}

.useful-link-dialog {
    width: min(1280px, calc(100vw - 30px));
    max-width: calc(100vw - 30px);
    height: min(720px, calc(100vh - 30px));
    max-height: calc(100vh - 30px);
    resize: both;
    overflow: hidden;
}

.useful-link-dialog iframe {
    width: 100%;
    height: 720px;
    min-height: 720px;
}

.dialog-close {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    color: #283b60;
    font-size: 24px;
    line-height: 1;
    box-shadow: 0 5px 15px rgba(16, 25, 43, .18);
}

.dialog-close:hover {
    background: #dfeaff;
}

.tool-body {
    min-height: 0;
    padding: 28px;
    background: var(--paper);
}

.tool-shell {
    width: min(700px, 100%);
    margin: 0 auto;
}

.tool-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 25px;
}

.tool-header h1 {
    margin: 0;
    font: 800 30px Manrope, sans-serif;
    letter-spacing: -.07em;
}

.tool-card {
    padding: 30px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: var(--shadow);
}

.tool-card h2 {
    margin: 0 0 8px;
    font: 800 25px Manrope, sans-serif;
    letter-spacing: -.06em;
}

.tool-card > p {
    margin: 0 0 25px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}

.tool-results {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-top: 25px;
}

.tool-results > div {
    padding: 17px;
    border-radius: 11px;
    background: var(--blue);
}

.tool-results span,
.tool-results strong {
    display: block;
}

.tool-results span {
    color: var(--muted);
    font-size: 11px;
}

.tool-results strong {
    margin-top: 7px;
    font: 800 23px Manrope, sans-serif;
}

.speed-graph {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 18px;
    border-radius: 10px;
}

.speed-legend {
    display: flex;
    gap: 17px;
    margin-top: 10px;
    color: var(--muted);
    font-size: 10px;
}

.speed-legend span::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 50%;
    content: '';
}

.download-legend::before {
    background: #78a7ff;
}

.upload-legend::before {
    background: #a8c7ff;
}

.tool-form {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.tool-form .field {
    flex: 1;
}

.tool-output {
    min-height: 80px;
    margin: 22px 0 0;
    padding: 15px;
    overflow: auto;
    border-radius: 9px;
    background: #111b2e;
    color: #d5e4ff;
    font: 11px/1.5 'DM Mono', monospace;
    white-space: pre-wrap;
}

html[data-theme='dark'] .tools-menu-button {
    background: rgba(24, 36, 58, .8);
    border-color: #344562;
    color: var(--ink);
}

html[data-theme='dark'] .tools-dropdown {
    background: #18243a;
    border-color: #344562;
}

html[data-theme='dark'] .tools-menu-button:hover {
    background: #2c4268;
    border-color: #5b82c4;
    color: #ffffff;
}

html[data-theme='dark'] .tools-dropdown a:hover {
    background: #2c4268;
    color: #ffffff;
}

html[data-theme='dark'] .tools-dropdown a:hover strong,
html[data-theme='dark'] .tools-dropdown a:hover small {
    color: #ffffff;
}

/* Public navigation links use the same compact button language as the actions. */
.site-nav nav {
    gap: 8px;
    align-items: center;
}

.site-nav nav a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid #d9e4f8;
    border-radius: 10px;
    background: rgba(255, 255, 255, .68);
    color: #5d6d89;
    font: 500 10px 'DM Mono', monospace;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.site-nav nav a:hover {
    background: #dfeaff;
    border-color: #a8c7ff;
    color: #263b65;
    transform: translateY(-1px);
}

html[data-theme='dark'] .site-nav nav a {
    border-color: #344562;
    background: #18243a;
    color: #b8c7df;
}

html[data-theme='dark'] .site-nav nav a:hover {
    background: #2c4268;
    border-color: #5b82c4;
    color: #ffffff;
}

@media (max-width: 720px) {
    .site-nav-actions {
        gap: 6px;
    }

    .tools-menu-button,
    .theme-toggle {
        padding: 7px;
    }

    .tools-menu-button span,
    .theme-toggle-label {
        display: none;
    }

    .tool-body {
        padding: 18px;
    }

    .tool-card {
        padding: 22px;
    }

    .tool-form {
        display: grid;
        align-items: stretch;
    }
}

/* Keep compact interface text easy to read on every page. */
:root {
    --compact-text-size: 18px;
}

.eyebrow,
.sidebar-label,
.text-link,
.nav-item,
.user-chip,
.user-chip small,
.more,
.avatar,
.breadcrumb,
.status,
.page-intro .muted,
.metric-label,
.metric-card small,
.metric-actions a,
.mini-badge,
.table-icon,
.mini-row strong,
.story-row strong,
.mini-row small,
.story-row small,
.row-price,
.flash,
.search-box input,
.table-count,
table,
th,
td,
.tag,
.status-pill,
.row-actions a,
.article-admin-meta,
.article-admin-body p,
.article-admin-footer,
.back-link,
.form-card-heading p,
.field > span,
.field span small,
.field input,
.field textarea,
.field select,
.check-row strong,
.check-row small,
.site-nav nav,
.hero-card,
.art-label,
.trust-row,
.section-heading > p,
.plan-name,
.popular,
.speed span,
.plan-detail,
.plan-price span,
.plan-link,
.feature-points span,
.feature-points strong,
.feature-points p,
.feature-copy > p,
.journal-meta,
.journal-card p,
.site-footer p,
.channels-band > div:first-child > p:last-child,
.channel-chip > span,
.login-card > .muted,
.login-back,
.channel-avatar,
.category-heading > p,
.category-label,
.tools-menu-button,
.tools-dropdown,
.tools-dropdown strong,
.tools-dropdown small,
.button,
.theme-toggle,
.language-switcher a,
.tool-card > p,
.tool-results span,
.speed-legend,
.tool-output,
.channel-chip strong,
.channel-admin-copy p,
.current-logo {
    font-size: var(--compact-text-size);
}

small {
    font-size: var(--compact-text-size);
}

/* Give the admin workspace enough room for its navigation labels. */
.sidebar {
    width: 369px;
}

.admin-main {
    margin-left: 369px;
}

@media (max-width: 720px) {
    .sidebar {
        width: 64px;
    }

    .admin-main {
        margin-left: 0;
    }
}

/* Featured plans keep their color without changing the row alignment. */
.plan-card.plan-featured {
    transform: none;
}

/* Show additional plans in a horizontal carousel after the first three. */
.package-carousel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.package-carousel .carousel-track {
    display: flex;
    min-width: 0;
    overflow-x: auto;
    gap: 15px;
    padding: 10px 2px 15px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.package-carousel .carousel-track::-webkit-scrollbar {
    display: none;
}

.package-carousel .plan-card {
    flex: 0 0 calc((100% - 30px) / 3);
    scroll-snap-align: start;
}

.carousel-button {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid #d7e2f5;
    border-radius: 50%;
    background: #fff;
    color: #5c8fe9;
    font-size: 28px;
    line-height: 1;
    box-shadow: 0 8px 20px rgba(58, 91, 145, .12);
    transition: opacity .2s ease, background .2s ease;
}

.carousel-button:hover:not(:disabled) {
    background: #eaf1ff;
}

.carousel-button:disabled {
    cursor: default;
    opacity: .35;
}

@media (max-width: 1000px) {
    .package-carousel .plan-card {
        flex-basis: calc((100% - 15px) / 2);
    }
}

@media (max-width: 720px) {
    .package-carousel {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .package-carousel .carousel-track {
        grid-column: 1 / -1;
        grid-row: 1;
        order: 1;
    }

    .package-carousel .carousel-previous {
        grid-column: 1;
        grid-row: 2;
        order: 2;
    }

    .package-carousel .carousel-next {
        grid-column: 2;
        grid-row: 2;
        order: 3;
        justify-self: end;
    }

    .package-carousel .plan-card {
        flex-basis: 100%;
    }
}

.contact-band {
    gap: 70px;
    margin-top: 90px;
    scroll-margin-top: 120px;
}

.contact-intro,
.contact-details {
    width: 50%;
}

.contact-intro h2 {
    margin: 0 0 22px;
    font: 800 clamp(32px, 4vw, 49px)/1 Manrope;
    letter-spacing: -.09em;
}

.contact-intro h2 em {
    color: var(--blue);
    font-style: normal;
}

.contact-intro > p:last-child {
    max-width: 370px;
    color: #aeb8c5;
    line-height: 1.7;
}

.contact-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
        "email phone"
        "address mobile"
        "hours hours"
        "terms terms";
    gap: 20px 28px;
}

.contact-details > a:not(.contact-start),
.contact-details > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid #3d4a65;
}

.contact-mobile {
    grid-area: mobile;
}

.contact-address {
    grid-area: address;
}

.contact-email {
    grid-area: email;
}

.contact-phone {
    grid-area: phone;
}

.contact-hours {
    grid-area: hours;
}

.contact-details span {
    color: #8999ae;
}

.contact-details strong {
    color: #fff;
    overflow-wrap: anywhere;
}

.contact-terms {
    grid-area: terms;
    max-height: 260px;
    padding: 18px 20px;
    overflow: auto;
    border: 1px solid #3d4a65;
    border-radius: 12px;
    background: rgba(17, 27, 46, .24);
}

.contact-terms p {
    margin: 12px 0 0;
    color: #c4cede;
    line-height: 1.65;
    white-space: normal;
}

.contact-start {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 6px;
}

@media (max-width: 720px) {
    .contact-band {
        gap: 35px;
        margin-top: 45px;
        scroll-margin-top: 75px;
    }

    .contact-intro,
    .contact-details {
        width: 100%;
    }

    .contact-details {
        grid-template-columns: 1fr;
        grid-template-areas:
            "email"
            "phone"
            "address"
            "mobile"
            "hours"
            "terms";
    }

    .contact-terms {
        grid-area: terms;
    }

}

.urgent-hero {
    max-width: 1240px;
    min-height: 430px;
    margin: 34px auto 0;
    padding: 70px 95px;
    display: flex;
    align-items: center;
    gap: 35px;
    overflow: hidden;
    border-radius: 26px;
    background: linear-gradient(135deg, #fff1ed, #ffe0d7);
    border: 1px solid #f2c8bd;
    position: relative;
}

.urgent-hero::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 360px;
    right: -110px;
    bottom: -155px;
    border: 1px solid rgba(185, 74, 57, .22);
    border-radius: 50%;
    box-shadow: 0 0 0 25px rgba(185, 74, 57, .05), 0 0 0 55px rgba(185, 74, 57, .04);
}

.urgent-hero-mark {
    display: grid;
    place-items: center;
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    border-radius: 24px;
    background: #b94a39;
    color: #fff;
    font: 800 48px/1 Manrope, sans-serif;
    box-shadow: 0 15px 30px rgba(185, 74, 57, .25);
    z-index: 1;
}

.urgent-hero-copy {
    max-width: 760px;
    z-index: 1;
}

.urgent-hero .eyebrow {
    color: #b94a39;
}

.urgent-hero h1 {
    margin: 0 0 18px;
    color: #662e29;
    font: 800 clamp(38px, 5vw, 66px)/1 Manrope, sans-serif;
    letter-spacing: -.08em;
}

.urgent-hero-text {
    max-width: 680px;
    margin-bottom: 28px;
    color: #744943;
    line-height: 1.7;
    white-space: normal;
}

html[data-theme='dark'] .urgent-hero {
    background: linear-gradient(135deg, #402b34, #3a2530);
    border-color: #70404a;
}

html[data-theme='dark'] .urgent-hero h1 {
    color: #ffe9e3;
}

html[data-theme='dark'] .urgent-hero-text {
    color: #e3bbb4;
}

@media (max-width: 720px) {
    .urgent-hero {
        min-height: 420px;
        margin: 10px 10px 0;
        padding: 42px 25px;
        display: block;
    }

    .urgent-hero-mark {
        margin-bottom: 28px;
    }
}

/* Keep the footer card spaced like the contact card above it. */
.site-footer {
    margin-top: 90px;
}

@media (max-width: 720px) {
    .site-footer {
        margin-top: 45px;
    }
}

/* Keep the hero labels anchored inside their circles at every screen size. */
.hero-art .orb {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-art .art-label {
    position: static;
    width: 72%;
    padding: 8px 5px;
    text-align: center;
    line-height: 1.35;
    white-space: normal;
}

.hero-art .label-top,
.hero-art .label-bottom {
    right: auto;
    bottom: auto;
}

.hero-card {
    width: min(290px, calc(100% - 20px));
}

/* A calmer hero composition: one connection core with supporting status badges. */
.hero-art {
    min-height: 360px;
}

.hero-orbit {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.hero-orbit-large {
    width: 330px;
    height: 330px;
    top: 8px;
    right: 8px;
    background: radial-gradient(circle at 36% 30%, rgba(201, 220, 255, .95), rgba(123, 165, 240, .95) 55%, rgba(85, 123, 200, .95));
    box-shadow: 0 24px 50px rgba(72, 119, 211, .22);
}

.hero-orbit-small {
    width: 224px;
    height: 224px;
    top: 61px;
    right: 61px;
    border: 1px dashed rgba(255, 255, 255, .65);
    background: rgba(255, 255, 255, .08);
}

.hero-core {
    position: absolute;
    top: 102px;
    right: 113px;
    width: 145px;
    height: 145px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #202b45;
    color: #fff;
    text-align: center;
    box-shadow: 0 18px 35px rgba(32, 43, 69, .3);
    z-index: 2;
}

.hero-core-kicker,
.hero-core-unit {
    color: #b9c8e2;
    font: 500 9px 'DM Mono', monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hero-core strong {
    margin: 9px 0 4px;
    font: 800 27px/1 Manrope, sans-serif;
    letter-spacing: -.07em;
}

.hero-badge {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px 9px 9px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 999px;
    background: rgba(255, 255, 255, .88);
    color: #31415f;
    box-shadow: 0 12px 24px rgba(63, 91, 137, .18);
    font: 500 10px 'DM Mono', monospace;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 3;
}

.hero-badge-mark {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #d8e7ff;
    color: #5277c5;
    font: 700 12px/1 Arial, sans-serif;
}

.hero-badge-top {
    top: 24px;
    right: 18px;
}

.hero-badge-bottom {
    right: 27px;
    bottom: 23px;
}

.hero-art .hero-card {
    top: 49px;
    right: auto;
    left: 0;
    width: min(275px, calc(100% - 18px));
    z-index: 4;
}

.hero-illustration {
    position: absolute;
    z-index: 1;
    inset: -20px -28px -18px -48px;
    width: calc(100% + 76px);
    height: calc(100% + 38px);
    overflow: visible;
}

.hero-network-image {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 24px;
    background: transparent;
    box-shadow: none;
    filter: brightness(1.12) saturate(.88) contrast(.92);
    opacity: .78;
    transform: scale(.88);
    transform-origin: center;
}

.hero-art {
    isolation: isolate;
    overflow: hidden;
    border-radius: 24px;
}

.hero-frame-background {
    display: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transform-origin: center;
}

.hero-art .hero-illustration {
    display: none;
}

/* Use the central rack crop as a slightly tilted photo tile over the frame. */
.hero-network-image {
    inset: 6% 4%;
    width: 92%;
    height: 88%;
    object-fit: cover;
    transform: rotate(0deg) scale(1.03);
    box-shadow: 0 18px 35px rgba(12, 24, 45, .28);
}

@media (max-width: 720px) {
    .hero-network-image {
        inset: 8% 3%;
        width: 94%;
        height: 84%;
        transform: rotate(0deg) scale(1.02);
    }
}

.hero-art .hero-badge {
    z-index: 5;
}

@media (max-width: 720px) {
    .hero-art {
        min-height: 300px;
    }

    .hero-orbit-large {
        width: 250px;
        height: 250px;
        top: 35px;
        right: 0;
    }

    .hero-orbit-small {
        width: 174px;
        height: 174px;
        top: 73px;
        right: 38px;
    }

    .hero-core {
        top: 103px;
        right: 66px;
        width: 116px;
        height: 116px;
    }

    .hero-core strong {
        font-size: 22px;
    }

    .hero-art .hero-card {
        top: 0;
        left: 0;
        width: min(245px, calc(100% - 12px));
    }

    .hero-illustration {
        inset: 2px -24px -8px -24px;
        width: calc(100% + 48px);
        height: calc(100% + 6px);
    }

    .hero-network-image {
        border-radius: 20px;
    }

    .hero-badge {
        padding: 7px 9px 7px 7px;
        font-size: 9px;
    }

    .hero-badge-top {
        top: 47px;
        right: 0;
    }

    .hero-badge-bottom {
        right: 6px;
        bottom: 8px;
    }
}

/* Compact services and add-ons price list. */
.addons-section {
    max-width: 1100px;
    margin: 0 auto;
    padding: 35px 25px 106px;
}

.addons-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 24px;
}

.addons-heading h2 {
    margin: 0;
    font: 800 clamp(28px, 3.5vw, 42px)/1 Manrope, sans-serif;
    letter-spacing: -.08em;
}

.addons-heading > p {
    max-width: 310px;
    margin: 0;
    color: #81847d;
    font-size: 13px;
    line-height: 1.55;
}

.addons-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 14px;
}

.addon-row {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 78px;
    padding: 14px 17px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid #e4e9f2;
    border-radius: 14px;
}

.addon-icon {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: #dfeaff;
    color: #5277c5;
    font: 500 21px/1 Manrope, sans-serif;
}

.addon-copy {
    min-width: 0;
    flex: 1;
}

.addon-copy h3 {
    margin: 0;
    font: 700 14px Manrope, sans-serif;
    letter-spacing: -.04em;
}

.addon-copy p {
    margin: 5px 0 0;
    color: #818a99;
    font-size: 11px;
    line-height: 1.4;
}

.addon-price {
    text-align: right;
    white-space: nowrap;
}

.addon-price strong {
    display: block;
    font: 800 18px Manrope, sans-serif;
    letter-spacing: -.05em;
}

.addon-price span {
    display: block;
    margin-top: 3px;
    color: #8c96a7;
    font-size: 10px;
}

html[data-theme='dark'] .addons-heading > p {
    color: #aab6c9;
}

html[data-theme='dark'] .addon-row {
    background: #18243a;
    border-color: #2d3b56;
}

html[data-theme='dark'] .addon-copy p,
html[data-theme='dark'] .addon-price span {
    color: #9eacc2;
}

@media (max-width: 720px) {
    .addons-section {
        padding: 25px 22px 72px;
    }

    .addons-heading {
        display: block;
    }

    .addons-heading > p {
        margin-top: 12px;
    }

    .addons-list {
        grid-template-columns: 1fr;
    }

    .addon-row {
        min-height: 70px;
    }
}

/* Keep bilingual add-on fields visually separated in the admin editor. */
.addon-language-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.addon-language-column {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fbfbfa;
}

.addon-language-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8e8e5;
}

.addon-language-heading span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 25px;
    border-radius: 7px;
    background: var(--blue);
    color: #5277c5;
    font: 700 10px 'DM Mono', monospace;
}

.addon-language-heading strong {
    font: 700 13px Manrope, sans-serif;
    letter-spacing: -.03em;
}

.addon-shared-fields {
    margin-top: 22px;
}

html[data-theme='dark'] .addon-language-column {
    background: #18243a;
    border-color: #2d3b56;
}

html[data-theme='dark'] .addon-language-heading {
    border-color: #2d3b56;
}

@media (max-width: 720px) {
    .addon-language-grid {
        grid-template-columns: 1fr;
    }

    .addon-shared-fields {
        margin-top: 22px;
    }
}

/* Final navigation override after the global compact-text sizing rules. */
.site-nav nav a {
    min-height: 40px;
    padding: 8px 14px;
    background: rgba(255, 255, 255, .9);
    color: #4d6794;
    font: 500 var(--compact-text-size) 'DM Mono', monospace;
}

.site-nav nav a:hover {
    background: #cbdcff;
    border-color: #91b3f1;
    color: #263b65;
}

html[data-theme='dark'] .site-nav nav a {
    background: #223653;
    border-color: #405a84;
    color: #c4d4ee;
}

html[data-theme='dark'] .site-nav nav a:hover {
    background: #385782;
    border-color: #7097d8;
    color: #ffffff;
}

/* Give every horizontal action arrow a small, consistent motion cue. */
.button > span,
.text-link > span,
.plan-link > span {
    display: inline-block;
    font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
    font-size: 1.25em;
    font-weight: 900;
    line-height: .8;
    transition: transform .2s ease;
}

.button:hover > span,
.text-link:hover > span,
.plan-link:hover > span {
    transform: translateX(4px);
}

.nav-item .nav-icon {
    font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
    font-weight: 900;
}

.site-footer-info {
    flex: 1;
    min-width: 0;
    margin: 0 42px;
}

.site-footer-ip-line {
    margin: 0;
    white-space: nowrap;
}

.site-footer-info-title {
    margin: 0;
    color: #4e6a9a;
    font: 800 14px/1.1 Manrope, sans-serif;
    letter-spacing: -.04em;
}

.site-footer-ip-value {
    display: inline;
    overflow-wrap: anywhere;
    color: #284b82;
    font: 700 18px/1.35 'DM Mono', monospace;
    letter-spacing: .02em;
}

/* Keep every bilingual admin form in the same reading order: ET left, EN right. */
.admin-content .form-grid > .field-lang-et {
    grid-column: 1;
}

.admin-content .form-grid > .field-lang-en {
    grid-column: 2;
}

.admin-content .form-grid > .field-shared {
    grid-column: 1 / -1;
}

.language-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.language-pair .language-et {
    text-align: left;
}

.language-pair .language-en {
    text-align: right;
}

@media (max-width: 720px) {
    .admin-content .form-grid > .field-lang-et,
    .admin-content .form-grid > .field-lang-en,
    .admin-content .form-grid > .field-shared {
        grid-column: auto;
    }
}

html[data-theme='dark'] .site-footer-ip-value {
    color: #eef4ff;
}

html[data-theme='dark'] .site-footer-info-title {
    color: #d9e6ff;
}

@media (max-width: 720px) {
    .site-footer-info {
        margin: 24px 0;
    }

    .site-footer-ip-value {
        font-size: 16px;
    }
}

/* Keep package rows aligned while leaving a compact featured indicator. */
.plan-card {
    display: flex;
    flex-direction: column;
    min-height: 380px;
}

.plan-top {
    min-height: 34px;
    align-items: center;
}

.plan-name {
    display: flex;
    align-items: center;
    height: 34px;
    max-height: 34px;
    overflow: hidden;
    line-height: 1.25;
}

.popular {
    display: grid;
    place-items: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 50%;
    font: 700 18px/1 Arial, sans-serif;
    text-transform: none;
    letter-spacing: 0;
}

.speed {
    min-height: 58px;
}

.plan-detail {
    height: 36px;
    min-height: 36px;
    align-items: center;
    gap: 12px;
}

.plan-detail > span,
.plan-detail > strong {
    min-width: 0;
}

.plan-detail > strong {
    max-width: 62%;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-price {
    min-height: 40px;
    margin-top: auto;
}

.plan-link {
    min-height: 32px;
}

.journal-read-story {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}

.journal-read-story:hover {
    color: #5c8fe9;
}

.journal-card-expanded {
    grid-column: 1 / -1;
}

.journal-story-content {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #dfe7f4;
    color: #737b89;
    font-size: var(--compact-text-size);
    line-height: 1.55;
}

.article-list .article-admin-footer {
    display: block;
}

.article-list .article-admin-footer .row-actions {
    justify-content: flex-start;
    margin-top: 12px;
}

.site-footer-ip-value {
    font: 800 14px/1.1 Manrope, sans-serif;
    letter-spacing: -.04em;
    color: #4e6a9a;
}

html[data-theme='dark'] .site-footer-ip-value {
    color: #d9e6ff;
}

@media (max-width: 720px) {
    .site-footer-ip-value {
        font-size: 14px;
    }
}

html[data-theme='dark'] .journal-story-content {
    border-color: #344562;
    color: #b9c5d8;
}

/* Narrow mobile layout: keep the desktop header untouched and let every top control wrap. */
@media (max-width: 720px) {
    html,
    body {
        overflow-x: hidden;
    }

    .site-nav {
        height: auto;
        min-height: 0;
        padding: 14px 14px 12px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        align-items: center;
        justify-content: flex-start;
        gap: 10px 8px;
    }

    .site-brand {
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
    }

    .site-nav nav,
    .site-nav-actions {
        display: contents !important;
    }

    .site-nav-actions .language-switcher {
        position: absolute;
        top: 14px;
        right: 14px;
    }

    .site-nav nav a,
    .site-nav-actions > .tools-menu,
    .site-nav-actions > .theme-toggle {
        order: 2;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .site-nav nav a {
        min-height: 34px;
        padding: 7px 9px;
        font-size: 14px;
        line-height: 1.2;
    }

    .site-nav-actions .tools-menu-button,
    .site-nav-actions .theme-toggle {
        min-height: 34px;
        padding: 7px 9px;
        font-size: 14px;
    }

    .site-nav-actions .tools-menu-button span {
        display: inline-block;
    }

    .site-nav-actions .tools-dropdown {
        width: min(260px, calc(100vw - 28px));
        max-width: calc(100vw - 28px);
    }

    .language-switcher a {
        padding: 5px 7px;
        font-size: 14px;
    }
}

/* Two-row header on every screen: identity first, navigation and tools below. */
.site-nav {
    height: auto;
    min-height: 112px;
    padding: 14px 25px 12px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    row-gap: 20px;
    column-gap: 8px;
}

.site-brand {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
}

.site-nav nav,
.site-nav-actions {
    display: contents !important;
}

.site-nav-actions .language-switcher {
    position: absolute;
    top: 14px;
    right: 25px;
}

.site-nav nav a,
.site-nav-actions > .tools-menu,
.site-nav-actions > .theme-toggle {
    order: 2;
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Keep the navigation on the left and push the utility controls to the right. */
.site-nav-actions > .tools-menu:first-of-type,
.site-nav-actions > .theme-toggle:first-child {
    margin-left: auto;
}

@media (max-width: 720px) {
    .site-nav {
        min-height: 0;
        padding: 14px 14px 12px;
    }

    .site-nav-actions .language-switcher {
        right: 14px;
    }
}