/*
Theme Name: Simply Blockchain v8
Theme URI: https://simplyblockchain.io/
Author: Simply Blockchain
Description: Multi-page native Simply Blockchain theme based on the approved dark glass/orange reference designs.
Version: 9.0.17
Text Domain: simply-blockchain
*/
:root{--bg:#020405;--bg2:#05080b;--panel:#090d11;--panel2:#0d1217;--text:#f4f5f6;--muted:#bdc3ca;--orange:#fc4f00;--orange2:#fc4f00;--line:rgba(232,237,242,.21);--radius:14px;--glow:0 0 24px rgba(252,79,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.sbx-site{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 75% 8%,rgba(252,79,0,.035),transparent 25%),#020405}.sbx-wrap{width:min(94%,1180px);margin-inline:auto}.sbx-main{padding-bottom:0}
/* header */
.sbx-header{height:78px;background:rgba(1,3,4,.96);border-bottom:1px solid rgba(255,255,255,.055);position:relative;z-index:50}.sbx-header__row{height:100%;display:grid;grid-template-columns:220px 1fr 190px;align-items:center;gap:16px}.sbx-brand img{width:190px;height:auto}.sbx-nav{height:100%;display:flex;justify-content:center;align-items:center;gap:28px}.sbx-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:14px;font-weight:600;color:#f1f2f3}.sbx-nav a:hover,.sbx-nav a.is-active{color:var(--orange)}.sbx-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--orange);box-shadow:0 0 9px rgba(252,79,0,.6)}.sbx-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.sbx-search-icon{width:22px;height:22px;display:grid;place-items:center}.sbx-search-icon svg{width:20px;height:20px}.sbx-youtube{height:44px;padding:0 17px;border:1px solid rgba(252,79,0,.75);border-radius:8px;display:flex;gap:9px;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(28,31,34,.64),rgba(6,8,10,.93));box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 15px rgba(252,79,0,.05);font-weight:700;font-size:14px}.sbx-youtube svg{width:18px}.sbx-menu-btn{display:none;background:none;border:0;color:#fff;width:42px;height:42px;padding:7px}.sbx-menu-btn span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:3px}
/* shared materials */
.sbx-panel{position:relative;background:linear-gradient(145deg,rgba(16,21,26,.82),rgba(5,8,10,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(252,79,0,.05),0 14px 34px rgba(0,0,0,.2);overflow:hidden}.sbx-panel:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 98% 92%,rgba(252,79,0,.13),transparent 15%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 28%)}.sbx-glass{position:relative;background:linear-gradient(145deg,rgba(33,38,43,.68),rgba(9,12,15,.91) 56%,rgba(26,12,4,.42));border:1px solid rgba(235,239,243,.25);box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 0 1px rgba(252,79,0,.12),0 0 16px rgba(252,79,0,.055);overflow:hidden}.sbx-glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.11),transparent 28%)}.sbx-glass:after{content:"";position:absolute;right:-40px;bottom:-50px;width:120px;height:120px;background:radial-gradient(circle,rgba(252,79,0,.20),transparent 66%);pointer-events:none}.sbx-orange-rim{box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 0 1px rgba(252,79,0,.22),0 0 18px rgba(252,79,0,.07)}
.sbx-label{display:block;text-transform:uppercase;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.02em;margin-bottom:13px}.sbx-title{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin:0 0 16px;font-weight:800}.sbx-copy{color:#d1d5d9;line-height:1.62;font-size:16px;margin:0}.sbx-muted{color:var(--muted)}.accent{color:var(--orange)}
.sbx-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:8px;font-weight:700;font-size:14px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s ease,box-shadow .18s ease}.sbx-btn:hover{transform:translateY(-1px)}.sbx-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 34%,rgba(252,79,0,.07));pointer-events:none}.sbx-btn>*{position:relative;z-index:1}.sbx-btn svg{width:18px;height:18px}.sbx-btn--orange{background:linear-gradient(180deg,#fc4f00,#fc4f00);border-color:rgba(252,79,0,.75);box-shadow:inset 0 1px rgba(255,255,255,.24),0 9px 22px rgba(252,79,0,.16)}.sbx-btn--glass{background:linear-gradient(145deg,rgba(28,33,38,.76),rgba(7,9,12,.92));border-color:rgba(230,235,240,.22);box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 0 1px rgba(252,79,0,.16),0 0 16px rgba(252,79,0,.07)}.sbx-btn--disabled{opacity:.72;cursor:default}
/* hero */
.sbx-hero{min-height:410px;position:relative;border-bottom:1px solid rgba(255,255,255,.05);background:radial-gradient(circle at 76% 43%,rgba(252,79,0,.07),transparent 25%),linear-gradient(90deg,#020405,#030506)}.sbx-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(30deg,transparent 48%,rgba(252,79,0,.16) 49%,rgba(252,79,0,.16) 50%,transparent 51%),linear-gradient(150deg,transparent 48%,rgba(252,79,0,.08) 49%,rgba(252,79,0,.08) 50%,transparent 51%);background-size:90px 52px;mask-image:linear-gradient(90deg,transparent 30%,#000 55%,#000)}.sbx-hero__grid{min-height:410px;display:grid;grid-template-columns:46% 54%;align-items:stretch;position:relative;z-index:2}.sbx-hero__copy{padding:50px 20px 35px 12px;display:flex;flex-direction:column;justify-content:center}.sbx-hero__eyebrow{font-size:12px;color:var(--orange);font-weight:800;text-transform:uppercase;margin-bottom:13px}.sbx-hero h1{font-size:47px;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;text-transform:uppercase;max-width:520px}.sbx-hero__lead{font-size:17px;line-height:1.55;color:#e0e2e4;max-width:500px;margin:0 0 24px}.sbx-hero__buttons{display:flex;gap:12px;flex-wrap:wrap}.sbx-hero__trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;max-width:540px}.sbx-trust{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.3}.sbx-trust img{width:28px;height:28px}.sbx-hero-art{position:relative;min-height:410px;display:grid;place-items:center;overflow:hidden}.sbx-hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030506 0%,rgba(3,5,6,.48) 8%,transparent 24%),linear-gradient(270deg,#030506 0%,rgba(3,5,6,.45) 5%,transparent 17%),linear-gradient(0deg,#030506 0%,transparent 15%);z-index:4;pointer-events:none}.sbx-platform{width:330px;height:150px;position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(180deg,#1c2328,#080b0d 55%,#020304);border:2px solid rgba(220,225,230,.34);box-shadow:inset 0 2px 0 rgba(255,255,255,.15),inset 0 -8px 0 #050607,0 0 0 3px rgba(252,79,0,.18),0 0 28px rgba(252,79,0,.23)}.sbx-platform:after{content:"";position:absolute;left:9%;right:9%;bottom:18px;height:3px;background:#fc4f00;box-shadow:0 0 15px #fc4f00}.sbx-hero-mark{position:absolute;z-index:3;width:245px;max-height:245px;object-fit:contain;left:50%;top:35%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 28px rgba(252,79,0,.22))}.sbx-hero-tool-icon{position:absolute;z-index:3;width:230px;left:50%;top:33%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 16px rgba(252,79,0,.32))}
/* section layouts */
.sbx-section{margin:10px auto;padding:34px}.sbx-about-grid{display:grid;grid-template-columns:42% 58%;gap:20px}.sbx-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sbx-feature{border-radius:12px;padding:20px;min-height:135px}.sbx-feature img{width:34px;height:34px;margin-bottom:12px}.sbx-feature h3{font-size:18px;margin:0 0 8px}.sbx-feature p{font-size:13px;line-height:1.55;margin:0;color:#d5d8dc}.sbx-section-copy{padding:10px 18px 10px 10px}.sbx-section-copy .sbx-copy{max-width:430px}.sbx-section-copy .sbx-btn{margin-top:22px}
.sbx-rail{display:grid;grid-template-columns:25% 75%;gap:20px}.sbx-rail__lead{padding:10px 10px 10px 4px}.sbx-rail__lead .sbx-title{font-size:28px}.sbx-tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sbx-card-thumb{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.17);box-shadow:0 0 0 1px rgba(252,79,0,.17),0 0 13px rgba(252,79,0,.06);aspect-ratio:2/1;background:#0b0d10}.sbx-card-thumb img{width:100%;height:100%;object-fit:cover}.sbx-tutorial-card h3{font-size:14px;line-height:1.35;margin:9px 3px 5px}.sbx-meta{font-size:12px;color:#9fa6ad}.sbx-guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sbx-guide-card{min-height:145px;padding:15px;border-radius:10px;display:flex;flex-direction:column}.sbx-guide-card img{width:42px;height:42px;margin-bottom:12px}.sbx-guide-card h3{font-size:14px;line-height:1.25;margin:0 0 8px;font-weight:600}.sbx-guide-card .sbx-arrow{margin-top:auto;text-align:right;color:var(--orange);font-size:23px}.sbx-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sbx-tool-mini{border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;min-height:72px}.sbx-tool-mini img{width:44px;height:44px}.sbx-tool-mini strong{font-size:16px}.sbx-tool-mini span{display:block;color:#adb3b9;font-size:11px;margin-top:2px}.sbx-note{text-align:center;color:#aeb4ba;font-size:12px;margin:13px 0 0}.sbx-note a{color:var(--orange);font-weight:700;margin-left:20px}.sbx-academy-strip{display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:20px;padding:26px 30px}.sbx-academy-strip h2{font-size:28px;margin:0 0 7px}.sbx-academy-strip p{margin:0;color:#cbd0d5}.sbx-academy-strip__action{text-align:right}.sbx-youtube-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:18px 26px;margin-top:10px}.sbx-youtube-cta__left{display:flex;align-items:center;gap:18px}.sbx-yt-box{width:72px;height:52px;background:#ef0e0e;border-radius:14px;display:grid;place-items:center;box-shadow:0 10px 22px rgba(180,0,0,.18)}.sbx-yt-box svg{width:34px}.sbx-youtube-cta h3{font-size:23px;margin:0 0 3px}.sbx-youtube-cta p{margin:0;color:#c6cbd0;font-size:13px}
/* inner page hero */
.sbx-inner-hero{min-height:340px}.sbx-inner-hero .sbx-hero__grid{min-height:340px}.sbx-inner-hero .sbx-hero__copy{padding-top:40px}.sbx-inner-hero h1{font-size:45px}.sbx-inner-hero .sbx-hero-art{min-height:340px}.sbx-inner-hero .sbx-platform{width:280px;height:125px}.sbx-inner-hero .sbx-hero-mark{width:205px}.sbx-breadcrumb{font-size:12px;color:#9da4ab;margin-bottom:18px}.sbx-breadcrumb span{color:var(--orange)}
/* chips / filter */
.sbx-chipbar{padding:13px 15px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.sbx-chip{height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.17);border-radius:7px;background:rgba(10,13,16,.85);display:inline-flex;align-items:center;gap:8px;font-size:12px}.sbx-chip.is-active{color:var(--orange);border-color:rgba(252,79,0,.6);box-shadow:0 0 12px rgba(252,79,0,.08)}.sbx-chip img{width:18px;height:18px}
/* tutorials */
.sbx-content-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;margin-top:16px}.sbx-sidebar{padding:16px;align-self:start}.sbx-search-box{height:42px;border:1px solid rgba(255,255,255,.17);border-radius:7px;padding:0 12px;display:flex;align-items:center;gap:8px;background:#080b0e}.sbx-search-box input{background:transparent;border:0;outline:0;color:#fff;width:100%;font-size:12px}.sbx-filter-title{font-size:11px;color:var(--orange);text-transform:uppercase;font-weight:800;margin:22px 0 10px}.sbx-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:10px 0}.sbx-check i{width:16px;height:16px;border:1px solid rgba(255,255,255,.36);border-radius:3px}.sbx-check.is-on i{background:var(--orange);border-color:var(--orange);box-shadow:inset 0 0 0 3px #fc4f00}.sbx-select{height:40px;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:0 10px;background:#080b0e;color:#fff;width:100%;font-size:12px}.sbx-sidebar-cta{margin-top:20px;padding:17px;border-radius:10px}.sbx-sidebar-cta h3{font-size:18px;margin:8px 0}.sbx-sidebar-cta p{font-size:12px;color:#d0d4d8}.sbx-featured-tutorial{padding:18px;display:grid;grid-template-columns:230px 1fr auto;gap:18px;align-items:center;margin-bottom:18px}.sbx-featured-tutorial .sbx-card-thumb{aspect-ratio:1.8/1}.sbx-featured-tutorial h2{font-size:23px;margin:0 0 8px}.sbx-featured-tutorial p{font-size:13px;color:#cfd3d7;margin:0 0 10px}.sbx-tag{display:inline-flex;padding:4px 8px;border-radius:5px;background:#171b1f;border:1px solid rgba(255,255,255,.08);font-size:10px;color:#d7dade;margin-right:5px}.sbx-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sbx-tutorial-box{padding:0 0 13px;border-radius:11px;overflow:hidden}.sbx-tutorial-box .sbx-card-thumb{border:0;border-bottom:1px solid rgba(255,255,255,.11);border-radius:0;box-shadow:none;aspect-ratio:1.45/1}.sbx-tutorial-box__body{padding:11px 12px 0}.sbx-tutorial-box h3{font-size:13px;line-height:1.35;margin:0 0 8px}.sbx-tutorial-box .sbx-meta{margin-top:8px}.sbx-banner{padding:16px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:17px}.sbx-banner img{width:42px;height:42px}.sbx-banner h3{font-size:17px;margin:0}.sbx-banner p{font-size:12px;margin:3px 0 0;color:#c1c6cb}
/* guides */
.sbx-guides-hero{display:grid;grid-template-columns:44% 56%;gap:18px;padding:28px}.sbx-guides-hero h1{font-size:40px;line-height:1.04;margin:8px 0 14px;text-transform:uppercase}.sbx-guides-hero p{max-width:420px;color:#d0d4d8;line-height:1.58}.sbx-guide-feature{padding:22px;display:grid;grid-template-columns:1fr 210px;gap:15px;align-items:center}.sbx-guide-feature h2{font-size:24px;margin:0 0 8px}.sbx-guide-feature p{font-size:13px;color:#cfd3d7}.sbx-guide-visual{height:190px;display:grid;place-items:center}.sbx-guide-visual img{width:120px;height:120px;filter:drop-shadow(0 0 18px rgba(252,79,0,.22))}.sbx-topicbar{display:grid;grid-template-columns:1fr 250px;gap:14px;align-items:center;padding:13px 16px;margin-top:12px}.sbx-topicbar__chips{display:flex;gap:8px;flex-wrap:wrap}.sbx-guide-row{display:grid;grid-template-columns:185px 1fr;gap:18px;margin-top:14px}.sbx-guide-row__lead{padding:18px 10px}.sbx-guide-row__lead h2{font-size:22px;margin:0 0 8px}.sbx-guide-row__lead p{font-size:12px;color:#c5c9cd;line-height:1.5}.sbx-guide-row__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sbx-article-card{border-radius:11px;padding:16px;min-height:218px;display:flex;flex-direction:column}.sbx-article-card img{width:74px;height:74px;margin:0 auto 12px}.sbx-article-card h3{font-size:16px;line-height:1.22;margin:0 0 7px}.sbx-article-card p{font-size:12px;color:#c9cdd2;line-height:1.45;margin:0}.sbx-article-card .sbx-meta{margin-top:auto;padding-top:10px}
/* Academy */
.sbx-academy-hero h1{font-size:48px}.sbx-coming{letter-spacing:.34em;font-size:18px;margin:0 0 16px;color:#eee}.sbx-waitlist{padding:13px 15px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;max-width:520px;margin-top:18px}.sbx-waitlist img{width:38px;height:38px}.sbx-inline-form{display:flex;gap:8px}.sbx-inline-form input{height:39px;min-width:0;flex:1;background:#0a0d10;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:6px;padding:0 11px;font-size:12px}.sbx-inline-form button{height:39px;border:0}.sbx-icon-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;max-width:550px}.sbx-icon-row__item{display:flex;gap:9px;align-items:center;font-size:11px}.sbx-icon-row__item img{width:30px;height:30px}.sbx-academy-intro{display:grid;grid-template-columns:52% 48%;gap:18px}.sbx-dashboard{padding:16px;min-height:260px}.sbx-dashboard__top{height:28px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;font-weight:700;font-size:12px}.sbx-dashboard__screen{margin-top:12px;padding:14px;border-radius:9px;background:#080b0e;border:1px solid rgba(255,255,255,.12)}.sbx-progress{height:4px;background:#23272b;border-radius:5px;margin:12px 0}.sbx-progress i{display:block;width:36%;height:100%;background:var(--orange);box-shadow:0 0 8px var(--orange)}.sbx-path-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.sbx-path-card{padding:15px 12px;min-height:180px;border-radius:10px;text-align:center;display:flex;flex-direction:column}.sbx-path-card img{width:52px;height:52px;margin:0 auto 12px}.sbx-path-card h3{font-size:15px;margin:0 0 8px}.sbx-path-card p{font-size:11px;color:#c8cdd1}.sbx-status{margin-top:auto;display:inline-flex;align-self:center;padding:5px 9px;border:1px solid rgba(255,255,255,.14);border-radius:6px;font-size:10px}.sbx-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.sbx-benefit{text-align:center;padding:15px;border-right:1px solid rgba(255,255,255,.08)}.sbx-benefit:last-child{border-right:0}.sbx-benefit img{width:38px;height:38px;margin:0 auto 8px}.sbx-benefit h3{font-size:14px;margin:0 0 6px}.sbx-benefit p{font-size:11px;color:#c2c7cb}
/* tools */
.sbx-tool-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sbx-tool-feature{padding:18px 14px;border-radius:11px;min-height:245px;display:flex;flex-direction:column}.sbx-tool-feature__head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.sbx-tool-feature__head img{width:58px;height:58px}.sbx-tool-feature h3{font-size:23px;margin:0}.sbx-tool-feature p{font-size:12px;color:#cbd0d4;line-height:1.45}.sbx-bullets{list-style:none;padding:0;margin:6px 0 14px}.sbx-bullets li{font-size:11px;margin:7px 0;padding-left:18px;position:relative}.sbx-bullets li:before{content:"✓";position:absolute;left:0;color:var(--orange)}.sbx-tool-feature .sbx-btn{margin-top:auto;align-self:flex-start;min-height:37px;padding:0 12px;font-size:11px}.sbx-promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sbx-promise{padding:12px 14px;display:flex;align-items:center;gap:10px;border-radius:9px}.sbx-promise img{width:38px;height:38px}.sbx-promise strong{font-size:13px}.sbx-promise span{display:block;font-size:10px;color:#c4c9ce}.sbx-compare{width:100%;border-collapse:collapse;font-size:12px}.sbx-compare th,.sbx-compare td{padding:10px 12px;border:1px solid rgba(255,255,255,.12);text-align:center}.sbx-compare th:first-child,.sbx-compare td:first-child{text-align:left}.sbx-compare th{background:rgba(255,255,255,.035)}.sbx-yes{color:#1de06d;font-weight:800}
/* about */
.sbx-values{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.sbx-value{text-align:center;padding:20px;border-right:1px solid rgba(255,255,255,.08)}.sbx-value:last-child{border-right:0}.sbx-value img{width:45px;height:45px;margin:0 auto 12px}.sbx-value h3{font-size:16px;margin:0 0 8px}.sbx-value p{font-size:12px;color:#c5cacf;line-height:1.45}.sbx-why{display:grid;grid-template-columns:42% 58%;gap:25px}.sbx-checklist{display:grid;gap:9px}.sbx-checkline{height:46px;border-radius:9px;padding:0 14px;display:flex;align-items:center;gap:12px}.sbx-checkline img{width:25px;height:25px}.sbx-checkline span{font-size:13px}
/* contact */
.sbx-contact-hero-note{padding:13px 16px;display:flex;align-items:center;gap:12px;max-width:300px;margin-top:18px}.sbx-contact-hero-note img{width:40px;height:40px}.sbx-contact-hero-note strong{font-size:13px}.sbx-contact-hero-note span{display:block;font-size:11px;color:#c5cacf}.sbx-contact-layout{display:grid;grid-template-columns:60% 40%;gap:14px}.sbx-contact-form{padding:28px}.sbx-contact-form h2{font-size:23px;margin:0 0 18px}.sbx-field{margin-bottom:13px}.sbx-field label{display:block;font-size:12px;margin-bottom:6px}.sbx-field input,.sbx-field textarea{width:100%;background:#090d10;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#fff;padding:11px 12px;outline:0;font-size:12px}.sbx-field textarea{min-height:110px;resize:vertical}.sbx-contact-cards{display:grid;gap:11px}.sbx-contact-card{padding:18px;display:grid;grid-template-columns:50px 1fr;gap:13px;border-radius:11px}.sbx-contact-card img{width:48px;height:48px}.sbx-contact-card h3{font-size:16px;margin:0 0 5px}.sbx-contact-card p{font-size:11px;color:#c5cacf;margin:0 0 10px}.sbx-contact-card a{font-size:11px;border:1px solid rgba(252,79,0,.35);padding:7px 9px;border-radius:6px;display:inline-flex;color:#eee}.sbx-community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sbx-community-card{padding:18px;border-radius:11px;min-height:185px;display:flex;flex-direction:column}.sbx-community-card img{width:46px;height:46px;margin-bottom:12px}.sbx-community-card h3{font-size:16px;margin:0 0 7px}.sbx-community-card p{font-size:11px;color:#c7ccd0;line-height:1.45}.sbx-community-card .sbx-btn{margin-top:auto;align-self:flex-start;min-height:36px;font-size:11px;padding:0 12px}
/* article */
.sbx-article-wrap{display:grid;grid-template-columns:1fr 250px;gap:20px;margin-top:18px}.sbx-article-main{padding:30px}.sbx-article-main h1{font-size:40px;line-height:1.08;margin:0 0 12px}.sbx-article-main .entry-content{font-size:16px;line-height:1.8;color:#d7dadd}.sbx-article-main .entry-content h2{font-size:27px;color:#fff;margin-top:34px}.sbx-article-main .entry-content h3{font-size:21px;color:#fff;margin-top:26px}.sbx-article-main .entry-content a{color:var(--orange);text-decoration:underline}.sbx-article-main .entry-content img{border-radius:10px;border:1px solid rgba(255,255,255,.15)}.sbx-article-side{padding:18px;align-self:start;position:sticky;top:92px}.sbx-article-side h3{font-size:15px;margin:0 0 12px}.sbx-article-side a{display:block;font-size:12px;color:#c8cdd2;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
/* footer */
.sbx-footer{padding:28px 0 18px;border-top:1px solid rgba(255,255,255,.055);margin-top:10px;background:#020304}.sbx-footer__grid{display:grid;grid-template-columns:24% 14% 14% 15% 33%;gap:12px}.sbx-footer__brand img{width:165px}.sbx-footer__brand p{font-size:11px;line-height:1.55;color:#b7bdc3;max-width:185px}.sbx-footer h4{font-size:12px;margin:0 0 10px}.sbx-footer nav{display:grid;gap:7px}.sbx-footer nav a{font-size:11px;color:#bec4ca}.sbx-footer .sbx-inline-form input{background:#f1f2f3;color:#111}.sbx-footer__copy{text-align:center;font-size:10px;color:#929aa2;margin-top:18px}
/* responsive */
@media(max-width:980px){.sbx-header__row{grid-template-columns:180px 1fr 150px}.sbx-brand img{width:165px}.sbx-nav{gap:18px}.sbx-nav a{font-size:12px}.sbx-youtube{font-size:12px;padding:0 12px}.sbx-hero h1{font-size:40px}.sbx-guide-grid{grid-template-columns:repeat(3,1fr)}.sbx-guide-grid .sbx-guide-card:nth-child(n+4){display:none}.sbx-grid-4{grid-template-columns:repeat(3,1fr)}.sbx-path-grid{grid-template-columns:repeat(3,1fr)}.sbx-tool-feature-grid{grid-template-columns:repeat(2,1fr)}.sbx-community-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sbx-wrap{width:min(92%,620px)}.sbx-header{height:70px}.sbx-header__row{grid-template-columns:1fr auto auto}.sbx-brand img{width:168px}.sbx-menu-btn{display:block}.sbx-actions .sbx-search-icon{display:none}.sbx-youtube{height:40px;padding:0 11px}.sbx-youtube span{display:none}.sbx-nav{position:absolute;left:0;right:0;top:70px;height:auto;display:none;background:#050709;border-bottom:1px solid rgba(255,255,255,.09);padding:12px 4%;flex-direction:column;align-items:stretch;gap:0}.sbx-nav.is-open{display:flex}.sbx-nav a{height:42px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.sbx-nav a.is-active:after{display:none}.sbx-hero,.sbx-inner-hero{min-height:0}.sbx-hero__grid,.sbx-inner-hero .sbx-hero__grid{grid-template-columns:1fr;min-height:0}.sbx-hero__copy{padding:38px 0 24px}.sbx-hero h1,.sbx-inner-hero h1{font-size:39px;max-width:520px}.sbx-hero__lead{font-size:15px}.sbx-hero__trust{grid-template-columns:1fr 1fr;max-width:100%}.sbx-hero-art,.sbx-inner-hero .sbx-hero-art{min-height:330px}.sbx-platform{width:280px;height:125px}.sbx-hero-mark{width:205px}.sbx-section{padding:24px 20px;margin-top:8px}.sbx-about-grid,.sbx-academy-intro,.sbx-why,.sbx-contact-layout,.sbx-guides-hero{grid-template-columns:1fr}.sbx-section-copy{padding:0 0 10px}.sbx-title{font-size:29px}.sbx-copy{font-size:14px}.sbx-feature-grid{grid-template-columns:1fr}.sbx-feature{min-height:130px}.sbx-rail{grid-template-columns:1fr}.sbx-tutorial-grid{grid-template-columns:1fr}.sbx-guide-grid{grid-template-columns:1fr 1fr}.sbx-guide-grid .sbx-guide-card:nth-child(n){display:flex}.sbx-tool-grid{grid-template-columns:1fr 1fr}.sbx-academy-strip{grid-template-columns:1fr}.sbx-academy-strip__action{text-align:left}.sbx-youtube-cta{grid-template-columns:1fr}.sbx-youtube-cta .sbx-btn{justify-self:start}.sbx-content-layout{grid-template-columns:1fr}.sbx-sidebar{display:none}.sbx-featured-tutorial{grid-template-columns:1fr}.sbx-featured-tutorial .sbx-btn{justify-self:start}.sbx-grid-4{grid-template-columns:1fr 1fr}.sbx-guides-hero{padding:22px}.sbx-guides-hero h1{font-size:34px}.sbx-guide-feature{grid-template-columns:1fr}.sbx-topicbar{grid-template-columns:1fr}.sbx-guide-row{grid-template-columns:1fr}.sbx-guide-row__cards{grid-template-columns:1fr}.sbx-path-grid{grid-template-columns:1fr 1fr}.sbx-benefit-grid,.sbx-values{grid-template-columns:1fr 1fr}.sbx-benefit,.sbx-value{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.sbx-tool-feature-grid,.sbx-promise-grid{grid-template-columns:1fr 1fr}.sbx-community-grid{grid-template-columns:1fr 1fr}.sbx-article-wrap{grid-template-columns:1fr}.sbx-article-side{position:static}.sbx-footer__grid{grid-template-columns:1fr 1fr;gap:24px}.sbx-footer__brand,.sbx-footer__newsletter{grid-column:1/-1}.sbx-footer__brand p{max-width:300px}}
@media(max-width:480px){.sbx-brand img{width:150px}.sbx-header__row{grid-template-columns:1fr auto}.sbx-youtube{display:none}.sbx-hero h1,.sbx-inner-hero h1{font-size:34px}.sbx-hero__buttons{display:grid}.sbx-btn{width:100%}.sbx-hero__trust{grid-template-columns:1fr 1fr}.sbx-hero-art{min-height:290px}.sbx-platform{width:240px;height:105px}.sbx-hero-mark{width:175px}.sbx-guide-grid,.sbx-tool-grid,.sbx-grid-4,.sbx-path-grid,.sbx-benefit-grid,.sbx-values,.sbx-tool-feature-grid,.sbx-promise-grid,.sbx-community-grid{grid-template-columns:1fr}.sbx-academy-strip,.sbx-youtube-cta{padding:20px}.sbx-inline-form{display:grid}.sbx-inline-form .sbx-btn{width:auto}.sbx-footer__grid{grid-template-columns:1fr}.sbx-footer__brand,.sbx-footer__newsletter{grid-column:auto}.sbx-article-main{padding:20px}.sbx-article-main h1{font-size:31px}}


/* ==========================================================
   v8.0.2 — APPROVED HOMEPAGE HERO IMPLEMENTATION
   Uses exact supplied Simply Blockchain logo artwork over a
   custom vector circuit/platform scene. No generated logo art.
   ========================================================== */
@media(min-width:981px){
  .home .sbx-header{height:82px;background:#020304}
  .home .sbx-header__row{width:min(94%,1500px);grid-template-columns:270px 1fr 220px}
  .home .sbx-brand img{width:245px}
  .home .sbx-nav{gap:34px}
  .home .sbx-nav a{font-size:15px}
  .home .sbx-actions{gap:26px}
  .home .sbx-youtube{height:48px;min-width:150px;border-radius:9px;font-size:15px}

  .home .sbx-hero{min-height:570px;height:calc(100vh - 82px);max-height:760px;border-bottom:1px solid rgba(255,255,255,.045);background:#020405;overflow:hidden}
  .home .sbx-hero:after{display:none}
  .home .sbx-hero__grid{width:min(96%,1540px);min-height:100%;grid-template-columns:43% 57%;align-items:stretch}
  .home .sbx-hero__copy{padding:64px 24px 52px 28px;justify-content:center;position:relative;z-index:6;background:linear-gradient(90deg,#020405 0%,#020405 86%,rgba(2,4,5,.9) 96%,transparent 100%)}
  .home .sbx-hero h1{font-size:clamp(48px,4vw,68px);line-height:1.03;letter-spacing:-.052em;max-width:650px;margin-bottom:28px;font-weight:800}
  .home .sbx-hero__lead{font-size:clamp(17px,1.45vw,24px);line-height:1.55;max-width:620px;margin-bottom:34px;color:#e2e5e7}
  .home .sbx-hero__buttons{gap:18px}
  .home .sbx-hero__buttons .sbx-btn{height:62px;padding:0 28px;border-radius:9px;font-size:17px}
  .home .sbx-hero__buttons .sbx-btn svg{width:20px;height:20px}
  .home .sbx-hero__trust{margin-top:42px;gap:0;max-width:720px;grid-template-columns:repeat(4,1fr)}
  .home .sbx-trust{gap:13px;font-size:15px;line-height:1.35;padding-right:20px;border-right:1px solid rgba(255,255,255,.13)}
  .home .sbx-trust:last-child{border-right:0}
  .home .sbx-trust img{width:40px;height:40px}

  .home .sbx-hero-art--approved{min-height:100%;display:block;overflow:hidden;background:#020405;isolation:isolate}
  .home .sbx-hero-art--approved:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#020405 0%,rgba(2,4,5,.88) 5%,rgba(2,4,5,.36) 15%,transparent 27%),linear-gradient(270deg,#020405 0%,rgba(2,4,5,.35) 4%,transparent 14%),linear-gradient(0deg,#020405 0%,rgba(2,4,5,.18) 7%,transparent 17%)}
  .home .sbx-hero-art--approved:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 58% 48%,rgba(252,79,0,.11),transparent 30%)}
  .home .sbx-hero-scene{position:absolute;z-index:2;width:118%;max-width:none;height:105%;object-fit:cover;left:-8%;top:-2%;opacity:1}
  .home .sbx-hero-logo-glow{position:absolute;z-index:3;left:56%;top:41%;width:380px;height:380px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(252,79,0,.25),rgba(252,79,0,.06) 42%,transparent 70%);filter:blur(14px);pointer-events:none}
  .home .sbx-hero-mark--official{position:absolute;z-index:4;width:min(27vw,385px);height:auto;max-height:none;object-fit:contain;left:56%;top:39%;transform:translate(-50%,-50%);filter:none}
}

@media(min-width:981px) and (max-width:1250px){
  .home .sbx-header__row{grid-template-columns:230px 1fr 185px}
  .home .sbx-brand img{width:210px}
  .home .sbx-nav{gap:22px}
  .home .sbx-nav a{font-size:13px}
  .home .sbx-hero__grid{grid-template-columns:46% 54%}
  .home .sbx-hero h1{font-size:48px}
  .home .sbx-hero__lead{font-size:17px}
  .home .sbx-hero__buttons .sbx-btn{height:54px;font-size:15px;padding:0 21px}
  .home .sbx-trust{font-size:12px;gap:9px}
  .home .sbx-trust img{width:31px;height:31px}
  .home .sbx-hero-mark--official{width:300px;left:58%;top:39%}
  .home .sbx-hero-logo-glow{left:58%;width:310px;height:310px}
  .home .sbx-hero-scene{width:125%;left:-13%}
}

@media(max-width:980px){
  .home .sbx-hero-art--approved{position:relative;min-height:390px;background:#020405}
  .home .sbx-hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .home .sbx-hero-logo-glow{position:absolute;left:50%;top:38%;width:260px;height:260px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(252,79,0,.2),transparent 67%)}
  .home .sbx-hero-mark--official{position:absolute;left:50%;top:37%;width:220px;height:auto;transform:translate(-50%,-50%);z-index:4}
  .home .sbx-hero-art--approved:before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#020405 0%,transparent 15%,transparent 85%,#020405 100%),linear-gradient(0deg,#020405 0%,transparent 15%)}
}


/* ==========================================================
   v8.0.3 — NO HERO ARTWORK / PREMIUM UI RESET
   Decorative hero imagery has been intentionally removed.
   Focus: strong typography, glass material, custom icons,
   Academy dashboard and responsive stability.
   ========================================================== */

/* Text-led hero system across all standard pages */
.sbx-hero,
.sbx-inner-hero{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 35%,rgba(252,79,0,.075),transparent 22%),
    linear-gradient(90deg,#020405 0%,#040607 55%,#020405 100%)!important;
  border-bottom:1px solid rgba(235,239,243,.08)!important;
}
.sbx-hero:after,
.sbx-inner-hero:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.33!important;
  background-image:
    linear-gradient(30deg,transparent 48.8%,rgba(252,79,0,.075) 49.4%,rgba(252,79,0,.075) 50.1%,transparent 50.7%),
    linear-gradient(150deg,transparent 48.8%,rgba(255,255,255,.025) 49.4%,rgba(255,255,255,.025) 50.1%,transparent 50.7%)!important;
  background-size:108px 62px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 15%,rgba(0,0,0,.36) 48%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 15%,rgba(0,0,0,.36) 48%,#000 100%)!important;
}
.sbx-hero__grid,
.sbx-inner-hero .sbx-hero__grid{
  display:block!important;
  min-height:0!important;
  width:min(92%,1180px)!important;
  margin-inline:auto!important;
}
.sbx-hero__copy{
  min-height:360px!important;
  max-width:790px!important;
  padding:54px 0 48px!important;
  position:relative!important;
  z-index:2!important;
  background:none!important;
}
.home .sbx-hero__copy{min-height:430px!important;max-width:840px!important;padding:68px 0 56px!important}
.sbx-hero h1,.sbx-inner-hero h1{
  max-width:760px!important;
  font-size:clamp(44px,5.1vw,66px)!important;
  line-height:1.00!important;
  letter-spacing:-.052em!important;
  margin:0 0 22px!important;
}
.home .sbx-hero h1{max-width:780px!important;font-size:clamp(50px,5.4vw,72px)!important}
.sbx-hero__lead{max-width:650px!important;font-size:clamp(16px,1.45vw,20px)!important;line-height:1.6!important;margin-bottom:28px!important}
.sbx-hero__buttons{gap:14px!important}
.sbx-hero__trust{max-width:720px!important;gap:0!important;margin-top:34px!important}
.sbx-trust{padding:0 18px!important;border-right:1px solid rgba(255,255,255,.11)!important;font-size:13px!important;gap:10px!important}
.sbx-trust:first-child{padding-left:0!important}
.sbx-trust:last-child{border-right:0!important}
.sbx-trust img{width:34px!important;height:34px!important;object-fit:contain!important}
.sbx-hero-art,.sbx-hero-art--approved{display:none!important}

/* More premium smoked-glass system */
.sbx-panel{
  background:
    linear-gradient(145deg,rgba(27,32,37,.61) 0%,rgba(8,12,15,.88) 46%,rgba(4,7,9,.97) 78%,rgba(28,13,4,.46) 100%)!important;
  border:1px solid rgba(231,236,241,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 36px rgba(255,255,255,.012),
    0 0 0 1px rgba(252,79,0,.07),
    0 18px 38px rgba(0,0,0,.30),
    0 0 18px rgba(252,79,0,.035)!important;
  backdrop-filter:blur(15px)!important;
  -webkit-backdrop-filter:blur(15px)!important;
}
.sbx-panel:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(135deg,rgba(255,255,255,.40),rgba(255,255,255,.06) 18%,transparent 38%,transparent 72%,rgba(252,79,0,.16) 88%,rgba(252,79,0,.54));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(252,79,0,.12));
}
.sbx-panel:after{
  background:
    radial-gradient(circle at 99% 94%,rgba(252,79,0,.17),transparent 16%),
    radial-gradient(circle at 2% 2%,rgba(255,255,255,.035),transparent 18%),
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 31%)!important;
}
.sbx-panel>*{position:relative;z-index:3}
.sbx-glass{
  background:
    linear-gradient(145deg,rgba(37,42,47,.68) 0%,rgba(14,18,22,.78) 48%,rgba(7,10,13,.92) 74%,rgba(31,14,4,.58) 100%)!important;
  border:1px solid rgba(234,239,244,.29)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    0 0 0 1px rgba(252,79,0,.15),
    0 0 18px rgba(252,79,0,.065)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
}
.sbx-glass:before{
  background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.045) 18%,transparent 38%,transparent 77%,rgba(252,79,0,.07) 100%)!important;
}
.sbx-glass:after{background:radial-gradient(circle,rgba(252,79,0,.25),transparent 64%)!important}

/* Consistent themed tool icons */
.sbx-tool-mini img,
.sbx-tool-feature__head img,
.sbx-guide-visual img,
.sbx-article-card img[src*="maestro-theme"],
.sbx-article-card img[src*="tradewiz-theme"],
.sbx-article-card img[src*="trojan-theme"],
.sbx-article-card img[src*="axiom-theme"]{
  object-fit:contain!important;
  filter:none!important;
}
.sbx-tool-mini img{width:50px!important;height:50px!important}
.sbx-tool-feature__head img{width:58px!important;height:58px!important}
.sbx-guide-visual img{width:110px!important;height:110px!important;margin:auto!important}

/* Academy dashboard — richer product-preview presentation */
.sbx-dashboard{
  padding:0!important;
  border-radius:13px!important;
  min-height:390px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(28,33,38,.78),rgba(5,8,10,.97) 72%,rgba(27,12,4,.56))!important;
}
.sbx-dashboard__bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);font-size:11px;color:#dfe3e6}
.sbx-dashboard__brand{display:flex;gap:7px;align-items:center}.sbx-dashboard__brand:first-letter{color:var(--orange)}
.sbx-dashboard__dots{font-size:10px;color:#8e959c;letter-spacing:5px}
.sbx-dashboard__body{display:grid;grid-template-columns:128px 1fr;min-height:340px}
.sbx-dashboard__nav{padding:14px 10px;border-right:1px solid rgba(255,255,255,.075);background:rgba(2,5,7,.45);display:flex;flex-direction:column;gap:5px}
.sbx-dashboard__nav span{font-size:9px;color:#98a0a8;padding:7px 8px;border-radius:5px;white-space:nowrap}
.sbx-dashboard__nav span.is-active{color:#fff;background:linear-gradient(90deg,rgba(252,79,0,.14),rgba(255,255,255,.035));box-shadow:inset 2px 0 var(--orange)}
.sbx-dashboard__main{padding:18px 20px}
.sbx-dashboard__kicker{text-transform:uppercase;font-size:9px;color:#cbd0d5;letter-spacing:.05em;margin-bottom:10px}
.sbx-course-card{display:grid;grid-template-columns:58px 1fr 42px;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:linear-gradient(145deg,rgba(24,29,34,.78),rgba(7,10,12,.92));box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 16px rgba(252,79,0,.045)}
.sbx-course-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:8px;color:var(--orange);font-size:30px;background:radial-gradient(circle,rgba(252,79,0,.20),rgba(252,79,0,.04) 55%,transparent);border:1px solid rgba(252,79,0,.25)}
.sbx-course-card__content strong{display:block;font-size:13px;margin-bottom:5px}.sbx-course-card__content p{font-size:9px;color:#9fa7af;margin:0 0 9px;line-height:1.35}
.sbx-course-card__pct{font-size:10px;color:#aeb5bc;text-align:right}
.sbx-dashboard .sbx-progress{height:4px;border-radius:20px;background:rgba(255,255,255,.10);overflow:hidden}.sbx-dashboard .sbx-progress i{display:block;width:36%;height:100%;background:linear-gradient(90deg,#fc4f00,#fc4f00);box-shadow:0 0 10px rgba(252,79,0,.55)}
.sbx-dashboard__paths-title{font-size:12px;font-weight:700;margin:17px 0 8px}
.sbx-dashboard__path{min-height:38px;padding:9px 11px;border:1px solid rgba(255,255,255,.075);border-radius:7px;display:flex;align-items:center;justify-content:space-between;margin-top:6px;background:rgba(255,255,255,.017)}
.sbx-dashboard__path span{font-size:9px;color:#c6cbd0}.sbx-dashboard__path span::first-letter{color:#a657ff}.sbx-dashboard__path small{font-size:8px;color:#7e868e}

@media(max-width:760px){
  .sbx-hero__copy,.home .sbx-hero__copy{min-height:0!important;padding:38px 0 32px!important}
  .sbx-hero h1,.sbx-inner-hero h1,.home .sbx-hero h1{font-size:clamp(34px,10vw,46px)!important}
  .sbx-hero__trust{grid-template-columns:1fr 1fr!important;row-gap:18px!important}
  .sbx-trust{border-right:0!important;padding:0!important}
  .sbx-dashboard__body{grid-template-columns:1fr}
  .sbx-dashboard__nav{display:none}
  .sbx-dashboard__main{padding:16px}
}


/* ==========================================================
   v8.0.4 — GLOBAL PREMIUM GLASS MATERIAL PASS
   Layout intentionally unchanged. This pass strengthens the
   smoked-glass surface, silver highlights and selective orange
   corner illumination across panels/cards/site UI.
   ========================================================== */

:root{
  --sbx-glass-line:rgba(235,240,245,.30);
  --sbx-glass-line-soft:rgba(235,240,245,.17);
  --sbx-orange-rim:rgba(252,79,0,.34);
  --sbx-orange-hot:rgba(252,79,0,.72);
  --sbx-orange-bloom:rgba(252,79,0,.17);
}

/* LARGE SECTION / CONTAINER GLASS */
.sbx-panel{
  border-color:rgba(231,237,243,.24)!important;
  background:
    radial-gradient(circle at 5% 0%,rgba(255,255,255,.045),transparent 21%),
    radial-gradient(circle at 98% 98%,rgba(252,79,0,.075),transparent 22%),
    linear-gradient(142deg,rgba(30,36,41,.69) 0%,rgba(13,18,22,.80) 27%,rgba(7,10,13,.92) 65%,rgba(9,7,6,.97) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    inset 1px 0 0 rgba(255,255,255,.025),
    inset 0 -1px 0 rgba(252,79,0,.035),
    0 0 0 1px rgba(252,79,0,.055),
    0 18px 40px rgba(0,0,0,.34),
    0 0 22px rgba(252,79,0,.035)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}

/* Glass-to-orange rim: brightest only around selected corners. */
.sbx-panel:before{
  inset:-1px!important;
  padding:1px!important;
  background:
    conic-gradient(
      from 218deg,
      rgba(255,255,255,.58) 0deg,
      rgba(255,255,255,.13) 22deg,
      rgba(255,255,255,.025) 60deg,
      transparent 104deg,
      transparent 190deg,
      rgba(252,79,0,.045) 226deg,
      rgba(252,79,0,.30) 282deg,
      rgba(252,79,0,.78) 318deg,
      rgba(252,79,0,.16) 340deg,
      rgba(255,255,255,.58) 360deg
    )!important;
  filter:
    drop-shadow(5px 5px 8px rgba(252,79,0,.13))
    drop-shadow(-3px -3px 5px rgba(255,255,255,.025))!important;
}
.sbx-panel:after{
  background:
    radial-gradient(circle at 100% 100%,rgba(252,79,0,.19),transparent 15%),
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.055),transparent 17%),
    radial-gradient(circle at 100% 0%,rgba(252,79,0,.035),transparent 15%),
    linear-gradient(132deg,rgba(255,255,255,.035),transparent 31%)!important;
}

/* INNER CARD GLASS */
.sbx-glass{
  border-color:rgba(237,241,245,.30)!important;
  background:
    radial-gradient(circle at 8% 3%,rgba(255,255,255,.065),transparent 22%),
    radial-gradient(circle at 97% 98%,rgba(252,79,0,.10),transparent 24%),
    linear-gradient(142deg,rgba(42,48,54,.66) 0%,rgba(18,23,28,.76) 36%,rgba(8,11,14,.91) 70%,rgba(12,8,6,.96) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.21),
    inset 1px 0 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(252,79,0,.15),
    0 0 15px rgba(252,79,0,.065),
    0 10px 22px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(116%)!important;
}
.sbx-glass:before{
  background:
    linear-gradient(133deg,rgba(255,255,255,.19) 0%,rgba(255,255,255,.055) 15%,transparent 36%,transparent 76%,rgba(252,79,0,.06) 100%)!important;
}
.sbx-glass:after{
  right:-38px!important;
  bottom:-44px!important;
  width:118px!important;
  height:118px!important;
  background:radial-gradient(circle,rgba(252,79,0,.30) 0%,rgba(252,79,0,.11) 34%,transparent 67%)!important;
  filter:blur(1px)!important;
}

/* Cards that are intentionally box-shaped all receive the same corner-rim language. */
.sbx-feature,
.sbx-guide-card,
.sbx-tool-mini,
.sbx-tutorial-box,
.sbx-article-card,
.sbx-path-card,
.sbx-tool-feature,
.sbx-promise,
.sbx-checkline,
.sbx-contact-card,
.sbx-community-card,
.sbx-sidebar-cta,
.sbx-waitlist,
.sbx-course-card,
.sbx-dashboard__path{
  border-color:rgba(237,241,245,.27)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}

/* A gentle illuminated corner, like the approved mock rather than a full neon outline. */
.sbx-feature:hover,
.sbx-guide-card:hover,
.sbx-tool-mini:hover,
.sbx-tutorial-box:hover,
.sbx-article-card:hover,
.sbx-path-card:hover,
.sbx-tool-feature:hover,
.sbx-community-card:hover{
  border-color:rgba(243,246,249,.36)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 0 1px rgba(252,79,0,.20),
    6px 7px 20px rgba(252,79,0,.09),
    0 12px 24px rgba(0,0,0,.28)!important;
}

/* Tutorial artwork frames need the same glass/orange edge treatment. */
.sbx-card-thumb{
  border-color:rgba(236,240,244,.27)!important;
  background:linear-gradient(145deg,rgba(28,33,38,.72),rgba(5,8,10,.96))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 0 0 1px rgba(252,79,0,.22),
    5px 6px 17px rgba(252,79,0,.075)!important;
}

/* Premium glass buttons — same material family as the cards. */
.sbx-btn--glass,
.sbx-youtube{
  border-color:rgba(237,241,245,.27)!important;
  background:
    radial-gradient(circle at 92% 100%,rgba(252,79,0,.11),transparent 34%),
    linear-gradient(145deg,rgba(37,43,48,.71),rgba(11,15,18,.90))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 0 0 1px rgba(252,79,0,.16),
    5px 6px 15px rgba(252,79,0,.07)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
}

/* Form/filter boxes: restrained glass so they remain easy to read. */
.sbx-search-box,
.sbx-select,
.sbx-field input,
.sbx-field textarea,
.sbx-inline-form input{
  border-color:rgba(235,240,245,.24)!important;
  background:linear-gradient(145deg,rgba(24,29,34,.73),rgba(6,9,12,.93))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 0 0 1px rgba(252,79,0,.035)!important;
}
.sbx-search-box:focus-within,
.sbx-field input:focus,
.sbx-field textarea:focus,
.sbx-inline-form input:focus{
  border-color:rgba(252,79,0,.52)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 1px rgba(252,79,0,.16),
    0 0 13px rgba(252,79,0,.07)!important;
}

/* Academy product preview — glass refinement only; structure stays untouched. */
.sbx-dashboard{
  border:1px solid rgba(237,241,245,.29)!important;
  background:
    radial-gradient(circle at 99% 100%,rgba(252,79,0,.12),transparent 24%),
    linear-gradient(142deg,rgba(36,42,48,.72),rgba(10,14,17,.92) 58%,rgba(6,8,10,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(252,79,0,.16),
    8px 9px 24px rgba(252,79,0,.075),
    0 18px 34px rgba(0,0,0,.28)!important;
}
.sbx-course-card,
.sbx-dashboard__path{
  background:
    linear-gradient(145deg,rgba(31,37,42,.69),rgba(7,10,13,.92))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(252,79,0,.06),
    4px 5px 13px rgba(252,79,0,.045)!important;
}

/* Comparison table stays subtle but now belongs to the same material system. */
.sbx-compare{
  background:rgba(7,10,13,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.sbx-compare th,.sbx-compare td{
  border-color:rgba(235,240,245,.13)!important;
}
.sbx-compare th{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
}

@media(max-width:760px){
  /* Reduce blur/glow slightly on phones for clarity/performance. */
  .sbx-panel{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .sbx-glass{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
  .sbx-panel:before{filter:drop-shadow(3px 3px 5px rgba(252,79,0,.10))!important}
}


/* ==========================================================
   v8.0.9 — SITE-WIDE ORGANIC ILLUMINATED GLASS RIMS
   Approved visual language from the homepage feature-card test.
   The rim stays mostly silver/quiet, with localised orange light
   catching different edge segments on different surfaces.
   ========================================================== */

/* Lighting nodes are inserted by site.js. They are decorative only. */
.sbx-illum-rim{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
}
.sbx-illum-rim > :not(.sbx-live-rim):not(.sbx-live-hotspot):not(.sbx-ember-field){
  position:relative;
  z-index:3;
}
.sbx-illum-rim > .sbx-live-rim,
.sbx-illum-rim > .sbx-live-hotspot,
.sbx-illum-rim > .sbx-ember-field{
  position:absolute!important;
  display:block;
  pointer-events:none!important;
  z-index:2!important;
}

/* Preserve a premium neutral glass edge everywhere else. */
.sbx-illum-rim{
  border-color:rgba(231,237,242,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 1px 0 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(252,79,0,.055),
    0 10px 25px rgba(0,0,0,.25)!important;
}

/* Ember/light field behind the glass. */
.sbx-ember-field{
  inset:0!important;
  border-radius:inherit!important;
  opacity:.86;
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 91% 84%,rgba(252,79,0,.90) 0 1px,transparent 1.8px),
    radial-gradient(circle at 84% 91%,rgba(252,79,0,.82) 0 1px,transparent 1.8px),
    radial-gradient(circle at 78% 74%,rgba(252,79,0,.63) 0 .8px,transparent 1.5px),
    radial-gradient(circle at 95% 69%,rgba(252,79,0,.54) 0 .7px,transparent 1.4px),
    radial-gradient(ellipse at 99% 104%,rgba(252,79,0,.22),transparent 43%),
    linear-gradient(136deg,transparent 0 62%,rgba(252,79,0,.015) 74%,rgba(252,79,0,.035) 100%);
}

/* Soft diagonal glass reflection. */
.sbx-ember-field:before{
  content:"";
  position:absolute;
  inset:-18% 38% 22% -12%;
  transform:skewX(-18deg);
  background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 52%);
  opacity:.45;
}

/* Base illuminated edge segments. */
.sbx-live-rim{opacity:.88!important;filter:blur(.12px)}
.sbx-live-rim--top,.sbx-live-rim--bottom{
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(252,79,0,.10) 12%,rgba(252,79,0,.52) 35%,rgba(252,79,0,.96) 52%,rgba(252,79,0,.72) 69%,rgba(252,79,0,.16) 88%,transparent)!important;
  box-shadow:0 0 4px rgba(252,79,0,.43),0 0 11px rgba(252,79,0,.28),0 0 21px rgba(252,79,0,.12)!important;
}
.sbx-live-rim--left,.sbx-live-rim--right{
  width:1px!important;
  background:linear-gradient(180deg,transparent,rgba(252,79,0,.10) 12%,rgba(252,79,0,.52) 35%,rgba(252,79,0,.96) 52%,rgba(252,79,0,.72) 69%,rgba(252,79,0,.16) 88%,transparent)!important;
  box-shadow:0 0 4px rgba(252,79,0,.43),0 0 11px rgba(252,79,0,.28),0 0 21px rgba(252,79,0,.12)!important;
}
.sbx-live-hotspot{
  width:3px!important;height:3px!important;border-radius:50%!important;
  background:#fc4f00!important;
  box-shadow:0 0 3px 1px rgba(255,207,139,.68),0 0 8px 2px rgba(252,79,0,.58),0 0 18px 4px rgba(252,79,0,.23)!important;
  opacity:.88!important;
}

/* Seven intentionally different light-catch patterns. They create an organic,
   random-looking rhythm without changing between page loads. */
.sbx-rim-v1 > .sbx-live-rim--top{left:-1px;top:-1px;width:30%}
.sbx-rim-v1 > .sbx-live-rim--left{left:-1px;top:3%;height:43%}
.sbx-rim-v1 > .sbx-live-rim--right{right:-1px;top:56%;height:36%}
.sbx-rim-v1 > .sbx-live-rim--bottom{left:57%;bottom:-1px;width:40%}
.sbx-rim-v1 > .sbx-live-hotspot--tl{left:-2px;top:31%}
.sbx-rim-v1 > .sbx-live-hotspot--br{left:83%;bottom:-2px}

.sbx-rim-v2 > .sbx-live-rim--top{left:34%;top:-1px;width:35%}
.sbx-rim-v2 > .sbx-live-rim--left{display:none!important}
.sbx-rim-v2 > .sbx-live-rim--right{right:-1px;top:38%;height:48%}
.sbx-rim-v2 > .sbx-live-rim--bottom{left:66%;bottom:-1px;width:31%}
.sbx-rim-v2 > .sbx-live-hotspot--tl{left:54%;top:-2px}
.sbx-rim-v2 > .sbx-live-hotspot--br{right:-2px;top:62%}

.sbx-rim-v3 > .sbx-live-rim--top{left:-1px;top:-1px;width:18%;opacity:.52!important}
.sbx-rim-v3 > .sbx-live-rim--left{left:-1px;top:20%;height:46%}
.sbx-rim-v3 > .sbx-live-rim--right{right:-1px;top:60%;height:28%;opacity:.68!important}
.sbx-rim-v3 > .sbx-live-rim--bottom{left:30%;bottom:-1px;width:40%}
.sbx-rim-v3 > .sbx-live-hotspot--tl{left:-2px;top:42%}
.sbx-rim-v3 > .sbx-live-hotspot--br{left:50%;bottom:-2px}

.sbx-rim-v4 > .sbx-live-rim--top,.sbx-rim-v4 > .sbx-live-rim--left{display:none!important}
.sbx-rim-v4 > .sbx-live-rim--right{right:-1px;top:43%;height:45%}
.sbx-rim-v4 > .sbx-live-rim--bottom{left:47%;bottom:-1px;width:50%}
.sbx-rim-v4 > .sbx-live-hotspot--tl{display:none!important}
.sbx-rim-v4 > .sbx-live-hotspot--br{left:75%;bottom:-2px}

.sbx-rim-v5 > .sbx-live-rim--top{left:7%;top:-1px;width:43%}
.sbx-rim-v5 > .sbx-live-rim--left{left:-1px;top:5%;height:25%;opacity:.66!important}
.sbx-rim-v5 > .sbx-live-rim--right{display:none!important}
.sbx-rim-v5 > .sbx-live-rim--bottom{left:72%;bottom:-1px;width:25%;opacity:.72!important}
.sbx-rim-v5 > .sbx-live-hotspot--tl{left:18%;top:-2px}
.sbx-rim-v5 > .sbx-live-hotspot--br{left:88%;bottom:-2px;opacity:.65!important}

.sbx-rim-v6 > .sbx-live-rim--top{left:60%;top:-1px;width:35%}
.sbx-rim-v6 > .sbx-live-rim--left{left:-1px;top:54%;height:34%}
.sbx-rim-v6 > .sbx-live-rim--right{right:-1px;top:6%;height:22%;opacity:.55!important}
.sbx-rim-v6 > .sbx-live-rim--bottom{left:3%;bottom:-1px;width:31%}
.sbx-rim-v6 > .sbx-live-hotspot--tl{left:-2px;top:72%}
.sbx-rim-v6 > .sbx-live-hotspot--br{left:20%;bottom:-2px}

.sbx-rim-v7 > .sbx-live-rim--top{left:74%;top:-1px;width:22%}
.sbx-rim-v7 > .sbx-live-rim--left{display:none!important}
.sbx-rim-v7 > .sbx-live-rim--right{right:-1px;top:15%;height:33%;opacity:.70!important}
.sbx-rim-v7 > .sbx-live-rim--bottom{left:18%;bottom:-1px;width:37%}
.sbx-rim-v7 > .sbx-live-hotspot--tl{left:86%;top:-2px}
.sbx-rim-v7 > .sbx-live-hotspot--br{left:35%;bottom:-2px}

/* Flecks/bloom vary with the same rim pattern so the source feels connected. */
.sbx-rim-v1 > .sbx-ember-field{background:radial-gradient(circle at 93% 72%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 88% 87%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 82% 61%,rgba(252,79,0,.65) 0 .8px,transparent 1.5px),radial-gradient(circle at 8% 12%,rgba(252,79,0,.50) 0 .7px,transparent 1.4px),radial-gradient(ellipse at 98% 104%,rgba(252,79,0,.24),transparent 48%)}
.sbx-rim-v2 > .sbx-ember-field{background:radial-gradient(circle at 86% 77%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 94% 66%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 79% 84%,rgba(252,79,0,.62) 0 .8px,transparent 1.5px),radial-gradient(circle at 31% 7%,rgba(252,79,0,.42) 0 .7px,transparent 1.4px),radial-gradient(ellipse at 104% 91%,rgba(252,79,0,.23),transparent 48%)}
.sbx-rim-v3 > .sbx-ember-field{background:radial-gradient(circle at 72% 91%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 87% 83%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 11% 37%,rgba(252,79,0,.52) 0 .8px,transparent 1.5px),radial-gradient(ellipse at 53% 105%,rgba(252,79,0,.20),transparent 47%)}
.sbx-rim-v4 > .sbx-ember-field{background:radial-gradient(circle at 94% 69%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 88% 90%,#fc4f00 0 1px,transparent 1.8px),radial-gradient(circle at 77% 83%,rgba(252,79,0,.62) 0 .8px,transparent 1.5px),radial-gradient(ellipse at 88% 106%,rgba(252,79,0,.27),transparent 50%)}
.sbx-rim-v5 > .sbx-ember-field{background:radial-gradient(circle at 12% 14%,rgba(252,79,0,.78) 0 1px,transparent 1.8px),radial-gradient(circle at 23% 8%,rgba(252,79,0,.64) 0 .8px,transparent 1.5px),radial-gradient(circle at 90% 88%,rgba(252,79,0,.55) 0 .8px,transparent 1.5px),radial-gradient(ellipse at 9% -5%,rgba(252,79,0,.19),transparent 45%)}
.sbx-rim-v6 > .sbx-ember-field{background:radial-gradient(circle at 15% 78%,rgba(252,79,0,.77) 0 1px,transparent 1.8px),radial-gradient(circle at 24% 92%,rgba(252,79,0,.70) 0 1px,transparent 1.8px),radial-gradient(circle at 81% 12%,rgba(252,79,0,.46) 0 .8px,transparent 1.5px),radial-gradient(ellipse at 4% 104%,rgba(252,79,0,.21),transparent 47%)}
.sbx-rim-v7 > .sbx-ember-field{background:radial-gradient(circle at 87% 8%,rgba(252,79,0,.70) 0 1px,transparent 1.8px),radial-gradient(circle at 38% 91%,rgba(252,79,0,.68) 0 1px,transparent 1.8px),radial-gradient(circle at 94% 34%,rgba(252,79,0,.46) 0 .8px,transparent 1.5px),radial-gradient(ellipse at 36% 106%,rgba(252,79,0,.19),transparent 45%)}

/* Large section frames get the same material language but quieter so the page
   does not become a wall of neon. */
.sbx-illum-rim--major > .sbx-live-rim{opacity:.50!important}
.sbx-illum-rim--major > .sbx-live-hotspot{opacity:.52!important;transform:scale(.8)}
.sbx-illum-rim--major > .sbx-ember-field{opacity:.38!important}
.sbx-illum-rim--major{box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 0 1px rgba(252,79,0,.045),0 15px 34px rgba(0,0,0,.27)!important}

/* Very small chips/rows stay restrained. */
.sbx-dashboard__path.sbx-illum-rim > .sbx-ember-field,
.sbx-checkline.sbx-illum-rim > .sbx-ember-field{opacity:.42}
.sbx-dashboard__path.sbx-illum-rim > .sbx-live-rim,
.sbx-checkline.sbx-illum-rim > .sbx-live-rim{opacity:.55!important}

@media(max-width:760px){
  .sbx-illum-rim > .sbx-live-rim{opacity:.68!important}
  .sbx-illum-rim > .sbx-live-hotspot{opacity:.72!important}
  .sbx-illum-rim > .sbx-ember-field{opacity:.58}
  .sbx-illum-rim--major > .sbx-live-rim{opacity:.38!important}
  .sbx-illum-rim--major > .sbx-ember-field{opacity:.25!important}
}


/* ==========================================================
   v8.0.10 — RESTORE APPROVED RIM STRENGTH SITE-WIDE
   The previous rollout diluted the approved v8.0.8 edge light.
   Keep the same crisp illuminated edge strength, vary location only.
   ========================================================== */

/* Make the actual glass-edge light sit above every decorative overlay. */
.sbx-illum-rim > .sbx-live-rim,
.sbx-illum-rim > .sbx-live-hotspot{
  z-index:12!important;
}
.sbx-illum-rim > .sbx-ember-field{
  z-index:1!important;
}

/* Exact visual language of the approved four-card test: thin, warm,
   bright in short runs, with a soft orange halo rather than a flat wash. */
.sbx-illum-rim > .sbx-live-rim{
  opacity:.96!important;
  filter:none!important;
}
.sbx-illum-rim > .sbx-live-rim--top,
.sbx-illum-rim > .sbx-live-rim--bottom{
  height:1.5px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(252,79,0,.08) 8%,
    rgba(252,79,0,.42) 27%,
    rgba(252,79,0,.92) 46%,
    rgba(255,229,190,.98) 52%,
    rgba(252,79,0,.92) 58%,
    rgba(252,79,0,.55) 73%,
    rgba(252,79,0,.12) 90%,
    transparent 100%)!important;
  box-shadow:
    0 0 3px rgba(255,226,184,.78),
    0 0 8px rgba(252,79,0,.68),
    0 0 17px rgba(252,79,0,.34)!important;
}
.sbx-illum-rim > .sbx-live-rim--left,
.sbx-illum-rim > .sbx-live-rim--right{
  width:1.5px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(252,79,0,.08) 8%,
    rgba(252,79,0,.42) 27%,
    rgba(252,79,0,.92) 46%,
    rgba(255,229,190,.98) 52%,
    rgba(252,79,0,.92) 58%,
    rgba(252,79,0,.55) 73%,
    rgba(252,79,0,.12) 90%,
    transparent 100%)!important;
  box-shadow:
    0 0 3px rgba(255,226,184,.78),
    0 0 8px rgba(252,79,0,.68),
    0 0 17px rgba(252,79,0,.34)!important;
}
.sbx-illum-rim > .sbx-live-hotspot{
  width:3px!important;
  height:3px!important;
  background:#ffc079!important;
  opacity:.94!important;
  box-shadow:
    0 0 3px 1px rgba(255,232,197,.82),
    0 0 7px 2px rgba(252,79,0,.78),
    0 0 16px 4px rgba(252,79,0,.34)!important;
}

/* Keep the glass body dark. Orange is a light source, not a brown fill. */
.sbx-illum-rim.sbx-glass,
.sbx-illum-rim.sbx-panel,
.sbx-illum-rim.sbx-guide-card,
.sbx-illum-rim.sbx-tool-mini,
.sbx-illum-rim.sbx-tutorial-box,
.sbx-illum-rim.sbx-article-card,
.sbx-illum-rim.sbx-path-card,
.sbx-illum-rim.sbx-tool-feature,
.sbx-illum-rim.sbx-contact-card,
.sbx-illum-rim.sbx-community-card,
.sbx-illum-rim.sbx-dashboard,
.sbx-illum-rim.sbx-featured-tutorial,
.sbx-illum-rim.sbx-guide-feature,
.sbx-illum-rim.sbx-benefit{
  border-color:rgba(231,237,242,.31)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 1px 0 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(252,79,0,.035),
    0 10px 25px rgba(0,0,0,.25)!important;
}

/* The ember field stays local and sparse. */
.sbx-illum-rim > .sbx-ember-field{
  opacity:.72!important;
  mix-blend-mode:screen!important;
}

/* Large section frames: fewer lit edges, but when they catch light the
   brightness is the same as the cards. This avoids the weak/orange-wash look. */
.sbx-illum-rim--major > .sbx-live-rim{
  opacity:.80!important;
}
.sbx-illum-rim--major > .sbx-live-hotspot{
  opacity:.80!important;
  transform:scale(.9)!important;
}
.sbx-illum-rim--major > .sbx-ember-field{
  opacity:.30!important;
}

/* Deliberately simplify the light pattern on large panels. */
.sbx-illum-rim--major.sbx-rim-v1 > .sbx-live-rim--top,
.sbx-illum-rim--major.sbx-rim-v1 > .sbx-live-rim--left{display:none!important}
.sbx-illum-rim--major.sbx-rim-v2 > .sbx-live-rim--bottom{display:none!important}
.sbx-illum-rim--major.sbx-rim-v3 > .sbx-live-rim--top,
.sbx-illum-rim--major.sbx-rim-v3 > .sbx-live-rim--right{display:none!important}
.sbx-illum-rim--major.sbx-rim-v4 > .sbx-live-rim--right{height:30%!important}
.sbx-illum-rim--major.sbx-rim-v5 > .sbx-live-rim--left{display:none!important}
.sbx-illum-rim--major.sbx-rim-v6 > .sbx-live-rim--right{display:none!important}
.sbx-illum-rim--major.sbx-rim-v7 > .sbx-live-rim--top{display:none!important}

/* Homepage four approved cards retain their bespoke v8.0.8 placement and
   are forced above the generic sitewide layer. */
.home .sbx-feature-grid .sbx-feature > .sbx-live-rim,
.home .sbx-feature-grid .sbx-feature > .sbx-live-hotspot{
  z-index:14!important;
}

@media(max-width:760px){
  .sbx-illum-rim > .sbx-live-rim{opacity:.82!important}
  .sbx-illum-rim > .sbx-live-hotspot{opacity:.84!important}
  .sbx-illum-rim > .sbx-ember-field{opacity:.50!important}
  .sbx-illum-rim--major > .sbx-live-rim{opacity:.62!important}
  .sbx-illum-rim--major > .sbx-ember-field{opacity:.22!important}
}


/* ==========================================================
   v8.0.11 — BORDER-ANCHORED LIGHTING
   Fix: v8.0.10 clipped the outer half of the glow, making some
   hotspots appear to float inside the glass. Rim light now sits
   physically on the border and is allowed to bloom outward.
   ========================================================== */

/* Let dedicated rim lighting extend outside the card boundary.
   All decorative surface layers still retain the card's radius. */
.sbx-illum-rim{
  overflow:visible!important;
}

/* Keep internal visual layers contained to the rounded glass surface. */
.sbx-illum-rim > .sbx-ember-field{
  inset:1px!important;
  border-radius:calc(inherit - 1px)!important;
  overflow:hidden!important;
  opacity:.46!important;
}

/* The older orange bloom was too broad and read as an orange patch inside
   the card. Keep it subtle so the border is clearly the light source. */
.sbx-illum-rim--major > .sbx-ember-field{
  opacity:.16!important;
}
.home .sbx-feature-grid .sbx-feature > .sbx-ember-field{
  opacity:.42!important;
}

/* Centre every light strip directly over the physical 1px border. */
.sbx-illum-rim > .sbx-live-rim--top{
  top:-.75px!important;
  transform:translateY(0)!important;
}
.sbx-illum-rim > .sbx-live-rim--bottom{
  bottom:-.75px!important;
  transform:translateY(0)!important;
}
.sbx-illum-rim > .sbx-live-rim--left{
  left:-.75px!important;
  transform:translateX(0)!important;
}
.sbx-illum-rim > .sbx-live-rim--right{
  right:-.75px!important;
  transform:translateX(0)!important;
}

/* Use a tight white-hot core with a softer orange halo. Because overflow is
   now visible, approximately half of this halo naturally sits outside the box. */
.sbx-illum-rim > .sbx-live-rim--top,
.sbx-illum-rim > .sbx-live-rim--bottom{
  height:1.4px!important;
  box-shadow:
    0 0 2px rgba(255,241,218,.92),
    0 0 6px rgba(252,79,0,.74),
    0 0 13px rgba(252,79,0,.40),
    0 0 24px rgba(252,79,0,.17)!important;
}
.sbx-illum-rim > .sbx-live-rim--left,
.sbx-illum-rim > .sbx-live-rim--right{
  width:1.4px!important;
  box-shadow:
    0 0 2px rgba(255,241,218,.92),
    0 0 6px rgba(252,79,0,.74),
    0 0 13px rgba(252,79,0,.40),
    0 0 24px rgba(252,79,0,.17)!important;
}

/* Hotspots are also centred over the edge instead of sitting inward. */
.sbx-illum-rim > .sbx-live-hotspot{
  width:3px!important;
  height:3px!important;
  margin:-.25px!important;
  box-shadow:
    0 0 2px 1px rgba(255,243,221,.92),
    0 0 6px 2px rgba(252,79,0,.78),
    0 0 14px 4px rgba(252,79,0,.38)!important;
}

/* The variation classes should choose only the LENGTH/POSITION ALONG an edge;
   edge anchoring itself is controlled above. */
.sbx-rim-v1 > .sbx-live-rim--left,
.sbx-rim-v3 > .sbx-live-rim--left,
.sbx-rim-v6 > .sbx-live-rim--left{left:-.75px!important}
.sbx-rim-v1 > .sbx-live-rim--right,
.sbx-rim-v2 > .sbx-live-rim--right,
.sbx-rim-v3 > .sbx-live-rim--right,
.sbx-rim-v4 > .sbx-live-rim--right,
.sbx-rim-v6 > .sbx-live-rim--right,
.sbx-rim-v7 > .sbx-live-rim--right{right:-.75px!important}
.sbx-rim-v1 > .sbx-live-rim--top,
.sbx-rim-v2 > .sbx-live-rim--top,
.sbx-rim-v3 > .sbx-live-rim--top,
.sbx-rim-v5 > .sbx-live-rim--top,
.sbx-rim-v6 > .sbx-live-rim--top,
.sbx-rim-v7 > .sbx-live-rim--top{top:-.75px!important}
.sbx-rim-v1 > .sbx-live-rim--bottom,
.sbx-rim-v2 > .sbx-live-rim--bottom,
.sbx-rim-v3 > .sbx-live-rim--bottom,
.sbx-rim-v4 > .sbx-live-rim--bottom,
.sbx-rim-v5 > .sbx-live-rim--bottom,
.sbx-rim-v6 > .sbx-live-rim--bottom,
.sbx-rim-v7 > .sbx-live-rim--bottom{bottom:-.75px!important}

/* Components that previously relied on the parent to clip imagery get their
   own local clipping radius, so enabling outer glow cannot create square images. */
.sbx-tutorial-box .sbx-card-thumb{
  border-radius:10px 10px 0 0!important;
  overflow:hidden!important;
}
.sbx-featured-tutorial .sbx-card-thumb,
.sbx-article-card .sbx-card-thumb,
.sbx-tutorial-card .sbx-card-thumb{
  overflow:hidden!important;
}

@media(max-width:760px){
  .sbx-illum-rim > .sbx-ember-field{opacity:.34!important}
  .sbx-illum-rim--major > .sbx-ember-field{opacity:.10!important}
}


/* ==========================================================
   v8.0.12 — REFINED GLASS EDGE LIGHT
   Short, organic light catches only. No LED-strip look.
   ========================================================== */

/* Keep the surface polished, but make the lighting restrained. */
.sbx-illum-rim{
  overflow:visible!important;
  border-color:rgba(230,236,241,.29)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(252,79,0,.025),
    0 9px 22px rgba(0,0,0,.24)!important;
}

/* Sparse internal warmth only — no broad orange wash. */
.sbx-illum-rim > .sbx-ember-field{
  inset:1px!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  opacity:.28!important;
  mix-blend-mode:screen!important;
}
.sbx-illum-rim--major > .sbx-ember-field{opacity:.10!important}

/* Thin warm edge core, much softer than v8.0.11. */
.sbx-illum-rim > .sbx-live-rim{
  opacity:.76!important;
  filter:none!important;
}
.sbx-illum-rim > .sbx-live-rim--top,
.sbx-illum-rim > .sbx-live-rim--bottom{
  height:1px!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(252,79,0,.05) 18%,
    rgba(252,79,0,.42) 39%,
    rgba(255,190,98,.78) 50%,
    rgba(252,79,0,.48) 62%,
    rgba(252,79,0,.06) 82%,
    transparent 100%)!important;
  box-shadow:
    0 0 2px rgba(252,79,0,.42),
    0 0 6px rgba(252,79,0,.34),
    0 0 10px rgba(252,79,0,.12)!important;
}
.sbx-illum-rim > .sbx-live-rim--left,
.sbx-illum-rim > .sbx-live-rim--right{
  width:1px!important;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(252,79,0,.05) 18%,
    rgba(252,79,0,.42) 39%,
    rgba(255,190,98,.78) 50%,
    rgba(252,79,0,.48) 62%,
    rgba(252,79,0,.06) 82%,
    transparent 100%)!important;
  box-shadow:
    0 0 2px rgba(252,79,0,.42),
    0 0 6px rgba(252,79,0,.34),
    0 0 10px rgba(252,79,0,.12)!important;
}

/* Hotspots should be tiny warm glints, never white bulbs. */
.sbx-illum-rim > .sbx-live-hotspot{
  width:1.5px!important;
  height:1.5px!important;
  margin:0!important;
  background:#fc4f00!important;
  opacity:.72!important;
  box-shadow:
    0 0 2px rgba(255,191,111,.65),
    0 0 5px rgba(252,79,0,.42),
    0 0 9px rgba(252,79,0,.14)!important;
}

/* Anchor on the edge line. */
.sbx-illum-rim > .sbx-live-rim--top{top:-.45px!important}
.sbx-illum-rim > .sbx-live-rim--bottom{bottom:-.45px!important}
.sbx-illum-rim > .sbx-live-rim--left{left:-.45px!important}
.sbx-illum-rim > .sbx-live-rim--right{right:-.45px!important}

/* Organic short catches. Most cards only show two active zones. */
.sbx-rim-v1 > .sbx-live-rim--top{left:3%!important;width:16%!important}
.sbx-rim-v1 > .sbx-live-rim--left{left:-.45px!important;top:7%!important;height:17%!important}
.sbx-rim-v1 > .sbx-live-rim--right{right:-.45px!important;top:66%!important;height:14%!important}
.sbx-rim-v1 > .sbx-live-rim--bottom{left:72%!important;width:17%!important}
.sbx-rim-v1 > .sbx-live-hotspot--tl{left:-1px!important;top:17%!important}
.sbx-rim-v1 > .sbx-live-hotspot--br{left:81%!important;bottom:-1px!important}

.sbx-rim-v2 > .sbx-live-rim--top{left:55%!important;width:15%!important}
.sbx-rim-v2 > .sbx-live-rim--left{display:none!important}
.sbx-rim-v2 > .sbx-live-rim--right{right:-.45px!important;top:52%!important;height:18%!important}
.sbx-rim-v2 > .sbx-live-rim--bottom{left:76%!important;width:14%!important}
.sbx-rim-v2 > .sbx-live-hotspot--tl{left:62%!important;top:-1px!important}
.sbx-rim-v2 > .sbx-live-hotspot--br{right:-1px!important;top:61%!important}

.sbx-rim-v3 > .sbx-live-rim--top{display:none!important}
.sbx-rim-v3 > .sbx-live-rim--left{left:-.45px!important;top:35%!important;height:19%!important}
.sbx-rim-v3 > .sbx-live-rim--right{display:none!important}
.sbx-rim-v3 > .sbx-live-rim--bottom{left:42%!important;width:16%!important}
.sbx-rim-v3 > .sbx-live-hotspot--tl{left:-1px!important;top:45%!important}
.sbx-rim-v3 > .sbx-live-hotspot--br{left:49%!important;bottom:-1px!important}

.sbx-rim-v4 > .sbx-live-rim--top{display:none!important}
.sbx-rim-v4 > .sbx-live-rim--left{display:none!important}
.sbx-rim-v4 > .sbx-live-rim--right{right:-.45px!important;top:61%!important;height:17%!important}
.sbx-rim-v4 > .sbx-live-rim--bottom{left:70%!important;width:18%!important}
.sbx-rim-v4 > .sbx-live-hotspot--tl{display:none!important}
.sbx-rim-v4 > .sbx-live-hotspot--br{left:80%!important;bottom:-1px!important}

.sbx-rim-v5 > .sbx-live-rim--top{left:18%!important;width:14%!important}
.sbx-rim-v5 > .sbx-live-rim--left{display:none!important}
.sbx-rim-v5 > .sbx-live-rim--right{display:none!important}
.sbx-rim-v5 > .sbx-live-rim--bottom{left:83%!important;width:11%!important}
.sbx-rim-v5 > .sbx-live-hotspot--tl{left:24%!important;top:-1px!important}
.sbx-rim-v5 > .sbx-live-hotspot--br{left:88%!important;bottom:-1px!important}

.sbx-rim-v6 > .sbx-live-rim--top{display:none!important}
.sbx-rim-v6 > .sbx-live-rim--left{left:-.45px!important;top:60%!important;height:16%!important}
.sbx-rim-v6 > .sbx-live-rim--right{display:none!important}
.sbx-rim-v6 > .sbx-live-rim--bottom{left:16%!important;width:16%!important}
.sbx-rim-v6 > .sbx-live-hotspot--tl{left:-1px!important;top:68%!important}
.sbx-rim-v6 > .sbx-live-hotspot--br{left:24%!important;bottom:-1px!important}

.sbx-rim-v7 > .sbx-live-rim--top{left:78%!important;width:12%!important}
.sbx-rim-v7 > .sbx-live-rim--left{display:none!important}
.sbx-rim-v7 > .sbx-live-rim--right{right:-.45px!important;top:19%!important;height:13%!important}
.sbx-rim-v7 > .sbx-live-rim--bottom{display:none!important}
.sbx-rim-v7 > .sbx-live-hotspot--tl{left:84%!important;top:-1px!important}
.sbx-rim-v7 > .sbx-live-hotspot--br{right:-1px!important;top:25%!important}

/* Large containers: one restrained light catch maximum. */
.sbx-illum-rim--major > .sbx-live-rim{opacity:.48!important}
.sbx-illum-rim--major > .sbx-live-hotspot{opacity:.44!important}
.sbx-illum-rim--major.sbx-rim-v1 > .sbx-live-rim--left,
.sbx-illum-rim--major.sbx-rim-v1 > .sbx-live-rim--right,
.sbx-illum-rim--major.sbx-rim-v1 > .sbx-live-hotspot--tl{display:none!important}
.sbx-illum-rim--major.sbx-rim-v2 > .sbx-live-rim--right,
.sbx-illum-rim--major.sbx-rim-v2 > .sbx-live-rim--bottom,
.sbx-illum-rim--major.sbx-rim-v2 > .sbx-live-hotspot--br{display:none!important}
.sbx-illum-rim--major.sbx-rim-v3 > .sbx-live-rim--left,
.sbx-illum-rim--major.sbx-rim-v3 > .sbx-live-hotspot--tl{display:none!important}
.sbx-illum-rim--major.sbx-rim-v4 > .sbx-live-rim--right,
.sbx-illum-rim--major.sbx-rim-v4 > .sbx-live-hotspot--br{display:none!important}
.sbx-illum-rim--major.sbx-rim-v5 > .sbx-live-rim--top,
.sbx-illum-rim--major.sbx-rim-v5 > .sbx-live-hotspot--tl{display:none!important}
.sbx-illum-rim--major.sbx-rim-v6 > .sbx-live-rim--left,
.sbx-illum-rim--major.sbx-rim-v6 > .sbx-live-hotspot--tl{display:none!important}
.sbx-illum-rim--major.sbx-rim-v7 > .sbx-live-rim--right,
.sbx-illum-rim--major.sbx-rim-v7 > .sbx-live-hotspot--br{display:none!important}

@media(max-width:760px){
  .sbx-illum-rim > .sbx-live-rim{opacity:.58!important}
  .sbx-illum-rim > .sbx-live-hotspot{opacity:.56!important}
  .sbx-illum-rim > .sbx-ember-field{opacity:.19!important}
  .sbx-illum-rim--major > .sbx-live-rim{opacity:.34!important}
}


/* ==========================================================
   v8.0.13 — ROUNDED CORNER / OVERSPILL FIX
   Only dedicated rim-light elements may bleed outside.
   All internal glass layers remain contained by the card radius.
   ========================================================== */

.sbx-illum-rim{
  isolation:isolate!important;
  background-clip:padding-box!important;
}

/* All inherited decorative pseudo-layers must respect the host radius. */
.sbx-illum-rim::before,
.sbx-illum-rim::after{
  border-radius:inherit!important;
}

/* The general glass highlight previously had a square pseudo layer once the
   parent switched to overflow:visible. Keep that highlight fully inside. */
.sbx-illum-rim.sbx-glass::before{
  inset:0!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}

/* Replace the old oversized corner bloom with an inset bloom. This keeps the
   orange warmth but prevents any rectangular/square spill outside the radius. */
.sbx-illum-rim.sbx-glass::after{
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 100% 100%,rgba(252,79,0,.18) 0%,rgba(252,79,0,.065) 24%,transparent 54%)!important;
  filter:none!important;
}

/* Panel overlays are also strictly contained. */
.sbx-illum-rim.sbx-panel::after{
  inset:0!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}

/* Keep the ember field one pixel inside the physical rim. */
.sbx-illum-rim > .sbx-ember-field{
  inset:1px!important;
  border-radius:calc(1em - 1px)!important;
  /* fallback below preserves the true host curve in browsers that ignore calc */
  border-radius:inherit!important;
}

/* Dedicated rim elements remain the ONLY pieces permitted beyond the box. */
.sbx-illum-rim > .sbx-live-rim,
.sbx-illum-rim > .sbx-live-hotspot{
  z-index:8!important;
}


/* ==========================================================
   v8.0.14 — YOUTUBE CTA INTERNAL GEOMETRIC LIGHT FIELD
   Adds the approved eye-catching geometric/circuit texture INSIDE
   YouTube CTA banners. Locked card/panel borders remain unchanged.
   ========================================================== */

.sbx-youtube-cta,
.sbx-youtube-banner{
  position:relative!important;
  isolation:isolate!important;
}

/* Keep all real CTA content above the internal decorative field. */
.sbx-youtube-cta > :not(.sbx-youtube-geo),
.sbx-youtube-banner > :not(.sbx-youtube-geo){
  position:relative;
  z-index:4;
}

.sbx-youtube-geo{
  position:absolute!important;
  inset:1px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:1!important;
  opacity:.94;
  /* Orange ambience is localised toward the CTA/action side. */
  background:
    radial-gradient(ellipse at 78% 100%,rgba(252,79,0,.17) 0%,rgba(252,79,0,.075) 28%,transparent 58%),
    radial-gradient(circle at 92% 58%,rgba(252,79,0,.08),transparent 28%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 27%,rgba(0,0,0,.78) 54%,#000 76%,rgba(0,0,0,.72) 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 27%,rgba(0,0,0,.78) 54%,#000 76%,rgba(0,0,0,.72) 100%);
}

/* Native SVG hex/circuit geometry. It remains razor-sharp at any size. */
.sbx-youtube-geo::before{
  content:"";
  position:absolute;
  inset:-16% -3% -34% 35%;
  opacity:.56;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='86' viewBox='0 0 150 86'%3E%3Cg fill='none' stroke='%23ff7200' stroke-opacity='.40' stroke-width='.72'%3E%3Cpath d='M25 1 50 15.5v29L25 59 0 44.5v-29Z'/%3E%3Cpath d='M75 1 100 15.5v29L75 59 50 44.5v-29Z'/%3E%3Cpath d='m125 1 25 14.5v29L125 59l-25-14.5v-29Z'/%3E%3Cpath d='m50 44.5 25 14.5v27L50 100.5 25 86V59Z'/%3E%3Cpath d='m100 44.5 25 14.5v27L100 100.5 75 86V59Z'/%3E%3C/g%3E%3Cg fill='%23ff8a24' fill-opacity='.42'%3E%3Ccircle cx='50' cy='15.5' r='1.15'/%3E%3Ccircle cx='100' cy='44.5' r='1'/%3E%3Ccircle cx='125' cy='59' r='.85'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-size:150px 86px!important;
  background-repeat:repeat!important;
  transform:skewX(-8deg);
  filter:drop-shadow(0 0 3px rgba(252,79,0,.13));
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 22%,#000 86%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 22%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}

/* A few subtle energy nodes so the geometry does not feel flat/static. */
.sbx-youtube-geo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 57% 72%,rgba(252,79,0,.72) 0 1px,transparent 1.8px),
    radial-gradient(circle at 68% 38%,rgba(252,79,0,.54) 0 .8px,transparent 1.6px),
    radial-gradient(circle at 79% 82%,rgba(252,79,0,.56) 0 .8px,transparent 1.6px),
    radial-gradient(circle at 89% 32%,rgba(252,79,0,.38) 0 .7px,transparent 1.5px),
    radial-gradient(ellipse at 75% 104%,rgba(252,79,0,.13),transparent 42%);
  mix-blend-mode:screen;
}

/* The shorter tutorial-page banner gets a slightly tighter geometry field. */
.sbx-youtube-banner .sbx-youtube-geo::before{
  inset:-30% -3% -48% 32%;
  opacity:.50;
}

@media(max-width:760px){
  .sbx-youtube-geo{
    opacity:.70;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.26) 24%,#000 55%,rgba(0,0,0,.68) 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.26) 24%,#000 55%,rgba(0,0,0,.68) 100%);
  }
  .sbx-youtube-geo::before{inset:-8% -20% -16% 18%;background-size:120px 69px!important;opacity:.42}
}


/* ==========================================================
   v8.0.15 — HERO & YOUTUBE CTA PREMIUM PASS
   IMPORTANT: the approved v8.0.13 card/panel rim geometry and
   border styling remain untouched. This pass changes only
   hero atmosphere, button material, and CTA internal surfaces.
   ========================================================== */

/* ---------- Premium text-led hero atmosphere, site-wide ---------- */
.sbx-hero,
.sbx-inner-hero{
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 79% 34%,rgba(252,79,0,.115) 0%,rgba(252,79,0,.035) 28%,transparent 59%),
    radial-gradient(ellipse at 17% 82%,rgba(255,255,255,.018),transparent 42%),
    linear-gradient(105deg,#020405 0%,#05080a 50%,#020405 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(252,79,0,.055)!important;
}

/* Soft top-edge sheen and orange ambience. This is not a panel/border. */
.sbx-hero::before,
.sbx-inner-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent 2%,rgba(255,255,255,.11) 18%,rgba(255,255,255,.018) 42%,transparent 66%) top/100% 1px no-repeat,
    radial-gradient(ellipse at 68% 72%,rgba(252,79,0,.085),transparent 36%),
    radial-gradient(ellipse at 92% 12%,rgba(252,79,0,.045),transparent 25%)!important;
}

/* Existing geometric field remains, but it now feels embedded in the glass. */
.sbx-hero:after,
.sbx-inner-hero:after{
  opacity:.41!important;
  filter:drop-shadow(0 0 5px rgba(252,79,0,.035));
}

.sbx-hero__grid,
.sbx-inner-hero .sbx-hero__grid{position:relative!important;z-index:2!important}

/* Give the copy a little more contrast without putting it in a visible box. */
.sbx-hero__copy{
  text-shadow:0 2px 20px rgba(0,0,0,.34);
}
.sbx-hero__copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-3.5%;
  bottom:8%;
  width:min(760px,96%);
  height:46%;
  pointer-events:none;
  border-radius:32px;
  background:
    radial-gradient(ellipse at 24% 58%,rgba(255,255,255,.026),transparent 60%),
    radial-gradient(ellipse at 58% 80%,rgba(252,79,0,.055),transparent 58%);
  filter:blur(5px);
}

.sbx-hero h1,
.sbx-inner-hero h1{
  text-shadow:0 2px 26px rgba(0,0,0,.44),0 0 28px rgba(255,255,255,.018)!important;
}
.sbx-hero h1 .accent,
.sbx-inner-hero h1 .accent{
  text-shadow:0 0 22px rgba(252,79,0,.10)!important;
}

/* ---------- CTA button material ---------- */
/* Primary YouTube buttons become translucent orange glass rather than flat orange. */
.sbx-hero .sbx-btn--orange,
.sbx-youtube-cta .sbx-btn--orange,
.sbx-youtube-banner .sbx-btn--orange{
  color:#fff!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.22),transparent 32%),
    radial-gradient(circle at 88% 100%,rgba(252,79,0,.28),transparent 42%),
    linear-gradient(145deg,rgba(252,79,0,.79) 0%,rgba(252,79,0,.70) 52%,rgba(252,79,0,.67) 100%)!important;
  border-color:rgba(252,79,0,.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(160,54,0,.18),
    0 0 0 1px rgba(252,79,0,.12),
    0 8px 22px rgba(252,79,0,.16),
    0 0 19px rgba(252,79,0,.10)!important;
  backdrop-filter:blur(16px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
}

.sbx-hero .sbx-btn--orange:before,
.sbx-youtube-cta .sbx-btn--orange:before,
.sbx-youtube-banner .sbx-btn--orange:before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.055) 25%,transparent 48%,rgba(252,79,0,.09) 100%)!important;
}

/* White YouTube glyph on orange-glass primary buttons. */
.sbx-hero .sbx-btn--orange svg rect,
.sbx-youtube-cta .sbx-btn--orange svg rect,
.sbx-youtube-banner .sbx-btn--orange svg rect{fill:#fff!important}
.sbx-hero .sbx-btn--orange svg path,
.sbx-youtube-cta .sbx-btn--orange svg path,
.sbx-youtube-banner .sbx-btn--orange svg path{fill:#fc4f00!important;stroke:currentColor}

/* Secondary hero buttons: deeper smoked glass with restrained orange energy. */
.sbx-hero .sbx-btn--glass,
.sbx-inner-hero .sbx-btn--glass{
  background:
    radial-gradient(circle at 92% 92%,rgba(252,79,0,.11),transparent 34%),
    linear-gradient(145deg,rgba(42,47,52,.64) 0%,rgba(13,17,21,.84) 52%,rgba(6,9,11,.94) 100%)!important;
  border-color:rgba(235,240,245,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(252,79,0,.18),
    0 7px 18px rgba(0,0,0,.28),
    0 0 17px rgba(252,79,0,.07)!important;
}

/* Header YouTube chip stays dark glass, but its icon is cleaner / brighter. */
.sbx-youtube svg rect{fill:#fc4f00!important}
.sbx-youtube svg path{fill:#fff!important}

/* ---------- YouTube community strip internal material ---------- */
/* Border/rim rules intentionally untouched; this changes only the internal fill. */
.sbx-youtube-cta,
.sbx-youtube-banner{
  background:
    radial-gradient(ellipse at 82% 115%,rgba(252,79,0,.115),transparent 44%),
    linear-gradient(145deg,rgba(29,34,39,.69) 0%,rgba(10,14,17,.88) 52%,rgba(5,8,10,.96) 100%)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}

/* Large YouTube tile: keep the familiar red identity but make it glassy and coherent. */
.sbx-yt-box{
  background:
    radial-gradient(circle at 28% 12%,rgba(255,255,255,.19),transparent 28%),
    linear-gradient(145deg,rgba(255,31,31,.92),rgba(205,0,0,.82))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(100,0,0,.18),
    0 10px 24px rgba(170,0,0,.18),
    0 0 17px rgba(252,79,0,.10)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.sbx-yt-box svg rect{fill:transparent!important}
.sbx-yt-box svg path{fill:#fff!important}

/* Slight text lift inside CTA strips. */
.sbx-youtube-cta h3,
.sbx-youtube-banner h3{
  text-shadow:0 2px 17px rgba(0,0,0,.42);
}

@media(max-width:760px){
  .sbx-hero::before,.sbx-inner-hero::before{
    background:
      linear-gradient(90deg,transparent,rgba(255,255,255,.075) 22%,transparent 62%) top/100% 1px no-repeat,
      radial-gradient(ellipse at 84% 34%,rgba(252,79,0,.085),transparent 45%)!important;
  }
  .sbx-hero__copy::after{left:-8%;bottom:5%;width:112%;height:48%;opacity:.74}
  .sbx-youtube-cta,.sbx-youtube-banner{background:linear-gradient(145deg,rgba(27,32,37,.75),rgba(5,8,10,.96))!important}
}


/* ==========================================================
   v8.0.16 — BRAND ORANGE SYNC + HERO EMBER FLECKS
   Master orange sampled from supplied Simply Blockchain logo:
   #FC4F00. Approved v8.0.13 border geometry remains locked.
   ========================================================== */
:root{
  --orange:#fc4f00!important;
  --orange2:#fc4f00!important;
  --glow:0 0 24px rgba(252,79,0,.10)!important;
}

/* Sparse ember/glow flecks in the text-led hero atmosphere.
   These sit behind content and do not alter the locked panel borders. */
.sbx-hero::before,
.sbx-inner-hero::before{
  background:
    radial-gradient(circle at 77% 20%,rgba(252,79,0,.98) 0 1px,rgba(252,79,0,.30) 1.5px 3px,transparent 6px),
    radial-gradient(circle at 88% 34%,rgba(252,79,0,.88) 0 .9px,rgba(252,79,0,.20) 1.4px 2.8px,transparent 5px),
    radial-gradient(circle at 69% 63%,rgba(252,79,0,.84) 0 .8px,rgba(252,79,0,.18) 1.3px 2.6px,transparent 5px),
    radial-gradient(circle at 94% 73%,rgba(252,79,0,.96) 0 1px,rgba(252,79,0,.25) 1.6px 3.2px,transparent 6px),
    radial-gradient(circle at 58% 84%,rgba(252,79,0,.72) 0 .75px,rgba(252,79,0,.14) 1.2px 2.3px,transparent 4.5px),
    radial-gradient(circle at 83% 89%,rgba(252,79,0,.78) 0 .75px,rgba(252,79,0,.15) 1.2px 2.4px,transparent 4.5px),
    linear-gradient(90deg,transparent 2%,rgba(255,255,255,.11) 18%,rgba(255,255,255,.018) 42%,transparent 66%) top/100% 1px no-repeat,
    radial-gradient(ellipse at 68% 72%,rgba(252,79,0,.085),transparent 36%),
    radial-gradient(ellipse at 92% 12%,rgba(252,79,0,.045),transparent 25%)!important;
}

/* Keep the orange-glass CTAs on the exact same brand hue; variation comes
   from opacity/glass reflections rather than a different orange shade. */
.sbx-hero .sbx-btn--orange,
.sbx-youtube-cta .sbx-btn--orange,
.sbx-youtube-banner .sbx-btn--orange{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.22),transparent 32%),
    radial-gradient(circle at 88% 100%,rgba(252,79,0,.28),transparent 42%),
    linear-gradient(145deg,rgba(252,79,0,.80) 0%,rgba(252,79,0,.70) 55%,rgba(252,79,0,.62) 100%)!important;
  border-color:rgba(252,79,0,.62)!important;
}

.sbx-hero .sbx-btn--orange svg path,
.sbx-youtube-cta .sbx-btn--orange svg path,
.sbx-youtube-banner .sbx-btn--orange svg path{
  fill:#fc4f00!important;
}
.sbx-youtube svg rect{fill:#fc4f00!important}

@media(max-width:760px){
  .sbx-hero::before,
  .sbx-inner-hero::before{
    background:
      radial-gradient(circle at 82% 22%,rgba(252,79,0,.92) 0 1px,rgba(252,79,0,.22) 1.5px 3px,transparent 6px),
      radial-gradient(circle at 91% 52%,rgba(252,79,0,.78) 0 .8px,rgba(252,79,0,.16) 1.3px 2.5px,transparent 5px),
      radial-gradient(circle at 72% 78%,rgba(252,79,0,.74) 0 .75px,rgba(252,79,0,.14) 1.2px 2.3px,transparent 4.5px),
      linear-gradient(90deg,transparent,rgba(255,255,255,.075) 22%,transparent 62%) top/100% 1px no-repeat,
      radial-gradient(ellipse at 84% 34%,rgba(252,79,0,.085),transparent 45%)!important;
  }
}


/* ==========================================================
   v8.0.17 — HOMEPAGE ICON / YOUTUBE TILE / FOOTER FIT FIX
   Approved border/rim system remains locked and unchanged.
   ========================================================== */

/* Homepage feature icons: clearer silhouettes without changing card geometry. */
.home .sbx-feature:nth-child(1) > img,
.home .sbx-feature:nth-child(3) > img{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
}

/* Homepage YouTube CTA: make the white play glyph visually fill the red glass tile. */
.home .sbx-youtube-cta .sbx-yt-box svg{
  width:46px!important;
  height:34px!important;
  overflow:visible!important;
}
.home .sbx-youtube-cta .sbx-yt-box svg path{
  fill:#fff!important;
  transform:scale(1.62)!important;
  transform-origin:center!important;
  transform-box:fill-box!important;
}

/* Footer: percentages previously consumed 100% before grid gaps, pushing the
   newsletter button beyond the right edge. Give the newsletter a real flexible
   column and keep the form completely inside the page. */
.sbx-footer__grid{
  grid-template-columns:23% 12% 12% 13% minmax(0,1fr)!important;
  column-gap:18px!important;
  row-gap:12px!important;
}
.sbx-footer__newsletter{
  min-width:0!important;
  padding-left:4px!important;
}
.sbx-footer__newsletter .sbx-inline-form{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  gap:8px!important;
}
.sbx-footer__newsletter .sbx-inline-form input{
  min-width:0!important;
  width:auto!important;
  flex:1 1 auto!important;
}
.sbx-footer__newsletter .sbx-inline-form button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding-inline:16px!important;
}

@media(max-width:980px){
  .sbx-footer__grid{
    grid-template-columns:22% 12% 12% 13% minmax(0,1fr)!important;
    column-gap:14px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form button{padding-inline:12px!important}
}

@media(max-width:760px){
  .sbx-footer__grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .sbx-footer__brand,.sbx-footer__newsletter{grid-column:1/-1!important}
  .sbx-footer__newsletter{padding-left:0!important}
}

@media(max-width:480px){
  .sbx-footer__grid{grid-template-columns:1fr!important}
  .sbx-footer__brand,.sbx-footer__newsletter{grid-column:auto!important}
  .sbx-footer__newsletter .sbx-inline-form{display:grid!important;grid-template-columns:1fr auto!important}
}




/* v8.0.19 — match recreated homepage icons to the approved thin-line icon system */
.home .sbx-feature:nth-child(1) > img,
.home .sbx-feature:nth-child(3) > img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
}


/* ==========================================================
   v8.0.24 — ACADEMY CTA + PRODUCT PREVIEW POLISH
   Scoped to Academy only. Global locked rim/border system unchanged.
   ========================================================== */

/* Premium Academy waitlist CTA */
.sbx-academy-hero .sbx-waitlist--premium{
  max-width:760px!important;
  margin-top:22px!important;
  padding:15px 16px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:54px minmax(180px,.9fr) minmax(320px,1.35fr)!important;
  gap:14px!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 94% 50%,rgba(252,79,0,.12),transparent 25%),
    linear-gradient(135deg,rgba(38,43,48,.70),rgba(10,13,16,.88) 52%,rgba(16,8,4,.86))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 30px rgba(255,255,255,.015),
    0 12px 28px rgba(0,0,0,.28)!important;
}
.sbx-academy-hero .sbx-waitlist__icon{
  width:50px;height:50px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(252,79,0,.15),rgba(255,255,255,.025));
  border:1px solid rgba(252,79,0,.42);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 16px rgba(252,79,0,.10);
}
.sbx-academy-hero .sbx-waitlist__icon img{width:30px!important;height:30px!important;margin:0!important}
.sbx-waitlist__copy{min-width:0}
.sbx-waitlist__eyebrow{display:block;color:var(--orange);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.sbx-waitlist__copy strong{display:block;font-size:15px;line-height:1.15;color:#fff;margin-bottom:3px}
.sbx-waitlist__copy small{display:block;color:#adb4bb;font-size:9.5px;line-height:1.35}
.sbx-academy-hero .sbx-waitlist__form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;align-items:center}
.sbx-academy-hero .sbx-waitlist__form input{
  height:46px!important;border-radius:10px!important;padding:0 14px!important;
  background:rgba(3,6,8,.78)!important;border:1px solid rgba(232,237,242,.20)!important;
  box-shadow:inset 0 1px 5px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.035)!important;
}
.sbx-academy-hero .sbx-waitlist__form .sbx-btn{height:46px!important;border-radius:10px!important;padding:0 18px!important}

/* Academy course portal preview — intentionally looks like a polished product screenshot */
.sbx-dashboard--premium{
  min-height:430px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 92% 92%,rgba(252,79,0,.085),transparent 25%),
    linear-gradient(145deg,rgba(29,34,39,.86),rgba(5,8,10,.98) 68%,rgba(12,7,4,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 22px 45px rgba(0,0,0,.32)!important;
}
.sbx-dashboard--premium .sbx-dashboard__bar{
  height:58px!important;padding:0 17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.sbx-dashboard__brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}
.sbx-dashboard__logo{width:122px!important;height:auto!important;max-height:32px!important;object-fit:contain!important}
.sbx-dashboard__academy-chip{padding:5px 8px;border-radius:6px;border:1px solid rgba(252,79,0,.32);background:rgba(252,79,0,.08);color:#fff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.sbx-dashboard__window-meta{display:flex;align-items:center;gap:14px;color:#7f8790;font-size:8px}
.sbx-dashboard--premium .sbx-dashboard__body{grid-template-columns:138px 1fr!important;min-height:370px!important}
.sbx-dashboard--premium .sbx-dashboard__nav{padding:15px 10px!important;background:linear-gradient(180deg,rgba(2,5,7,.72),rgba(4,7,9,.48))!important}
.sbx-dashboard__nav-label{font-size:7px;text-transform:uppercase;letter-spacing:.11em;color:#59616a;padding:4px 8px 7px;font-weight:800}
.sbx-dashboard__nav-label--secondary{margin-top:9px}
.sbx-dashboard--premium .sbx-dashboard__nav span{padding:8px 9px!important;font-size:9px!important;border-radius:6px!important}
.sbx-dashboard--premium .sbx-dashboard__nav span.is-active{background:linear-gradient(90deg,rgba(252,79,0,.16),rgba(252,79,0,.035),transparent)!important;box-shadow:inset 2px 0 var(--orange),inset 0 1px rgba(255,255,255,.03)!important}
.sbx-dashboard--premium .sbx-dashboard__main{padding:18px 19px 20px!important}
.sbx-dashboard__welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}
.sbx-dashboard__welcome>div span,.sbx-dashboard__paths-head>div span{display:block;text-transform:uppercase;color:#87909a;font-size:7.5px;font-weight:800;letter-spacing:.08em;margin-bottom:3px}
.sbx-dashboard__welcome>div strong{font-size:15px;color:#fff}
.sbx-dashboard__preview-badge{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);color:#9da5ad;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.sbx-course-card--premium{
  grid-template-columns:68px minmax(0,1fr) 48px!important;gap:13px!important;padding:14px!important;border-radius:11px!important;
  background:linear-gradient(140deg,rgba(32,37,42,.80),rgba(8,11,14,.94) 66%)!important;
  border:1px solid rgba(235,240,245,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 22px rgba(0,0,0,.20)!important;
}
.sbx-course-card__icon--brand{width:68px!important;height:68px!important;border-radius:10px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 45%,rgba(252,79,0,.18),rgba(252,79,0,.025) 55%,transparent)!important;border:1px solid rgba(252,79,0,.32)!important}
.sbx-course-card__icon--brand img{width:36px!important;height:42px!important;object-fit:contain!important;filter:drop-shadow(0 0 7px rgba(252,79,0,.20))}
.sbx-course-card__label{display:inline-block;color:var(--orange);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.sbx-course-card--premium .sbx-course-card__content strong{font-size:13px!important;margin-bottom:4px!important}
.sbx-course-card--premium .sbx-course-card__content p{font-size:9px!important;margin-bottom:8px!important;color:#aeb5bc!important}
.sbx-course-card__meta{display:flex;gap:12px;color:#7f8790;font-size:7.5px;margin-top:5px}
.sbx-course-card__progress{text-align:right;align-self:center}.sbx-course-card__progress strong{display:block;color:#fff;font-size:14px}.sbx-course-card__progress small{display:block;color:#757e87;font-size:7px;margin-top:1px}
.sbx-dashboard__paths-head{display:flex;justify-content:space-between;align-items:flex-end;margin:16px 0 8px}
.sbx-dashboard__paths-head>div strong{font-size:12px;color:#fff}.sbx-dashboard__paths-head>small{color:#69727b;font-size:7.5px}
.sbx-dashboard--premium .sbx-dashboard__path{min-height:42px!important;padding:10px 11px!important;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;border-color:rgba(255,255,255,.095)!important}
.sbx-dashboard--premium .sbx-dashboard__path span{display:flex;align-items:center;gap:7px;color:#c9ced3!important;font-size:9px!important}
.sbx-path-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 7px rgba(252,79,0,.45)}
.sbx-path-dot--violet{background:#9d55ff;box-shadow:0 0 7px rgba(157,85,255,.40)}

@media(max-width:980px){
  .sbx-academy-hero .sbx-waitlist--premium{grid-template-columns:50px 1fr!important}
  .sbx-academy-hero .sbx-waitlist__form{grid-column:1/-1!important}
}
@media(max-width:760px){
  .sbx-academy-hero .sbx-waitlist--premium{grid-template-columns:44px 1fr!important;border-radius:14px!important;padding:13px!important}
  .sbx-academy-hero .sbx-waitlist__icon{width:42px;height:42px;border-radius:11px}
  .sbx-academy-hero .sbx-waitlist__icon img{width:25px!important;height:25px!important}
  .sbx-academy-hero .sbx-waitlist__form{grid-template-columns:1fr!important}
  .sbx-academy-hero .sbx-waitlist__form .sbx-btn{width:100%!important}
  .sbx-dashboard--premium .sbx-dashboard__body{grid-template-columns:1fr!important}
  .sbx-dashboard--premium .sbx-dashboard__nav{display:none!important}
  .sbx-dashboard__window-meta>span:first-child{display:none}
  .sbx-dashboard__logo{width:108px!important}
  .sbx-course-card--premium{grid-template-columns:54px 1fr!important}
  .sbx-course-card__icon--brand{width:54px!important;height:54px!important}
  .sbx-course-card__progress{grid-column:2;text-align:left;display:flex;gap:5px;align-items:baseline}
}


/* ==========================================================
   v8.0.25 — TOOLS & RESOURCES STRUCTURE
   Keeps approved v8.0.21+ visual system and locked rim geometry.
   ========================================================== */
.sbx-resource-lead{max-width:760px;color:#c7cdd2;font-size:14px;line-height:1.65;margin:7px 0 20px}
.sbx-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sbx-resource-card{padding:18px;border-radius:11px;min-width:0}
.sbx-resource-card__head{display:flex;align-items:center;gap:11px;padding-bottom:13px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}
.sbx-resource-card__head img{width:34px;height:34px;object-fit:contain}
.sbx-resource-card__head h3{font-size:15px;line-height:1.2;margin:0}
.sbx-resource-card>a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e7eaed;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.065);font-size:12px;transition:color .18s ease,transform .18s ease}
.sbx-resource-card>a:last-child{border-bottom:0}
.sbx-resource-card>a svg{width:15px;height:15px;color:var(--orange);flex:0 0 auto}
.sbx-resource-card>a:hover{color:#fff;transform:translateX(2px)}
.sbx-resource-note,.sbx-compare-note{margin:15px 2px 0;color:#919aa2;font-size:11px;line-height:1.55}
.sbx-compare-wrap{overflow:auto;border-radius:10px}
.sbx-compare td small,.sbx-compare th small{display:inline-block;margin-top:3px;color:#9da5ac;font-size:9px;font-weight:500;line-height:1.25}
.sbx-compare td strong{color:#fff;font-size:12px}
.sbx-tool-feature__head img[src*="axiom-theme"]{width:58px!important;height:58px!important}
@media(max-width:980px){.sbx-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sbx-resource-grid{grid-template-columns:1fr}}


/* v8.0.26 — Axiom official + themed brand treatment */
.sbx-tool-feature--axiom .sbx-tool-feature__head{position:relative}
.sbx-tool-feature--axiom .sbx-tool-feature__head>img:first-child{
  width:58px!important;height:58px!important;object-fit:contain!important;
  filter:none!important;
}
.sbx-official-mark--axiom{
  margin-left:auto;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
.sbx-official-mark--axiom img{width:23px!important;height:23px!important;object-fit:contain!important;filter:none!important}
.sbx-compare-brand{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.sbx-compare-brand img{width:19px!important;height:19px!important;object-fit:contain!important;filter:none!important}
@media(max-width:767px){
  .sbx-tool-feature--axiom .sbx-tool-feature__head>img:first-child{width:50px!important;height:50px!important}
  .sbx-official-mark--axiom{width:30px;height:30px}
  .sbx-official-mark--axiom img{width:20px!important;height:20px!important}
}


/* v8.0.27 — Axiom referral + sitewide featured-tool consistency */
.sbx-guide-row__cards--four{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px) and (min-width:761px){.sbx-guide-row__cards--four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sbx-guide-row__cards--four{grid-template-columns:1fr}}


/* v8.0.28 — tool icon corrections + Guides copy cleanup */
/* Axiom uses the same optical line weight as the themed tool set. */
.sbx-tool-feature__head img[src*="axiom-theme-v28"],
.sbx-tool-mini img[src*="axiom-theme-v28"],
.sbx-article-card img[src*="axiom-theme-v28"]{filter:none!important}


/* ==========================================================
   v8.0.29 — TOOL ORDER / ICON COLOUR / PREMIUM HERO PASS
   Locked v8.0.13 card & panel border/rim geometry is untouched.
   ========================================================== */

/* All four custom trading-tool marks now share one optical colour treatment. */
.sbx-tool-mini > img,
.sbx-tool-feature__head > img,
.sbx-guide-row__cards--four .sbx-article-card > img,
.sbx-compare th img{
  filter:drop-shadow(0 0 7px rgba(252,79,0,.18))!important;
}

/* Premium text-led hero: deeper smoked glass texture without creating a boxed border. */
.sbx-hero,
.sbx-inner-hero{
  background:
    radial-gradient(ellipse at 83% 24%,rgba(252,79,0,.105) 0%,rgba(252,79,0,.025) 31%,transparent 58%),
    radial-gradient(ellipse at 12% 8%,rgba(255,255,255,.038),transparent 34%),
    linear-gradient(118deg,#020405 0%,#071015 42%,#030608 68%,#020405 100%)!important;
}

/* Glass sheen behind the copy only; no border or rim changes. */
.sbx-hero__copy{
  position:relative!important;
  isolation:isolate!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.028) 0%,transparent 34%),
    radial-gradient(ellipse at 18% 18%,rgba(255,255,255,.022),transparent 50%)!important;
  backdrop-filter:blur(2px) saturate(1.04);
  -webkit-backdrop-filter:blur(2px) saturate(1.04);
}
.sbx-hero__copy:before{
  content:"";
  position:absolute;
  inset:3% -3% 4% -4%;
  z-index:-1;
  pointer-events:none;
  border-radius:32px;
  background:
    linear-gradient(115deg,rgba(255,255,255,.052) 0%,rgba(255,255,255,.012) 19%,transparent 43%),
    radial-gradient(ellipse at 72% 88%,rgba(252,79,0,.052),transparent 46%);
  filter:blur(.2px);
  opacity:.9;
}

/* Glossy headline material: silver-white glass highlight rather than flat white. */
.sbx-hero h1,
.sbx-inner-hero h1,
.sbx-guides-hero h1{
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 37%,#e8ecef 62%,#bdc5cc 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#f7f8f9;
  text-shadow:0 5px 28px rgba(0,0,0,.42),0 0 20px rgba(255,255,255,.018)!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.08));
}
.sbx-hero h1 .accent,
.sbx-inner-hero h1 .accent,
.sbx-guides-hero h1 .accent{
  background:linear-gradient(180deg,#ff884d 0%,#fc4f00 51%,#c73b00 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#fc4f00!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 9px rgba(252,79,0,.12));
}
.sbx-hero__eyebrow,.sbx-label{
  text-shadow:0 0 12px rgba(252,79,0,.10);
}

/* Guides has a custom top layout rather than .sbx-hero; give it the same internal premium material. */
.sbx-guides-hero{
  background:
    radial-gradient(ellipse at 88% 18%,rgba(252,79,0,.095),transparent 35%),
    linear-gradient(125deg,rgba(33,39,45,.78),rgba(8,12,15,.94) 48%,rgba(4,7,9,.98))!important;
  backdrop-filter:blur(16px) saturate(1.06);
  -webkit-backdrop-filter:blur(16px) saturate(1.06);
}
.sbx-guides-hero > div:first-child{
  position:relative;
  z-index:2;
  background:linear-gradient(135deg,rgba(255,255,255,.028),transparent 38%);
}

/* Tools page title: two deliberate lines. */
.sbx-tools-hero h1{
  max-width:760px!important;
  width:auto;
  white-space:normal;
  font-size:clamp(38px,4.1vw,54px)!important;
}
.sbx-tools-hero__line{
  display:block;
}
.sbx-tools-hero h1 .accent.sbx-tools-hero__line{
  margin-top:.08em;
}

@media(max-width:980px){
  .sbx-tools-hero h1{font-size:38px!important}
}
@media(max-width:760px){
  .sbx-hero__copy:before{inset:0 -5% 0 -5%;border-radius:22px;opacity:.72}
  .sbx-tools-hero h1{font-size:clamp(34px,10vw,43px)!important}
}


/* ==========================================================
   v8.0.30 — HERO INNER-BOX CLEANUP
   Removes the visible rounded inset layer introduced by the
   premium hero pass while preserving full-width sheen/glow.
   Approved v8.0.13 card/panel borders remain untouched.
   ========================================================== */

/* No boxed material behind hero copy. */
.sbx-hero__copy{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:auto!important;
}
.sbx-hero__copy::before,
.sbx-hero__copy::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Keep the premium atmosphere full-bleed instead of inset. */
.sbx-hero::before,
.sbx-inner-hero::before{
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.012) 1px,transparent 70px),
    radial-gradient(ellipse at 18% 20%,rgba(255,255,255,.026),transparent 35%),
    radial-gradient(ellipse at 76% 72%,rgba(252,79,0,.075),transparent 38%),
    radial-gradient(ellipse at 94% 15%,rgba(252,79,0,.042),transparent 25%)!important;
}

/* Guides uses a bespoke hero layout: remove only its inner copy wash. */
.sbx-guides-hero > div:first-child{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media(max-width:760px){
  .sbx-hero__copy::before,.sbx-hero__copy::after{display:none!important}
}


/* ==========================================================
   v8.0.32 — ABOUT PAGE SECURITY & RISK DISCLAIMER
   Uses the approved site material system without altering the
   locked v8.0.13 border/rim geometry.
   ========================================================== */
.sbx-risk-disclaimer{padding:34px!important}
.sbx-risk-disclaimer__intro{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start;max-width:860px;margin-bottom:24px}
.sbx-risk-disclaimer__icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(252,79,0,.14),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(252,79,0,.06)}
.sbx-risk-disclaimer__icon svg{width:31px;height:31px;color:var(--orange)}
.sbx-risk-disclaimer .sbx-title{max-width:720px;margin-bottom:10px!important}
.sbx-risk-disclaimer .sbx-copy{max-width:860px;margin:0!important}

.sbx-risk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 18px}
.sbx-risk-card{padding:19px;min-height:190px;border-radius:12px}
.sbx-risk-card>svg{width:30px;height:30px;color:var(--orange);margin-bottom:14px}
.sbx-risk-card h3{margin:0 0 9px;color:#fff;font-size:15px}
.sbx-risk-card p{margin:0;color:#c7cdd2;font-size:12px;line-height:1.58}

.sbx-wallet-practice{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:22px 24px;margin-top:14px;border-radius:12px;background:
  radial-gradient(ellipse at 92% 74%,rgba(252,79,0,.11),transparent 38%),
  linear-gradient(145deg,rgba(29,34,39,.74),rgba(8,11,14,.92))!important}
.sbx-wallet-practice__icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:rgba(252,79,0,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.sbx-wallet-practice__icon svg{width:33px;height:33px;color:var(--orange)}
.sbx-wallet-practice__label{display:block;color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.sbx-wallet-practice h3{margin:0 0 8px;color:#fff;font-size:19px}
.sbx-wallet-practice p{margin:0 0 7px;color:#d5d9dc;font-size:13px;line-height:1.6}
.sbx-wallet-practice__note{color:#aeb5bb!important;font-size:11px!important}

.sbx-risk-legal{max-width:940px;margin:18px 0 0!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#969fa7;font-size:11px;line-height:1.6}

@media(max-width:980px){
  .sbx-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .sbx-risk-disclaimer{padding:22px!important}
  .sbx-risk-disclaimer__intro,.sbx-wallet-practice{grid-template-columns:1fr}
  .sbx-risk-grid{grid-template-columns:1fr}
  .sbx-risk-card{min-height:0}
}


/* ==========================================================
   v8.0.36 — CONTACT PAGE CLEANUP
   ========================================================== */
.sbx-contact-hero-note{
  border-radius:12px!important;
  overflow:hidden;
}
.sbx-community-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.sbx-community-card > img{
  width:46px!important;
  height:46px!important;
  object-fit:contain;
  margin-bottom:12px!important;
}

@media(max-width:980px){
  .sbx-community-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .sbx-community-grid--three{grid-template-columns:1fr!important}
}


/* ==========================================================
   v8.0.37 — CONTACT PAGE ALIGNMENT + ICON REFINEMENT
   ========================================================== */

/* Bring the form/cards to the same outer alignment as the panels below. */
.sbx-contact-layout{
  padding-left:0!important;
  padding-right:0!important;
}

/* Keep the form itself premium but flush with the site content grid. */
.sbx-contact-form{
  margin-left:0!important;
}

/* Contact cards now use a clean CTA rather than exposing the email address. */
.sbx-contact-card__cta{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 13px!important;
  border-radius:8px!important;
  color:#fff!important;
  font-weight:700;
  width:max-content;
  background:
    radial-gradient(circle at 90% 90%,rgba(252,79,0,.10),transparent 38%),
    linear-gradient(145deg,rgba(29,34,39,.72),rgba(8,11,14,.92));
  border:1px solid rgba(235,239,243,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 0 0 1px rgba(252,79,0,.14),
    0 0 13px rgba(252,79,0,.055);
}
.sbx-contact-card__cta svg{
  width:15px;
  height:15px;
}

/* New custom contact icons: same footprint and optical weight as the email icon. */
.sbx-contact-card > img,
.sbx-community-card > img{
  object-fit:contain;
}
.sbx-contact-card > img{
  width:48px!important;
  height:48px!important;
}
.sbx-community-card > img{
  width:46px!important;
  height:46px!important;
}

@media(max-width:760px){
  .sbx-contact-layout{
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* v8.0.38 — refined contact card icon sizing */
.sbx-contact-card > img{
  width:42px!important;
  height:42px!important;
  margin-top:2px!important;
}

/* v8.0.41 — final link/form functionality audit */
.sbx-form-success{margin:8px 0;color:#dce7df;font-size:12px;font-weight:700}
.sbx-form-error{margin:8px 0;color:#ff9a72;font-size:12px;font-weight:700}
.sbx-waitlist__message{grid-column:2 / -1;margin:0 0 7px}
.sbx-anchor-target{display:block;position:relative;top:-84px;visibility:hidden}
.sbx-topicbar__chips a.sbx-chip{text-decoration:none}
.sbx-article-toc{display:flex;flex-direction:column}
.sbx-article-toc a.is-sub{padding-left:14px;font-size:11px;opacity:.82}


/* v8.0.42 — invisible contact-form anti-spam */
.sbx-honeypot{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* ==========================================================
   v8.0.43 — FULL TABLET + MOBILE RESPONSIVE PASS
   All visual changes below are breakpoint-scoped.
   Desktop (>1024px) remains the locked v8.0.42 design.
   ========================================================== */

@media (max-width:1024px){
  .sbx-wrap{width:min(92%,900px)!important}
  .sbx-section{padding:28px!important}
  .sbx-title{font-size:clamp(29px,4.1vw,34px)!important}
  .sbx-copy{font-size:15px!important}

  /* Header */
  .sbx-header{height:72px!important}
  .sbx-header__row{grid-template-columns:1fr auto!important;gap:12px!important}
  .sbx-brand img{width:178px!important}
  .sbx-actions{gap:10px!important}
  .sbx-actions .sbx-search-icon{display:none!important}
  .sbx-menu-btn{display:block!important;position:relative;z-index:103}
  .sbx-youtube{height:40px!important;padding:0 13px!important;font-size:12px!important}
  .sbx-nav{position:absolute!important;z-index:102!important;left:0!important;right:0!important;top:72px!important;height:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:10px 4% 14px!important;background:rgba(3,6,8,.985)!important;border-bottom:1px solid rgba(235,240,245,.16)!important;box-shadow:0 22px 34px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
  .sbx-nav.is-open{display:flex!important}
  .sbx-nav a{width:100%!important;height:auto!important;min-height:46px!important;padding:0 4px!important;font-size:14px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .sbx-nav a:last-child{border-bottom:0!important}
  .sbx-nav a.is-active:after{display:none!important}

  /* Heroes */
  .sbx-hero,.sbx-inner-hero{min-height:0!important}
  .sbx-hero__grid,.sbx-inner-hero .sbx-hero__grid{grid-template-columns:1fr!important;min-height:0!important}
  .sbx-hero__copy,.home .sbx-hero__copy{width:100%!important;max-width:820px!important;min-height:0!important;padding:48px 0 42px!important}
  .sbx-hero h1,.sbx-inner-hero h1,.home .sbx-hero h1{max-width:760px!important;font-size:clamp(42px,6.2vw,58px)!important}
  .sbx-tools-hero h1{font-size:clamp(40px,6vw,54px)!important}
  .sbx-hero__lead{max-width:680px!important;font-size:17px!important}
  .sbx-hero__trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:650px!important;gap:16px 24px!important}
  .sbx-trust{padding:0!important;border-right:0!important}
  .sbx-icon-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:650px!important;gap:12px 18px!important}

  /* Home / shared content */
  .sbx-about-grid,.sbx-academy-intro,.sbx-why,.sbx-contact-layout{grid-template-columns:1fr!important}
  .sbx-section-copy{padding:2px 2px 12px!important}
  .sbx-section-copy .sbx-copy{max-width:680px!important}
  .sbx-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-rail{grid-template-columns:1fr!important;gap:18px!important}
  .sbx-rail__lead{padding:2px 2px 4px!important}
  .sbx-tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sbx-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .sbx-guide-grid .sbx-guide-card:nth-child(n){display:flex!important}
  .sbx-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-academy-strip{padding:26px!important}
  .sbx-youtube-cta{padding:20px 22px!important}

  /* Guides */
  .sbx-guides-hero{grid-template-columns:1fr!important;padding:26px!important}
  .sbx-guides-hero h1{font-size:clamp(40px,6vw,52px)!important}
  .sbx-guides-hero p{max-width:680px!important}
  .sbx-guide-feature{grid-template-columns:minmax(0,1fr) 170px!important;padding:22px!important}
  .sbx-guide-visual{height:150px!important}
  .sbx-guide-visual img{width:100px!important;height:100px!important}
  .sbx-topicbar{grid-template-columns:1fr!important;gap:14px!important;padding:16px!important}
  .sbx-search-box{width:100%!important}
  .sbx-guide-row{grid-template-columns:1fr!important;gap:12px!important}
  .sbx-guide-row__lead{padding:18px 6px 4px!important;max-width:680px!important}
  .sbx-guide-row__cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sbx-guide-row__cards--four{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Academy */
  .sbx-academy-hero .sbx-waitlist--premium{grid-template-columns:50px minmax(0,1fr)!important;max-width:720px!important}
  .sbx-academy-hero .sbx-waitlist__form{grid-column:1/-1!important}
  .sbx-dashboard--premium{min-height:0!important}
  .sbx-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sbx-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-benefit{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .sbx-benefit:nth-last-child(-n+2){border-bottom:0!important}

  /* Tools */
  .sbx-tool-feature-grid,.sbx-promise-grid,.sbx-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-compare-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .sbx-compare{min-width:720px!important}

  /* About */
  .sbx-values{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-value{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .sbx-value:nth-last-child(-n+2){border-bottom:0!important}
  .sbx-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Contact */
  .sbx-contact-form{width:100%!important}
  .sbx-contact-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .sbx-contact-card{grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;min-width:0!important}
  .sbx-community-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* Articles */
  .sbx-article-wrap{grid-template-columns:1fr!important;gap:14px!important}
  .sbx-article-side{position:static!important;top:auto!important}
  .sbx-article-toc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:22px!important}

  /* Footer */
  .sbx-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 34px!important}
  .sbx-footer__brand,.sbx-footer__newsletter{grid-column:1/-1!important}
  .sbx-footer__brand p{max-width:430px!important}
  .sbx-footer__newsletter{padding-left:0!important;max-width:620px!important}
}

@media (max-width:860px){
  .sbx-academy-strip,.sbx-youtube-cta{grid-template-columns:1fr!important}
  .sbx-academy-strip__action{text-align:left!important}
  .sbx-youtube-cta .sbx-btn{justify-self:start!important}
  .sbx-contact-cards{grid-template-columns:1fr!important}
  .sbx-community-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
  .sbx-wrap{width:min(92%,620px)!important}
  .sbx-section{padding:21px 17px!important;margin-top:8px!important}
  .sbx-title{font-size:clamp(27px,8.2vw,32px)!important;line-height:1.08!important}
  .sbx-label{font-size:10.5px!important;margin-bottom:10px!important}
  .sbx-copy{font-size:14px!important;line-height:1.6!important}

  /* Header */
  .sbx-header{height:68px!important}
  .sbx-header__row{gap:8px!important}
  .sbx-brand img{width:154px!important}
  .sbx-actions{gap:7px!important}
  .sbx-youtube{display:flex!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important}
  .sbx-youtube span{display:none!important}
  .sbx-youtube svg{width:19px!important}
  .sbx-menu-btn{width:40px!important;height:40px!important}
  .sbx-nav{top:68px!important;padding:8px 4% 12px!important}
  .sbx-nav a{min-height:44px!important;font-size:13.5px!important}

  /* Heroes */
  .sbx-hero__copy,.home .sbx-hero__copy{padding:34px 0 30px!important}
  .sbx-hero h1,.sbx-inner-hero h1,.home .sbx-hero h1,.sbx-tools-hero h1{font-size:clamp(34px,10.4vw,44px)!important;line-height:1.01!important;letter-spacing:-.045em!important;margin-bottom:18px!important}
  .sbx-hero__lead{font-size:15px!important;line-height:1.58!important;margin-bottom:22px!important}
  .sbx-hero__buttons{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .sbx-hero__buttons .sbx-btn{width:100%!important}
  .sbx-hero__trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important;margin-top:26px!important}
  .sbx-trust{font-size:11.5px!important;gap:8px!important}
  .sbx-trust img{width:30px!important;height:30px!important}
  .sbx-icon-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important}
  .sbx-icon-row__item{font-size:10.5px!important}

  /* Home */
  .sbx-about-grid,.sbx-feature-grid,.sbx-rail,.sbx-tutorial-grid,.sbx-guide-grid,.sbx-tool-grid,.sbx-academy-strip,.sbx-youtube-cta{grid-template-columns:1fr!important}
  .sbx-feature{min-height:0!important;padding:18px!important}
  .sbx-rail__lead{padding:0 0 8px!important}
  .sbx-rail__lead .sbx-title{font-size:28px!important}
  .sbx-tutorial-grid{gap:18px!important}
  .sbx-tutorial-card h3{font-size:15px!important}
  .sbx-guide-card{min-height:118px!important}
  .sbx-tool-mini{min-height:76px!important}
  .sbx-academy-strip,.sbx-youtube-cta{padding:20px 18px!important}
  .sbx-academy-strip__action{text-align:left!important}
  .sbx-academy-strip__action .sbx-btn,.sbx-youtube-cta>.sbx-btn{width:100%!important}
  .sbx-youtube-cta__left{align-items:flex-start!important;gap:14px!important}
  .sbx-yt-box{width:60px!important;height:46px!important;flex:0 0 auto}
  .sbx-youtube-cta h3{font-size:20px!important}

  /* Guides */
  .sbx-guides-hero{padding:20px 17px!important;margin-top:10px!important}
  .sbx-guides-hero h1{font-size:clamp(33px,10vw,42px)!important}
  .sbx-guides-hero .sbx-icon-row{grid-template-columns:1fr!important}
  .sbx-guide-feature{grid-template-columns:1fr!important;padding:18px!important}
  .sbx-guide-feature h2{font-size:22px!important}
  .sbx-guide-visual{height:118px!important;order:-1}
  .sbx-guide-visual img{width:82px!important;height:82px!important}
  .sbx-guide-feature .sbx-btn{width:100%!important}
  .sbx-topicbar{padding:15px!important;overflow:hidden!important}
  .sbx-topicbar__chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding-bottom:3px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sbx-topicbar__chips::-webkit-scrollbar{display:none}
  .sbx-topicbar__chips .sbx-chip{flex:0 0 auto!important;white-space:nowrap!important}
  .sbx-search-box{height:44px!important}
  .sbx-search-box input{font-size:16px!important}
  .sbx-guide-row{margin-top:10px!important}
  .sbx-guide-row__lead{padding:15px 3px 3px!important}
  .sbx-guide-row__lead h2{font-size:23px!important}
  .sbx-guide-row__cards,.sbx-guide-row__cards--four{grid-template-columns:1fr!important}
  .sbx-article-card{min-height:0!important;padding:18px!important}

  /* Academy */
  .sbx-academy-hero .sbx-waitlist--premium{grid-template-columns:44px minmax(0,1fr)!important;padding:13px!important;gap:11px!important}
  .sbx-academy-hero .sbx-waitlist__icon{width:42px!important;height:42px!important}
  .sbx-academy-hero .sbx-waitlist__form{grid-template-columns:1fr!important;gap:8px!important}
  .sbx-academy-hero .sbx-waitlist__form input{width:100%!important;font-size:16px!important}
  .sbx-academy-hero .sbx-waitlist__form .sbx-btn{width:100%!important}
  .sbx-dashboard--premium .sbx-dashboard__body{grid-template-columns:1fr!important;min-height:0!important}
  .sbx-dashboard--premium .sbx-dashboard__nav{display:none!important}
  .sbx-dashboard--premium .sbx-dashboard__main{padding:14px!important}
  .sbx-dashboard__window-meta>span:first-child{display:none!important}
  .sbx-dashboard__logo{width:106px!important}
  .sbx-course-card--premium{grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  .sbx-course-card__icon--brand{width:54px!important;height:54px!important}
  .sbx-course-card__progress{grid-column:2!important;text-align:left!important;display:flex!important;gap:5px!important;align-items:baseline!important}
  .sbx-path-grid,.sbx-benefit-grid{grid-template-columns:1fr!important}
  .sbx-path-card{min-height:0!important;padding:18px!important}
  .sbx-benefit{padding:18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .sbx-benefit:last-child{border-bottom:0!important}

  /* Tools */
  .sbx-tool-feature-grid,.sbx-promise-grid,.sbx-resource-grid{grid-template-columns:1fr!important}
  .sbx-tool-feature{min-height:0!important;padding:18px!important}
  .sbx-tool-feature .sbx-btn{width:100%!important}
  .sbx-promise{padding:14px!important}
  .sbx-resource-card{min-height:0!important}
  .sbx-compare{min-width:680px!important}
  .sbx-compare th,.sbx-compare td{padding:10px!important;font-size:11px!important}

  /* About */
  .sbx-values,.sbx-risk-grid{grid-template-columns:1fr!important}
  .sbx-value{padding:18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .sbx-value:last-child{border-bottom:0!important}
  .sbx-checkline{min-height:52px!important;height:auto!important;padding:11px 13px!important}
  .sbx-risk-disclaimer{padding:21px 17px!important}
  .sbx-risk-disclaimer__intro,.sbx-wallet-practice{grid-template-columns:1fr!important}
  .sbx-risk-card{min-height:0!important}
  .sbx-wallet-practice{padding:18px!important}

  /* Contact */
  .sbx-contact-hero-note{max-width:100%!important;width:100%!important}
  .sbx-contact-form{padding:20px 17px!important}
  .sbx-contact-form h2{font-size:22px!important}
  .sbx-field input,.sbx-field textarea{font-size:16px!important;padding:12px!important}
  .sbx-contact-form>.sbx-btn{width:100%!important}
  .sbx-contact-cards,.sbx-community-grid--three{grid-template-columns:1fr!important}
  .sbx-contact-card{grid-template-columns:42px minmax(0,1fr)!important;padding:17px!important}
  .sbx-contact-card__cta{width:max-content!important}
  .sbx-community-card{min-height:0!important}
  .sbx-community-card .sbx-btn{width:100%!important}

  /* Articles + banners */
  .sbx-breadcrumb{padding-top:17px!important;font-size:11px!important;overflow-wrap:anywhere}
  .sbx-article-main{padding:20px 17px!important}
  .sbx-article-main h1{font-size:clamp(29px,9vw,35px)!important;overflow-wrap:anywhere}
  .sbx-article-main .entry-content{font-size:15.5px!important;line-height:1.75!important}
  .sbx-article-main .entry-content h2{font-size:24px!important;margin-top:29px!important}
  .sbx-article-main .entry-content h3{font-size:20px!important;margin-top:23px!important}
  .sbx-article-main .entry-content iframe,.sbx-article-main .entry-content video{width:100%!important;max-width:100%!important}
  .sbx-article-side{padding:18px!important}
  .sbx-article-toc{grid-template-columns:1fr!important}
  .sbx-banner{grid-template-columns:auto minmax(0,1fr)!important;gap:14px!important;padding:18px!important}
  .sbx-banner>.sbx-btn,.sbx-banner>form{grid-column:1/-1!important;width:100%!important}
  .sbx-banner>.sbx-btn{justify-self:stretch!important}
  .sbx-banner .sbx-inline-form{display:grid!important;grid-template-columns:1fr!important}
  .sbx-banner .sbx-inline-form input{width:100%!important;font-size:16px!important}
  .sbx-banner .sbx-inline-form .sbx-btn{width:100%!important}

  /* Footer */
  .sbx-footer{padding-top:24px!important}
  .sbx-footer__grid{grid-template-columns:1fr!important;gap:22px!important}
  .sbx-footer__brand,.sbx-footer__newsletter{grid-column:auto!important}
  .sbx-footer__brand img{width:155px!important}
  .sbx-footer__brand p{max-width:360px!important}
  .sbx-footer__newsletter{max-width:none!important}
  .sbx-footer__newsletter .sbx-inline-form{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .sbx-footer__newsletter .sbx-inline-form input{width:100%!important;min-height:44px!important;font-size:16px!important}
  .sbx-footer__newsletter .sbx-inline-form button{width:100%!important;min-height:44px!important}
}

@media (max-width:420px){
  .sbx-wrap{width:91%!important}
  .sbx-brand img{width:145px!important}
  .sbx-hero h1,.sbx-inner-hero h1,.home .sbx-hero h1,.sbx-tools-hero h1,.sbx-guides-hero h1{font-size:clamp(31px,10.5vw,38px)!important}
  .sbx-hero__trust{gap:14px 8px!important}
  .sbx-trust{font-size:10.5px!important}
  .sbx-trust img{width:27px!important;height:27px!important}
  .sbx-icon-row{grid-template-columns:1fr!important}
  .sbx-section{padding:18px 15px!important}
  .sbx-dashboard__academy-chip{display:none!important}
  .sbx-dashboard__logo{width:100px!important}
  .sbx-dashboard--premium .sbx-dashboard__bar{padding:0 12px!important}
  .sbx-course-card--premium{grid-template-columns:48px minmax(0,1fr)!important}
  .sbx-course-card__icon--brand{width:48px!important;height:48px!important}
  .sbx-contact-card{grid-template-columns:36px minmax(0,1fr)!important}
  .sbx-contact-card > img{width:36px!important;height:36px!important}
  .sbx-youtube-cta__left{display:grid!important;grid-template-columns:1fr!important}
  .sbx-banner{grid-template-columns:1fr!important}
  .sbx-banner>.sbx-btn,.sbx-banner>form{grid-column:auto!important}
}

@media (max-width:1024px) and (hover:none){
  .sbx-btn:hover{transform:none!important}
}


/* ==========================================================
   v8.0.45 — COMPACT MOBILE SCALE PASS
   Mobile-only refinements. Desktop remains untouched.
   ========================================================== */

@media (max-width:700px){

  .sbx-wrap{width:92%!important}
  .sbx-section{
    padding:15px 13px!important;
    margin-top:7px!important;
    border-radius:12px!important;
  }
  .sbx-label{
    font-size:9.5px!important;
    margin-bottom:7px!important;
    letter-spacing:.01em!important;
  }
  .sbx-title{
    font-size:clamp(23px,7vw,27px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }
  .sbx-copy{
    font-size:13px!important;
    line-height:1.5!important;
  }
  .sbx-meta{
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  /* Header */
  .sbx-header{height:58px!important}
  .sbx-header__row{gap:6px!important}
  .sbx-brand img{width:126px!important}
  .sbx-youtube,
  .sbx-menu-btn{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
  }
  .sbx-youtube svg{width:16px!important}
  .sbx-menu-btn span{width:22px!important}
  .sbx-nav{top:58px!important}
  .sbx-nav a{
    min-height:40px!important;
    font-size:12.5px!important;
  }

  /* Hero */
  .sbx-hero__copy,
  .home .sbx-hero__copy{
    padding:26px 0 21px!important;
  }
  .sbx-hero h1,
  .sbx-inner-hero h1,
  .home .sbx-hero h1,
  .sbx-tools-hero h1,
  .sbx-guides-hero h1{
    font-size:clamp(29px,8.8vw,35px)!important;
    line-height:1!important;
    margin-bottom:14px!important;
  }
  .sbx-hero__lead{
    font-size:13.5px!important;
    line-height:1.5!important;
    margin-bottom:18px!important;
  }
  .sbx-hero__buttons{gap:8px!important}
  .sbx-btn{
    min-height:40px!important;
    padding:0 14px!important;
    font-size:12px!important;
    border-radius:8px!important;
  }
  .sbx-hero__trust{
    margin-top:20px!important;
    gap:12px 8px!important;
  }
  .sbx-trust{
    font-size:9.8px!important;
    line-height:1.2!important;
    gap:6px!important;
  }
  .sbx-trust img{
    width:24px!important;
    height:24px!important;
  }
  .sbx-icon-row{
    gap:8px!important;
    margin-top:13px!important;
  }
  .sbx-icon-row__item{
    font-size:9.5px!important;
    gap:7px!important;
  }
  .sbx-icon-row__item img{
    width:23px!important;
    height:23px!important;
  }

  /* Homepage feature cards */
  .sbx-section-copy{padding:0 0 7px!important}
  .sbx-feature-grid{gap:9px!important}
  .sbx-feature{
    min-height:0!important;
    padding:14px!important;
  }
  .sbx-feature img{
    width:34px!important;
    height:34px!important;
    margin-bottom:9px!important;
  }
  .sbx-feature h3{
    font-size:16px!important;
    margin-bottom:6px!important;
  }
  .sbx-feature p{
    font-size:12.3px!important;
    line-height:1.45!important;
  }

  /* Latest tutorials */
  .sbx-rail{gap:12px!important}
  .sbx-rail__lead{padding-bottom:1px!important}
  .sbx-rail__lead .sbx-title{
    font-size:24px!important;
    margin-bottom:12px!important;
  }
  .sbx-tutorial-grid{gap:12px!important}
  .sbx-card-thumb{
    border-radius:9px!important;
    margin-bottom:7px!important;
  }
  .sbx-tutorial-card h3{
    font-size:13.5px!important;
    line-height:1.25!important;
    margin-bottom:4px!important;
  }

  /* Guide cards */
  .sbx-guide-grid{gap:8px!important}
  .sbx-guide-card{
    min-height:96px!important;
    padding:13px!important;
  }
  .sbx-guide-card img{
    width:31px!important;
    height:31px!important;
  }
  .sbx-guide-card h3{
    font-size:13.5px!important;
    line-height:1.25!important;
  }

  /* Academy + tools homepage panels */
  .sbx-academy-strip,
  .sbx-youtube-cta{
    padding:15px 14px!important;
    gap:12px!important;
  }
  .sbx-academy-strip h3,
  .sbx-youtube-cta h3{
    font-size:18px!important;
    line-height:1.12!important;
  }
  .sbx-academy-strip p,
  .sbx-youtube-cta p{
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  .sbx-tool-grid{gap:8px!important}
  .sbx-tool-mini{
    min-height:58px!important;
    padding:10px 12px!important;
  }
  .sbx-tool-mini img{
    width:31px!important;
    height:31px!important;
  }
  .sbx-tool-mini h3{font-size:15px!important}
  .sbx-tool-mini p{font-size:10.5px!important}
  .sbx-yt-box{
    width:50px!important;
    height:39px!important;
  }

  /* Guides */
  .sbx-guides-hero{padding:15px 13px!important}
  .sbx-guide-feature{padding:14px!important}
  .sbx-guide-feature h2{font-size:19px!important}
  .sbx-guide-feature p{font-size:12.5px!important}
  .sbx-guide-visual{height:94px!important}
  .sbx-guide-visual img{
    width:66px!important;
    height:66px!important;
  }
  .sbx-topicbar{padding:12px!important}
  .sbx-topicbar__chips{gap:6px!important}
  .sbx-chip{
    min-height:30px!important;
    padding:0 10px!important;
    font-size:10.5px!important;
  }
  .sbx-search-box{height:39px!important}
  .sbx-guide-row__lead{padding:11px 1px 2px!important}
  .sbx-guide-row__lead h2{font-size:20px!important}
  .sbx-guide-row__lead p{font-size:12.5px!important}
  .sbx-guide-row__cards,
  .sbx-guide-row__cards--four{gap:8px!important}
  .sbx-article-card{padding:14px!important}
  .sbx-article-card img{
    width:34px!important;
    height:34px!important;
  }
  .sbx-article-card h3{font-size:15px!important}
  .sbx-article-card p{
    font-size:12.2px!important;
    line-height:1.45!important;
  }

  /* Academy */
  .sbx-academy-hero .sbx-waitlist--premium{
    padding:10px!important;
    gap:8px!important;
  }
  .sbx-academy-hero .sbx-waitlist__icon{
    width:36px!important;
    height:36px!important;
  }
  .sbx-dashboard--premium .sbx-dashboard__bar{height:46px!important}
  .sbx-dashboard__logo{width:90px!important}
  .sbx-dashboard--premium .sbx-dashboard__main{padding:10px!important}
  .sbx-course-card--premium{
    grid-template-columns:44px minmax(0,1fr)!important;
    padding:9px!important;
    gap:8px!important;
  }
  .sbx-course-card__icon--brand{
    width:44px!important;
    height:44px!important;
  }
  .sbx-course-card--premium h4{font-size:13px!important}
  .sbx-course-card--premium p{font-size:10.5px!important}
  .sbx-path-grid{gap:8px!important}
  .sbx-path-card{padding:14px!important}
  .sbx-path-card h3{font-size:16px!important}
  .sbx-path-card p{font-size:12.2px!important}
  .sbx-benefit{padding:14px!important}
  .sbx-benefit h3{font-size:15px!important}
  .sbx-benefit p{font-size:12px!important}

  /* Tools */
  .sbx-tool-feature-grid,
  .sbx-promise-grid,
  .sbx-resource-grid{gap:8px!important}
  .sbx-tool-feature{padding:14px!important}
  .sbx-tool-feature img{
    width:38px!important;
    height:38px!important;
  }
  .sbx-tool-feature h3{font-size:16px!important}
  .sbx-tool-feature p{font-size:12.2px!important}
  .sbx-promise{padding:11px!important}
  .sbx-promise h3{font-size:14px!important}
  .sbx-promise p{font-size:11.5px!important}
  .sbx-resource-card{padding:13px!important}
  .sbx-resource-card h3{font-size:15px!important}
  .sbx-resource-card p{font-size:11.8px!important}

  /* About */
  .sbx-value{padding:14px!important}
  .sbx-value img{
    width:34px!important;
    height:34px!important;
  }
  .sbx-value h3{font-size:15px!important}
  .sbx-value p{font-size:12px!important}
  .sbx-checkline{
    min-height:44px!important;
    padding:8px 10px!important;
    font-size:11.5px!important;
  }
  .sbx-risk-disclaimer{padding:15px 13px!important}
  .sbx-risk-card{padding:14px!important}
  .sbx-risk-card img{
    width:34px!important;
    height:34px!important;
  }
  .sbx-risk-card h3{font-size:15px!important}
  .sbx-risk-card p{font-size:12px!important}
  .sbx-wallet-practice{padding:14px!important}

  /* Contact */
  .sbx-contact-form{padding:15px 13px!important}
  .sbx-contact-form h2{font-size:19px!important}
  .sbx-field{gap:5px!important}
  .sbx-field label{font-size:11px!important}
  .sbx-field input,
  .sbx-field textarea{
    padding:10px!important;
    font-size:15px!important;
  }
  .sbx-contact-cards{gap:8px!important}
  .sbx-contact-card{
    grid-template-columns:34px minmax(0,1fr)!important;
    padding:13px!important;
    gap:10px!important;
  }
  .sbx-contact-card > img{
    width:34px!important;
    height:34px!important;
  }
  .sbx-contact-card h3{font-size:15px!important}
  .sbx-contact-card p{font-size:11.5px!important}
  .sbx-community-grid--three{gap:8px!important}
  .sbx-community-card{padding:14px!important}
  .sbx-community-card > img{
    width:36px!important;
    height:36px!important;
  }
  .sbx-community-card h3{font-size:15px!important}
  .sbx-community-card p{font-size:11.8px!important}

  /* Articles */
  .sbx-breadcrumb{
    padding-top:12px!important;
    font-size:10px!important;
  }
  .sbx-article-main{padding:15px 13px!important}
  .sbx-article-main h1{
    font-size:clamp(25px,7.8vw,30px)!important;
  }
  .sbx-article-main .entry-content{
    font-size:14px!important;
    line-height:1.65!important;
  }
  .sbx-article-main .entry-content h2{
    font-size:21px!important;
    margin-top:24px!important;
  }
  .sbx-article-main .entry-content h3{
    font-size:18px!important;
    margin-top:19px!important;
  }
  .sbx-article-side{padding:14px!important}

  /* Shared banners */
  .sbx-banner{
    padding:14px!important;
    gap:10px!important;
  }
  .sbx-banner h3{font-size:17px!important}
  .sbx-banner p{font-size:11.8px!important}

  /* Footer */
  .sbx-footer{padding-top:18px!important}
  .sbx-footer__grid{gap:16px!important}
  .sbx-footer__brand img{width:132px!important}
  .sbx-footer__brand p{
    font-size:10.8px!important;
    line-height:1.45!important;
  }
  .sbx-footer h4{
    font-size:11.5px!important;
    margin-bottom:8px!important;
  }
  .sbx-footer a,
  .sbx-footer .sbx-muted{
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  .sbx-footer__links{gap:5px!important}
  .sbx-footer__newsletter .sbx-inline-form{gap:6px!important}
  .sbx-footer__newsletter .sbx-inline-form input,
  .sbx-footer__newsletter .sbx-inline-form button{
    min-height:39px!important;
  }
}

@media (max-width:420px){
  .sbx-wrap{width:90%!important}
  .sbx-section{padding:13px 12px!important}
  .sbx-brand img{width:120px!important}

  .sbx-hero h1,
  .sbx-inner-hero h1,
  .home .sbx-hero h1,
  .sbx-tools-hero h1,
  .sbx-guides-hero h1{
    font-size:clamp(27px,8.6vw,32px)!important;
  }

  .sbx-title{font-size:22px!important}
  .sbx-hero__lead{font-size:12.8px!important}
  .sbx-btn{
    min-height:38px!important;
    font-size:11.5px!important;
  }
  .sbx-hero__trust{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 6px!important;
  }
  .sbx-feature,
  .sbx-guide-card,
  .sbx-tool-feature,
  .sbx-resource-card,
  .sbx-community-card,
  .sbx-risk-card{
    padding:12px!important;
  }
  .sbx-tutorial-card h3{font-size:13px!important}
  .sbx-guide-card{min-height:88px!important}
  .sbx-tool-mini{min-height:54px!important}
  .sbx-footer__brand img{width:124px!important}
}


/* ==========================================================
   v8.0.47 — COMPACT MOBILE GRID REFINEMENT
   All rules remain mobile-only. Desktop is locked.
   ========================================================== */
@media (max-width:700px){

  .sbx-wrap{width:94%!important}
  .sbx-section{
    padding:12px 11px!important;
    margin-top:6px!important;
  }
  .sbx-title{
    font-size:clamp(20px,6.3vw,24px)!important;
    line-height:1.04!important;
  }
  .sbx-label{
    font-size:8.8px!important;
    margin-bottom:6px!important;
  }
  .sbx-copy{
    font-size:11.8px!important;
    line-height:1.48!important;
  }
  .sbx-meta{font-size:9.2px!important}

  /* Header */
  .sbx-header{height:54px!important}
  .sbx-brand img{width:116px!important}
  .sbx-youtube,
  .sbx-menu-btn{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
  }
  .sbx-menu-btn span{width:19px!important}
  .sbx-nav{top:54px!important}

  /* Hero */
  .sbx-hero__copy,
  .home .sbx-hero__copy{padding:21px 0 17px!important}
  .sbx-hero h1,
  .sbx-inner-hero h1,
  .home .sbx-hero h1,
  .sbx-tools-hero h1,
  .sbx-guides-hero h1{
    font-size:clamp(25px,7.9vw,31px)!important;
    line-height:.99!important;
    margin-bottom:11px!important;
  }
  .sbx-hero__lead{
    font-size:12px!important;
    line-height:1.46!important;
    margin-bottom:14px!important;
  }
  .sbx-btn{
    min-height:35px!important;
    padding:0 11px!important;
    font-size:10.8px!important;
    border-radius:7px!important;
  }
  .sbx-hero__buttons{gap:6px!important}
  .sbx-hero__trust{
    margin-top:15px!important;
    gap:8px 6px!important;
  }
  .sbx-trust{
    font-size:8.6px!important;
    gap:5px!important;
  }
  .sbx-trust img{width:21px!important;height:21px!important}

  /* Four intro cards: 2 x 2 */
  .sbx-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-feature{
    padding:10px!important;
    min-height:112px!important;
  }
  .sbx-feature img{
    width:25px!important;
    height:25px!important;
    margin-bottom:6px!important;
  }
  .sbx-feature h3{
    font-size:12.2px!important;
    line-height:1.16!important;
    margin-bottom:4px!important;
  }
  .sbx-feature p{
    font-size:9.7px!important;
    line-height:1.35!important;
  }

  /* Latest tutorials: first featured, next two side-by-side */
  .sbx-tutorial-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .sbx-tutorial-card:first-child{grid-column:1/-1!important}
  .sbx-card-thumb{
    margin-bottom:5px!important;
    border-radius:7px!important;
  }
  .sbx-tutorial-card h3{
    font-size:10.8px!important;
    line-height:1.2!important;
    margin-bottom:3px!important;
  }
  .sbx-tutorial-card:first-child h3{font-size:12.5px!important}
  .sbx-tutorial-card:nth-child(n+2) .sbx-meta{font-size:8.4px!important}
  .sbx-rail{gap:9px!important}
  .sbx-rail__lead .sbx-title{
    font-size:21px!important;
    margin-bottom:9px!important;
  }

  /* Popular guides: two per row */
  .sbx-guide-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-guide-card{
    min-height:78px!important;
    padding:9px!important;
  }
  .sbx-guide-card img{width:23px!important;height:23px!important}
  .sbx-guide-card h3{
    font-size:10.8px!important;
    line-height:1.2!important;
  }
  .sbx-guide-card .sbx-arrow{
    font-size:14px!important;
    right:9px!important;
    bottom:7px!important;
  }
  .sbx-guide-card:last-child:nth-child(odd){
    grid-column:1/-1!important;
    min-height:66px!important;
  }

  /* Academy promo */
  .sbx-academy-strip{
    padding:12px!important;
    gap:8px!important;
  }
  .sbx-academy-strip h2{font-size:20px!important}
  .sbx-academy-strip p{
    font-size:10.8px!important;
    line-height:1.38!important;
  }

  /* Homepage tools: two per row */
  .sbx-tool-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-tool-mini{
    min-height:50px!important;
    padding:7px 8px!important;
    gap:7px!important;
  }
  .sbx-tool-mini img{width:24px!important;height:24px!important}
  .sbx-tool-mini strong{
    font-size:11px!important;
    line-height:1.1!important;
  }
  .sbx-tool-mini span{
    font-size:8px!important;
    line-height:1.15!important;
  }
  .sbx-note{
    font-size:9.4px!important;
    line-height:1.35!important;
    margin-top:8px!important;
  }

  /* YouTube CTA */
  .sbx-youtube-cta{
    padding:11px!important;
    gap:8px!important;
  }
  .sbx-yt-box{width:42px!important;height:33px!important}
  .sbx-youtube-cta h3{font-size:16px!important}
  .sbx-youtube-cta p{font-size:10.3px!important}

  /* Guides page content cards */
  .sbx-guide-row__cards,
  .sbx-guide-row__cards--four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-article-card{
    padding:10px!important;
    min-height:0!important;
  }
  .sbx-article-card img{width:26px!important;height:26px!important}
  .sbx-article-card h3{
    font-size:11.5px!important;
    line-height:1.2!important;
  }
  .sbx-article-card p{
    font-size:9.6px!important;
    line-height:1.34!important;
  }

  /* Other compact 2-column mobile cards */
  .sbx-promise-grid,
  .sbx-resource-grid,
  .sbx-values,
  .sbx-risk-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-promise,
  .sbx-resource-card,
  .sbx-value,
  .sbx-risk-card{
    padding:10px!important;
  }
  .sbx-promise h3,
  .sbx-resource-card h3,
  .sbx-value h3,
  .sbx-risk-card h3{
    font-size:11.5px!important;
    line-height:1.18!important;
  }
  .sbx-promise p,
  .sbx-resource-card p,
  .sbx-value p,
  .sbx-risk-card p{
    font-size:9.5px!important;
    line-height:1.34!important;
  }

  /* Contact/community cards */
  .sbx-community-grid--three{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-community-card{
    padding:10px!important;
  }
  .sbx-community-card:last-child:nth-child(odd){grid-column:1/-1!important}
  .sbx-community-card > img{width:28px!important;height:28px!important}
  .sbx-community-card h3{font-size:12px!important}
  .sbx-community-card p{font-size:9.5px!important}

  /* Footer: two true columns */
  .sbx-footer{padding-top:14px!important}
  .sbx-footer__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 16px!important;
  }
  .sbx-footer__brand{grid-column:1/-1!important}
  .sbx-footer__brand img{width:112px!important}
  .sbx-footer__brand p{
    max-width:270px!important;
    font-size:9.4px!important;
    line-height:1.4!important;
    margin-top:8px!important;
  }
  .sbx-footer__grid > div:nth-child(2),
  .sbx-footer__grid > div:nth-child(3),
  .sbx-footer__grid > div:nth-child(4){
    grid-column:auto!important;
  }
  .sbx-footer__newsletter{
    grid-column:auto!important;
    min-width:0!important;
    padding-left:0!important;
  }
  .sbx-footer h4{
    font-size:10px!important;
    margin-bottom:6px!important;
  }
  .sbx-footer nav{gap:3px!important}
  .sbx-footer a,
  .sbx-footer .sbx-muted{
    font-size:9px!important;
    line-height:1.35!important;
  }
  .sbx-footer__newsletter p{margin-bottom:6px!important}
  .sbx-footer__newsletter .sbx-inline-form{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form input,
  .sbx-footer__newsletter .sbx-inline-form button{
    width:100%!important;
    min-width:0!important;
    min-height:33px!important;
    height:33px!important;
    font-size:9.5px!important;
    padding:0 7px!important;
  }
  .sbx-footer__copy{
    font-size:8.5px!important;
    padding:12px 0!important;
  }
}

@media (max-width:360px){
  .sbx-wrap{width:95%!important}
  .sbx-section{padding:10px 9px!important}
  .sbx-feature{padding:8px!important}
  .sbx-guide-card{padding:8px!important}
  .sbx-tool-mini{padding:6px!important}
  .sbx-footer__grid{gap:12px!important}
}


/* ==========================================================
   v8.0.48 — MOBILE TRUST ROW + FOOTER ALIGNMENT
   Mobile-only. Desktop remains locked.
   ========================================================== */
@media (max-width:700px){

  /* Hero trust points: all four on a single row */
  .home .sbx-hero__trust{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:3px!important;
    width:100%!important;
    max-width:none!important;
    margin-top:13px!important;
    align-items:center!important;
  }
  .home .sbx-trust{
    min-width:0!important;
    padding:0 2px!important;
    border-right:0!important;
    gap:3px!important;
    justify-content:center!important;
    align-items:center!important;
    font-size:6.9px!important;
    line-height:1.12!important;
    letter-spacing:-.015em!important;
  }
  .home .sbx-trust img{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
  }
  .home .sbx-trust span{
    min-width:0!important;
    white-space:normal!important;
  }

  /* Footer: explicit, balanced two-column layout */
  .sbx-footer__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      "brand brand"
      "explore company"
      "connect updated"!important;
    column-gap:22px!important;
    row-gap:14px!important;
    align-items:start!important;
  }

  .sbx-footer__brand{
    grid-area:brand!important;
    margin:0!important;
  }
  .sbx-footer__grid > div:nth-child(2){
    grid-area:explore!important;
    margin:0!important;
  }
  .sbx-footer__grid > div:nth-child(3){
    grid-area:company!important;
    margin:0!important;
  }
  .sbx-footer__grid > div:nth-child(4){
    grid-area:connect!important;
    margin:0!important;
  }
  .sbx-footer__newsletter{
    grid-area:updated!important;
    margin:0!important;
    padding:0!important;
    min-width:0!important;
  }

  .sbx-footer__grid > div:not(.sbx-footer__brand){
    min-width:0!important;
    align-self:start!important;
  }

  .sbx-footer h4{
    margin:0 0 6px!important;
    min-height:13px!important;
    font-size:9.8px!important;
    line-height:1.2!important;
  }
  .sbx-footer nav{
    display:grid!important;
    gap:4px!important;
    margin:0!important;
  }
  .sbx-footer nav a{
    font-size:8.8px!important;
    line-height:1.25!important;
  }

  .sbx-footer__newsletter > p{
    margin:0 0 6px!important;
    font-size:8.6px!important;
    line-height:1.3!important;
  }
  .sbx-footer__newsletter .sbx-inline-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:0!important;
    width:100%!important;
  }
  .sbx-footer__newsletter .sbx-inline-form input,
  .sbx-footer__newsletter .sbx-inline-form button{
    width:100%!important;
    min-width:0!important;
    height:31px!important;
    min-height:31px!important;
    margin:0!important;
    border-radius:6px!important;
    font-size:8.8px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form input{
    padding:0 7px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form button{
    padding:0 6px!important;
  }

  .sbx-footer__brand img{
    width:108px!important;
  }
  .sbx-footer__brand p{
    max-width:100%!important;
    margin:7px 0 0!important;
    font-size:8.9px!important;
    line-height:1.35!important;
  }
}

@media (max-width:360px){
  .home .sbx-trust{
    font-size:6.4px!important;
    gap:2px!important;
    padding:0 1px!important;
  }
  .home .sbx-trust img{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
  }
  .sbx-footer__grid{
    column-gap:16px!important;
    row-gap:12px!important;
  }
}


/* ==========================================================
   v8.0.49 — GUIDES + TOOLS MOBILE LAYOUT REFINEMENT
   Mobile-only. Desktop remains locked.
   ========================================================== */
@media (max-width:700px){

  /* Guides: Explore by Topic no longer clips or horizontally scrolls */
  .sbx-topicbar{
    overflow:visible!important;
    padding:10px!important;
    gap:9px!important;
  }
  .sbx-topicbar__chips{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .sbx-topicbar__chips .sbx-chip{
    width:100%!important;
    min-width:0!important;
    min-height:30px!important;
    padding:5px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:9px!important;
    line-height:1.15!important;
    border-radius:7px!important;
  }
  .sbx-topicbar__chips .sbx-chip:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  .sbx-search-box{
    width:100%!important;
    height:36px!important;
  }
  .sbx-search-box input{
    min-width:0!important;
    font-size:13px!important;
  }

  /* Guides: all 3-card guide sections sit on one row */
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card{
    min-width:0!important;
    min-height:132px!important;
    padding:7px!important;
    border-radius:8px!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card > img{
    width:20px!important;
    height:20px!important;
    margin:0 0 6px!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card h3{
    font-size:8.7px!important;
    line-height:1.14!important;
    margin:0 0 5px!important;
    overflow-wrap:anywhere!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card p{
    font-size:7.6px!important;
    line-height:1.28!important;
    margin:0!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card .sbx-meta{
    font-size:7px!important;
    padding-top:6px!important;
  }

  /* Tools Deep Dives stays 2 x 2 */
  .sbx-guide-row__cards--four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }

  /* Tools page: four featured bots in a 2 x 2 grid */
  .sbx-tool-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-tool-feature{
    min-width:0!important;
    min-height:210px!important;
    padding:10px!important;
    border-radius:9px!important;
  }
  .sbx-tool-feature__head{
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .sbx-tool-feature__head > img{
    width:29px!important;
    height:29px!important;
    flex:0 0 29px!important;
  }
  .sbx-tool-feature h3{
    font-size:13.5px!important;
    line-height:1.1!important;
  }
  .sbx-tool-feature p{
    font-size:9px!important;
    line-height:1.32!important;
    margin:0 0 6px!important;
  }
  .sbx-tool-feature .sbx-bullets{
    margin:3px 0 8px!important;
  }
  .sbx-tool-feature .sbx-bullets li{
    font-size:8px!important;
    line-height:1.25!important;
    margin:4px 0!important;
    padding-left:11px!important;
  }
  .sbx-tool-feature .sbx-btn{
    width:100%!important;
    min-height:31px!important;
    padding:0 6px!important;
    font-size:8.5px!important;
  }

  /* Mobile comparison: replace wide table/scrollbar with four compact cards */
  .sbx-compare-wrap{
    display:none!important;
  }
  .sbx-mobile-compare-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:10px!important;
  }
  .sbx-mobile-compare-card{
    min-width:0!important;
    padding:10px!important;
    border-radius:9px!important;
  }
  .sbx-mobile-compare-card__head{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding-bottom:7px!important;
    margin-bottom:7px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  .sbx-mobile-compare-card__head img{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
  }
  .sbx-mobile-compare-card__head h3{
    margin:0!important;
    font-size:12px!important;
    line-height:1.1!important;
  }
  .sbx-mobile-compare-list{
    display:grid!important;
    gap:6px!important;
  }
  .sbx-mobile-compare-item{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:1px!important;
  }
  .sbx-mobile-compare-item span{
    color:#8f979e!important;
    font-size:7.5px!important;
    line-height:1.15!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
  }
  .sbx-mobile-compare-item strong{
    color:#f4f6f7!important;
    font-size:9px!important;
    line-height:1.22!important;
    font-weight:700!important;
  }
  .sbx-mobile-compare-item strong.sbx-yes{
    color:#1de06d!important;
  }
  .sbx-mobile-compare-item small{
    display:block!important;
    margin-top:1px!important;
    color:#939ba2!important;
    font-size:7px!important;
    line-height:1.2!important;
    font-weight:500!important;
  }
  .sbx-compare-note{
    margin-top:9px!important;
    font-size:8.5px!important;
    line-height:1.35!important;
  }
}

@media (max-width:360px){
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four){
    gap:4px!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card{
    padding:6px!important;
    min-height:128px!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card h3{
    font-size:8.2px!important;
  }
  .sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card p{
    font-size:7.2px!important;
  }
  .sbx-tool-feature{
    padding:8px!important;
  }
  .sbx-tool-feature h3{font-size:12.5px!important}
  .sbx-tool-feature p{font-size:8.5px!important}
  .sbx-tool-feature .sbx-bullets li{font-size:7.5px!important}
}


/* ==========================================================
   v8.0.50 — ACADEMY + TOOL PROMISE + FOOTER MOBILE REFINEMENT
   Mobile-only. Desktop remains locked.
   ========================================================== */
@media (max-width:700px){

  /* Academy learning paths: 3 across, 2 rows */
  .sbx-path-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .sbx-path-card{
    min-width:0!important;
    min-height:116px!important;
    padding:9px 6px!important;
    border-radius:8px!important;
  }
  .sbx-path-card img{
    width:28px!important;
    height:28px!important;
    margin:0 auto 7px!important;
  }
  .sbx-path-card h3{
    font-size:9.4px!important;
    line-height:1.15!important;
    margin:0 0 6px!important;
    overflow-wrap:anywhere!important;
  }
  .sbx-path-card p{
    display:none!important;
  }
  .sbx-path-card .sbx-status{
    margin-top:auto!important;
    padding:4px 5px!important;
    font-size:7.2px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    border-radius:5px!important;
  }

  /* Academy benefits: 2 x 2 */
  .sbx-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
  }
  .sbx-benefit{
    min-width:0!important;
    min-height:118px!important;
    padding:11px 8px!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .sbx-benefit:nth-child(2n){
    border-right:0!important;
  }
  .sbx-benefit:nth-last-child(-n+2){
    border-bottom:0!important;
  }
  .sbx-benefit img{
    width:27px!important;
    height:27px!important;
    margin:0 auto 7px!important;
  }
  .sbx-benefit h3{
    font-size:11px!important;
    line-height:1.16!important;
    margin:0 0 5px!important;
  }
  .sbx-benefit p{
    font-size:8.7px!important;
    line-height:1.3!important;
    margin:0!important;
  }

  /* Tools recommendation tiles: prevent Performance/content overflow */
  .sbx-promise-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sbx-promise{
    min-width:0!important;
    width:100%!important;
    padding:9px!important;
    gap:7px!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }
  .sbx-promise > img{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    margin-top:1px!important;
  }
  .sbx-promise > div{
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .sbx-promise strong{
    display:block!important;
    max-width:100%!important;
    font-size:10.5px!important;
    line-height:1.12!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .sbx-promise span{
    display:block!important;
    max-width:100%!important;
    font-size:8px!important;
    line-height:1.23!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Footer: three uniform link columns, newsletter full width underneath */
  .sbx-footer__grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:
      "brand brand brand"
      "explore company connect"
      "updated updated updated"!important;
    column-gap:14px!important;
    row-gap:14px!important;
    align-items:start!important;
  }
  .sbx-footer__brand{
    grid-area:brand!important;
  }
  .sbx-footer__grid > div:nth-child(2){
    grid-area:explore!important;
  }
  .sbx-footer__grid > div:nth-child(3){
    grid-area:company!important;
  }
  .sbx-footer__grid > div:nth-child(4){
    grid-area:connect!important;
  }
  .sbx-footer__newsletter{
    grid-area:updated!important;
    width:100%!important;
    max-width:none!important;
    padding:9px 0 0!important;
    margin:0!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
  .sbx-footer h4{
    margin:0 0 6px!important;
    font-size:9.8px!important;
    line-height:1.15!important;
  }
  .sbx-footer nav{
    display:grid!important;
    gap:4px!important;
  }
  .sbx-footer nav a{
    font-size:8.8px!important;
    line-height:1.24!important;
    overflow-wrap:anywhere!important;
  }

  .sbx-footer__newsletter > p{
    margin:0 0 7px!important;
    max-width:none!important;
    font-size:8.8px!important;
    line-height:1.3!important;
  }
  .sbx-footer__newsletter .sbx-inline-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
    width:100%!important;
    align-items:center!important;
  }
  .sbx-footer__newsletter .sbx-inline-form input{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    font-size:10.5px!important;
    border-radius:6px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form button{
    width:auto!important;
    min-width:86px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 11px!important;
    font-size:9.5px!important;
    border-radius:6px!important;
  }
}

@media (max-width:360px){
  .sbx-path-grid{gap:5px!important}
  .sbx-path-card{
    min-height:108px!important;
    padding:8px 5px!important;
  }
  .sbx-path-card h3{font-size:8.8px!important}
  .sbx-path-card .sbx-status{
    font-size:6.7px!important;
    padding:3px 4px!important;
  }

  .sbx-benefit{
    min-height:110px!important;
    padding:9px 6px!important;
  }

  .sbx-footer__grid{
    column-gap:10px!important;
    row-gap:12px!important;
  }
  .sbx-footer nav a{font-size:8.2px!important}
  .sbx-footer__newsletter .sbx-inline-form button{
    min-width:78px!important;
    padding:0 8px!important;
  }
}


/* ==========================================================
   v8.0.51 — CONTACT ENQUIRY CARDS: 3 ACROSS ON MOBILE
   Mobile-only. Desktop remains locked.
   ========================================================== */
@media (max-width:700px){

  .sbx-contact-cards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .sbx-contact-card{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    padding:8px!important;
    gap:5px!important;
    border-radius:8px!important;
  }

  .sbx-contact-card > img{
    width:22px!important;
    height:22px!important;
    margin:0 0 2px!important;
  }

  .sbx-contact-card > div{
    min-width:0!important;
  }

  .sbx-contact-card h3{
    font-size:9.4px!important;
    line-height:1.12!important;
    margin:0 0 4px!important;
    overflow-wrap:anywhere!important;
  }

  .sbx-contact-card p{
    font-size:7.5px!important;
    line-height:1.25!important;
    margin:0 0 7px!important;
  }

  .sbx-contact-card__cta{
    width:100%!important;
    min-width:0!important;
    min-height:29px!important;
    padding:0 5px!important;
    gap:4px!important;
    justify-content:center!important;
    font-size:7.8px!important;
    border-radius:6px!important;
  }

  .sbx-contact-card__cta svg{
    width:10px!important;
    height:10px!important;
  }
}

@media (max-width:360px){
  .sbx-contact-cards{gap:5px!important}
  .sbx-contact-card{padding:7px!important}
  .sbx-contact-card h3{font-size:8.8px!important}
  .sbx-contact-card p{font-size:7.1px!important}
  .sbx-contact-card__cta{font-size:7.2px!important}
}


/* ==========================================================
   v8.0.52 — ALIGN MOBILE CONTACT CARD BUTTONS
   Mobile-only. Desktop remains locked.
   ========================================================== */
@media (max-width:700px){

  .sbx-contact-cards{
    align-items:stretch!important;
  }

  .sbx-contact-card{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }

  .sbx-contact-card > div{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
  }

  .sbx-contact-card p{
    flex:1 1 auto!important;
  }

  .sbx-contact-card__cta{
    margin-top:auto!important;
    align-self:stretch!important;
  }
}


/* ==========================================================
   v8.0.53 — TABLET SINGLE-ROW CARD REFINEMENT
   Tablet-only. Desktop and mobile remain unchanged.
   ========================================================== */
@media (min-width:701px) and (max-width:1024px){

  /* Homepage hero trust points: all four across */
  .home .sbx-hero__trust{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    max-width:none!important;
    width:100%!important;
    gap:10px!important;
  }
  .home .sbx-trust{
    min-width:0!important;
    padding:0!important;
    border-right:0!important;
    justify-content:flex-start!important;
    font-size:10px!important;
    line-height:1.2!important;
    gap:7px!important;
  }
  .home .sbx-trust img{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }

  /* Homepage feature cards: four across, not 2 x 2 */
  .home .sbx-feature-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .home .sbx-feature{
    min-width:0!important;
    min-height:170px!important;
    padding:14px!important;
  }
  .home .sbx-feature img{
    width:34px!important;
    height:34px!important;
    margin-bottom:9px!important;
  }
  .home .sbx-feature h3{
    font-size:14px!important;
    line-height:1.15!important;
    margin-bottom:6px!important;
  }
  .home .sbx-feature p{
    font-size:11px!important;
    line-height:1.42!important;
  }

  /* Contact enquiry cards: three across */
  .sbx-contact-cards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .sbx-contact-card{
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    padding:14px!important;
    gap:8px!important;
  }
  .sbx-contact-card > img{
    width:34px!important;
    height:34px!important;
    margin:0 0 2px!important;
  }
  .sbx-contact-card > div{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
  }
  .sbx-contact-card h3{
    font-size:14px!important;
    line-height:1.15!important;
    margin-bottom:5px!important;
  }
  .sbx-contact-card p{
    font-size:10.5px!important;
    line-height:1.35!important;
    flex:1 1 auto!important;
    margin-bottom:10px!important;
  }
  .sbx-contact-card__cta{
    margin-top:auto!important;
    align-self:flex-start!important;
  }

  /* Connect With Simply Blockchain: three across */
  .sbx-community-grid--three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .sbx-community-card{
    min-width:0!important;
    height:100%!important;
    padding:15px!important;
  }
  .sbx-community-card > img{
    width:38px!important;
    height:38px!important;
  }
  .sbx-community-card h3{
    font-size:14px!important;
    line-height:1.15!important;
  }
  .sbx-community-card p{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  .sbx-community-card .sbx-btn{
    width:auto!important;
  }
}


/* ==========================================================
   v8.0.54 — TABLET CLEANUP PASS
   Tablet-only refinements requested by user.
   Desktop and mobile remain unchanged.
   ========================================================== */
@media (min-width:701px) and (max-width:1024px){

  /* Home: popular guides should read as one clean row, not 3 + 2 */
  .home .sbx-guide-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .home .sbx-guide-card{
    min-width:0!important;
    min-height:162px!important;
    padding:14px!important;
    border-radius:12px!important;
  }
  .home .sbx-guide-card img{
    width:34px!important;
    height:34px!important;
    margin-bottom:10px!important;
  }
  .home .sbx-guide-card h3{
    font-size:11.8px!important;
    line-height:1.22!important;
    margin:0 0 8px!important;
  }
  .home .sbx-guide-card .sbx-arrow{
    font-size:20px!important;
  }

  /* Shared hero trust / icon rows: logos + slogans on one line */
  .sbx-icon-row,
  .home .sbx-hero__trust,
  .sbx-academy-hero .sbx-icon-row,
  .sbx-tools-hero .sbx-icon-row,
  .page-about .sbx-values{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    max-width:none!important;
    width:100%!important;
    gap:10px!important;
  }
  .sbx-icon-row__item,
  .home .sbx-trust,
  .page-about .sbx-value{
    min-width:0!important;
  }
  .sbx-icon-row__item{
    gap:8px!important;
    font-size:10.2px!important;
    line-height:1.22!important;
  }
  .sbx-icon-row__item img{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
  .home .sbx-trust{
    padding:0!important;
    border-right:0!important;
    gap:8px!important;
    font-size:10.2px!important;
    line-height:1.22!important;
  }
  .home .sbx-trust img{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
  .page-about .sbx-value{
    text-align:center!important;
    padding:14px 10px!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
  }
  .page-about .sbx-value:last-child{border-right:0!important}
  .page-about .sbx-value img{
    width:32px!important;
    height:32px!important;
    margin:0 auto 8px!important;
  }
  .page-about .sbx-value h3{
    font-size:13px!important;
    margin:0 0 5px!important;
  }
  .page-about .sbx-value p{
    font-size:10px!important;
    line-height:1.35!important;
  }

  /* Academy hero waitlist: make it tighter, and keep the 4 value points in one line */
  .sbx-academy-hero .sbx-waitlist--premium{
    max-width:640px!important;
    padding:12px 14px!important;
    gap:10px!important;
    border-radius:14px!important;
  }
  .sbx-academy-hero .sbx-waitlist__icon{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
  }
  .sbx-academy-hero .sbx-waitlist__icon img{
    width:24px!important;
    height:24px!important;
  }
  .sbx-academy-hero .sbx-waitlist__copy strong{
    font-size:20px!important;
    line-height:1.05!important;
  }
  .sbx-academy-hero .sbx-waitlist__copy small{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .sbx-academy-hero .sbx-waitlist__form{
    grid-column:1/-1!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .sbx-academy-hero .sbx-waitlist__form input{
    height:40px!important;
    font-size:12px!important;
    padding:0 12px!important;
  }
  .sbx-academy-hero .sbx-waitlist__form .sbx-btn{
    height:40px!important;
    min-height:40px!important;
    padding:0 16px!important;
    width:auto!important;
    font-size:12px!important;
  }

  /* About risk disclaimer cards: make smaller and all on one line */
  .sbx-risk-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .sbx-risk-card{
    min-width:0!important;
    padding:16px 12px!important;
    min-height:220px!important;
  }
  .sbx-risk-card img{
    width:88px!important;
    height:88px!important;
    margin:0 auto 12px!important;
  }
  .sbx-risk-card h3{
    font-size:14px!important;
    line-height:1.15!important;
    margin:0 0 8px!important;
  }
  .sbx-risk-card p{
    font-size:10.5px!important;
    line-height:1.42!important;
  }

  /* Tools page: keep featured tools 2 x 2, but tidy promise cards */
  .sbx-tool-feature-grid,
  .sbx-promise-grid,
  .sbx-resource-grid{
    gap:10px!important;
  }
  .sbx-promise-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sbx-promise{
    min-width:0!important;
    padding:12px!important;
    gap:10px!important;
    align-items:flex-start!important;
  }
  .sbx-promise img{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  .sbx-promise strong{
    display:block!important;
    font-size:16px!important;
    line-height:1.08!important;
    margin-bottom:4px!important;
  }
  .sbx-promise span{
    font-size:11px!important;
    line-height:1.35!important;
  }

  /* Tools comparison table: fit without horizontal scrolling */
  .sbx-compare-wrap{
    overflow:visible!important;
    -webkit-overflow-scrolling:auto!important;
  }
  .sbx-compare{
    min-width:0!important;
    width:100%!important;
    table-layout:fixed!important;
    font-size:10px!important;
  }
  .sbx-compare th,
  .sbx-compare td{
    padding:8px 6px!important;
    font-size:10px!important;
    line-height:1.25!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }
  .sbx-compare th:first-child,
  .sbx-compare td:first-child{
    width:16%!important;
    text-align:left!important;
  }
  .sbx-compare td small,
  .sbx-compare th small{
    font-size:7.6px!important;
    line-height:1.2!important;
    margin-top:2px!important;
  }
  .sbx-compare td strong{
    font-size:10px!important;
    line-height:1.15!important;
  }
  .sbx-compare-note{
    font-size:9.5px!important;
    line-height:1.4!important;
  }

  /* Contact: keep the three enquiry cards aligned with the community block below */
  .sbx-contact-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .sbx-contact-form,
  .sbx-contact-cards,
  .sbx-community-grid--three{
    width:100%!important;
    max-width:none!important;
  }
  .sbx-contact-cards,
  .sbx-community-grid--three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .sbx-contact-card,
  .sbx-community-card{
    height:100%!important;
  }
  .sbx-contact-card{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  .sbx-contact-card > img{
    width:34px!important;
    height:34px!important;
    margin:0 0 6px!important;
  }
  .sbx-contact-card h3{
    font-size:14px!important;
    line-height:1.15!important;
  }
  .sbx-contact-card p{
    font-size:10.2px!important;
    line-height:1.36!important;
  }
  .sbx-community-card{
    padding:16px!important;
  }
  .sbx-community-card > img{
    width:38px!important;
    height:38px!important;
  }
  .sbx-community-card h3{
    font-size:14px!important;
    line-height:1.14!important;
  }
  .sbx-community-card p{
    font-size:10.2px!important;
    line-height:1.36!important;
  }

  /* Footer: make tablet footer shorter and cleaner */
  .sbx-footer{
    padding:22px 0 16px!important;
  }
  .sbx-footer__grid{
    grid-template-columns:1.15fr .72fr .72fr .72fr 1.55fr!important;
    gap:16px 18px!important;
    align-items:start!important;
  }
  .sbx-footer__brand,
  .sbx-footer__newsletter{
    grid-column:auto!important;
  }
  .sbx-footer__brand img{
    width:150px!important;
  }
  .sbx-footer__brand p{
    max-width:210px!important;
    font-size:10px!important;
    line-height:1.42!important;
    margin:10px 0 0!important;
  }
  .sbx-footer h4{
    font-size:11px!important;
    margin:0 0 8px!important;
  }
  .sbx-footer nav{gap:6px!important}
  .sbx-footer nav a{
    font-size:10px!important;
    line-height:1.28!important;
  }
  .sbx-footer__newsletter > p{
    font-size:10px!important;
    line-height:1.35!important;
    margin:0 0 8px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    width:100%!important;
  }
  .sbx-footer__newsletter .sbx-inline-form input{
    min-width:0!important;
    height:38px!important;
    font-size:11px!important;
    padding:0 11px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form button{
    height:38px!important;
    min-height:38px!important;
    width:auto!important;
    padding:0 14px!important;
    font-size:11px!important;
  }
  .sbx-footer__copy{
    margin-top:14px!important;
    font-size:9.5px!important;
  }
}


/* ==========================================================
   v8.0.55 — TABLET CONTACT WIDTH + FOOTER NEWSLETTER FIX
   Tablet-only. Desktop and mobile remain unchanged.
   ========================================================== */
@media (min-width:701px) and (max-width:1024px){

  /* Contact: match the full width/alignment of the Connect panel below */
  .sbx-contact-layout{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .sbx-contact-layout > .sbx-contact-form,
  .sbx-contact-layout > .sbx-contact-cards{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .sbx-contact-form{
    padding:26px 28px!important;
  }
  .sbx-contact-cards{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .sbx-contact-card{
    min-width:0!important;
    width:100%!important;
  }

  /* Tablet footer: give the newsletter enough room for a full email field */
  .sbx-footer__grid{
    grid-template-columns:1.05fr .56fr .56fr .56fr 1.78fr!important;
    gap:12px!important;
    align-items:start!important;
  }
  .sbx-footer__brand img{
    width:142px!important;
  }
  .sbx-footer__brand p{
    max-width:185px!important;
    font-size:9.5px!important;
    line-height:1.38!important;
  }
  .sbx-footer h4{
    font-size:10.5px!important;
    margin-bottom:7px!important;
  }
  .sbx-footer nav{
    gap:5px!important;
  }
  .sbx-footer nav a{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  .sbx-footer__newsletter{
    min-width:0!important;
    width:100%!important;
  }
  .sbx-footer__newsletter > p{
    font-size:9.5px!important;
    line-height:1.3!important;
    margin-bottom:7px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form{
    display:grid!important;
    grid-template-columns:minmax(145px,1fr) 82px!important;
    gap:7px!important;
    width:100%!important;
  }
  .sbx-footer__newsletter .sbx-inline-form input{
    width:100%!important;
    min-width:0!important;
    height:37px!important;
    min-height:37px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form button{
    width:82px!important;
    min-width:82px!important;
    height:37px!important;
    min-height:37px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
}


/* v8.0.56 — functionality-only search submit control */
.sbx-search-submit{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  padding:0;
  margin:0;
  cursor:pointer;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font:inherit;
}


/* ==========================================================
   v8.0.57 — FINAL LIVE MOBILE QA PATCH
   Mobile fixes gathered during public launch QA.
   Desktop/tablet layout remains locked.
   ========================================================== */
.sbx-status__mobile-lock{display:none}

@media (max-width:700px){
  /* Guides: white/orange title on separate lines */
  .sbx-guides-hero .sbx-guides-title__white,
  .sbx-guides-hero .sbx-guides-title__orange{
    display:block!important;
  }
  .sbx-guides-hero .sbx-guides-title__orange{
    margin-top:1px!important;
  }

  /* Guides: 3 hero benefits on one line */
  .sbx-guides-hero .sbx-icon-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    margin-top:16px!important;
  }
  .sbx-guides-hero .sbx-icon-row__item{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    font-size:7.4px!important;
    line-height:1.15!important;
  }
  .sbx-guides-hero .sbx-icon-row__item img{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }

  /* Academy: all 4 hero benefits on one line */
  .sbx-academy-hero .sbx-icon-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    max-width:none!important;
    margin-top:15px!important;
  }
  .sbx-academy-hero .sbx-icon-row__item{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    font-size:6.9px!important;
    line-height:1.15!important;
  }
  .sbx-academy-hero .sbx-icon-row__item img{
    width:19px!important;
    height:19px!important;
    flex:0 0 19px!important;
  }

  /* Academy: compact Coming Soon status — no oversized colour emoji on iOS */
  .sbx-path-card .sbx-status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
    width:auto!important;
    min-height:20px!important;
    margin-top:auto!important;
    padding:3px 5px!important;
    border-radius:5px!important;
    font-size:6.7px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .sbx-path-card .sbx-status__emoji{
    display:none!important;
  }
  .sbx-path-card .sbx-status__mobile-lock{
    display:inline-flex!important;
    width:9px!important;
    height:9px!important;
    flex:0 0 9px!important;
  }
  .sbx-path-card .sbx-status__mobile-lock img{
    width:9px!important;
    height:9px!important;
    margin:0!important;
  }

  /* Crisp custom vectors: prevent any extra browser filtering/scaling softness */
  .sbx-academy-hero .sbx-icon-row__item img,
  .sbx-academy-intro .sbx-feature img,
  .sbx-risk-card img,
  .sbx-contact-card > img{
    filter:none!important;
    image-rendering:auto!important;
    transform:none!important;
  }
}

@media (max-width:420px){
  .sbx-guides-hero .sbx-icon-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .sbx-academy-hero .sbx-icon-row{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* ==========================================================
   v8.0.58 — FINAL MOBILE FOLLOW-UP
   Tools hero: all four trust items on one line.
   Contact: crisp vector social icons are supplied via new assets.
   Desktop/tablet remain unchanged.
   ========================================================== */
@media (max-width:700px){
  .sbx-tools-hero .sbx-icon-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    gap:5px!important;
    margin-top:16px!important;
    align-items:center!important;
  }
  .sbx-tools-hero .sbx-icon-row__item{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    font-size:6.8px!important;
    line-height:1.12!important;
    white-space:normal!important;
  }
  .sbx-tools-hero .sbx-icon-row__item img{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    margin:0!important;
  }

  /* Keep newly crisp Contact social vectors unfiltered on mobile. */
  .sbx-community-grid--three .sbx-community-card > img{
    filter:none!important;
    transform:none!important;
    image-rendering:auto!important;
  }
}

/* ==========================================================
   v8.0.60 — MOBILE/TABLET HEADER SUBSCRIBE CTA
   Desktop header remains unchanged.
   ========================================================== */
.sbx-youtube__responsive-label{display:none}

@media (min-width:481px) and (max-width:1024px){
  .sbx-youtube{
    display:inline-flex!important;
    width:auto!important;
    min-width:102px!important;
    height:40px!important;
    padding:0 12px!important;
    gap:7px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .sbx-youtube__desktop-label{display:none!important}
  .sbx-youtube__responsive-label{display:inline!important}
  .sbx-youtube svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }
}

@media (max-width:480px){
  .sbx-youtube{
    display:inline-flex!important;
    width:auto!important;
    min-width:94px!important;
    height:38px!important;
    padding:0 10px!important;
    gap:6px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .sbx-youtube__desktop-label{display:none!important}
  .sbx-youtube__responsive-label{display:inline!important}
  .sbx-youtube svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
  }
}

@media (max-width:350px){
  .sbx-youtube{
    min-width:86px!important;
    padding:0 8px!important;
    font-size:9.7px!important;
    gap:5px!important;
  }
}

/* ==========================================================
   v8.0.60 — THEME-CONTROLLED IMAGE QUALITY AUDIT
   Crisp vector assets only; official Simply Blockchain artwork is untouched.
   ========================================================== */
.sbx-feature > img,
.sbx-guide-card > img,
.sbx-icon-row__item > img,
.sbx-tool-mini > img,
.sbx-tool-feature__head > img,
.sbx-resource-card__head > img,
.sbx-promise > img,
.sbx-path-card > img,
.sbx-benefit > img,
.sbx-value > img,
.sbx-risk-card > img,
.sbx-contact-card > img,
.sbx-community-card > img,
.sbx-mobile-compare-card__head > img{
  image-rendering:auto!important;
}

/* ==========================================================
   v8.0.60 — HEADER CTA POLISH + SITEWIDE PREMIUM ORANGE BUTTONS
   ========================================================== */

/* Upgrade all orange CTAs from flat orange to premium orange glass. */
.sbx-btn.sbx-btn--orange{
  color:#fff!important;
  background:
    linear-gradient(145deg,rgba(255,153,92,.96) 0%,rgba(255,118,33,.96) 16%,rgba(252,79,0,.99) 56%,rgba(213,57,0,.98) 100%)!important;
  border-color:rgba(255,173,120,.70)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -10px 18px rgba(158,39,0,.18),
    0 0 0 1px rgba(252,79,0,.24),
    0 10px 24px rgba(252,79,0,.20),
    0 0 18px rgba(252,79,0,.09)!important;
}
.sbx-btn.sbx-btn--orange:before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.12) 22%,transparent 46%,transparent 74%,rgba(255,195,160,.10) 100%)!important;
  opacity:1!important;
}
.sbx-btn.sbx-btn--orange:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -10px 18px rgba(158,39,0,.16),
    0 0 0 1px rgba(252,79,0,.26),
    0 14px 28px rgba(252,79,0,.24),
    0 0 20px rgba(252,79,0,.12)!important;
}

/* Optical size correction for the two homepage feature icons that read slightly smaller. */
.home .sbx-feature-grid .sbx-feature > img[src*="home-book-gradient-v21-crisp-v859"],
.home .sbx-feature-grid .sbx-feature > img[src*="home-toolbox-gradient-v21-crisp-v859"]{
  width:38px!important;
  height:38px!important;
  max-width:none!important;
}

/* Mobile + tablet header subscribe CTA: shorter, longer, and always shows the label. */
.sbx-header .sbx-youtube__responsive-label{display:none}

@media (min-width:701px) and (max-width:1024px){
  .sbx-header .sbx-actions{gap:10px!important}
  .sbx-header .sbx-youtube{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:144px!important;
    height:36px!important;
    padding:0 16px!important;
    gap:8px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
    font-size:11.25px!important;
    line-height:1!important;
  }
  .sbx-header .sbx-youtube__desktop-label{display:none!important}
  .sbx-header .sbx-youtube__responsive-label{
    display:inline!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .sbx-header .sbx-youtube svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
  }
}

@media (max-width:700px){
  .sbx-header .sbx-actions{gap:10px!important}
  .sbx-header .sbx-youtube{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:124px!important;
    height:34px!important;
    padding:0 13px!important;
    gap:7px!important;
    border-radius:10px!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
  .sbx-header .sbx-youtube__desktop-label{display:none!important}
  .sbx-header .sbx-youtube__responsive-label{
    display:inline!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .sbx-header .sbx-youtube svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
  }
}

@media (max-width:420px){
  .sbx-header .sbx-youtube{
    min-width:116px!important;
    height:33px!important;
    padding:0 12px!important;
    gap:6px!important;
    font-size:10px!important;
  }
}

@media (max-width:350px){
  .sbx-header .sbx-youtube{
    min-width:108px!important;
    padding:0 10px!important;
    font-size:9.6px!important;
  }
}

/* ==========================================================
   v8.0.61 — HEADER ALIGNMENT + HOMEPAGE ICON OPTICAL MATCH
   ========================================================== */

/* Keep all four homepage feature icons on the same physical canvas.
   Book/toolbox artwork is optically scaled inside that canvas so the
   visible line art matches the chart and shield beside it. */
.home .sbx-feature-grid .sbx-feature > img{
  transform-origin:center center!important;
}

@media (min-width:701px){
  .home .sbx-feature-grid .sbx-feature > img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
  }
  .home .sbx-feature-grid .sbx-feature > img[src*="home-book-gradient-v21-crisp-v859"]{
    transform:scale(.82)!important;
  }
  .home .sbx-feature-grid .sbx-feature > img[src*="home-toolbox-gradient-v21-crisp-v859"]{
    transform:scale(.76)!important;
  }
}

@media (max-width:700px){
  .home .sbx-feature-grid .sbx-feature > img{
    width:25px!important;
    height:25px!important;
    max-width:25px!important;
  }
  .home .sbx-feature-grid .sbx-feature > img[src*="home-book-gradient-v21-crisp-v859"]{
    transform:scale(.84)!important;
  }
  .home .sbx-feature-grid .sbx-feature > img[src*="home-toolbox-gradient-v21-crisp-v859"]{
    transform:scale(.78)!important;
  }
}

/* Tablet: compact subscribe pill, visually centred with hamburger. */
@media (min-width:701px) and (max-width:1024px){
  .sbx-header .sbx-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }
  .sbx-header .sbx-youtube{
    min-width:116px!important;
    width:auto!important;
    height:32px!important;
    padding:0 12px!important;
    gap:6px!important;
    border-radius:9px!important;
    font-size:10.4px!important;
    align-self:center!important;
  }
  .sbx-header .sbx-youtube svg{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }
  .sbx-header .sbx-menu-btn{
    align-self:center!important;
    margin:0!important;
  }
}

/* Mobile: shorter and noticeably less dominant while keeping Subscribe visible. */
@media (max-width:700px){
  .sbx-header .sbx-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  .sbx-header .sbx-youtube{
    min-width:102px!important;
    width:auto!important;
    height:30px!important;
    padding:0 10px!important;
    gap:6px!important;
    border-radius:8px!important;
    font-size:9.7px!important;
    align-self:center!important;
  }
  .sbx-header .sbx-youtube svg{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }
  .sbx-header .sbx-menu-btn{
    align-self:center!important;
    margin:0!important;
  }
}

@media (max-width:420px){
  .sbx-header .sbx-youtube{
    min-width:96px!important;
    height:30px!important;
    padding:0 9px!important;
    font-size:9.4px!important;
  }
}

/* ==========================================================
   v8.0.62 — MOBILE/TABLET HEADER VISUAL CENTRING + ICON MATCH
   Desktop remains unchanged.
   ========================================================== */
@media (max-width:1024px){
  /* Centre the burger artwork itself instead of relying on legacy span margins. */
  .sbx-header .sbx-menu-btn{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:38px!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    align-self:center!important;
  }
  .sbx-header .sbx-menu-btn span{
    display:block!important;
    width:27px!important;
    height:2px!important;
    margin:0!important;
    flex:0 0 2px!important;
  }

  /* Use the same outer icon canvas, but add internal breathing room to the
     visually broader book/toolbox line art so it matches chart/shield. */
  .home .sbx-feature-grid .sbx-feature > img{
    width:25px!important;
    height:25px!important;
    max-width:25px!important;
    box-sizing:border-box!important;
    transform:none!important;
    object-fit:contain!important;
  }
  .home .sbx-feature-grid .sbx-feature > img[src*="home-book-gradient-v21-crisp-v859"],
  .home .sbx-feature-grid .sbx-feature > img[src*="home-toolbox-gradient-v21-crisp-v859"]{
    padding:2px!important;
  }
}

@media (min-width:701px) and (max-width:1024px){
  .sbx-header .sbx-youtube{
    min-width:102px!important;
    width:auto!important;
    height:30px!important;
    padding:0 11px!important;
    gap:6px!important;
    border-radius:8px!important;
    font-size:9.7px!important;
    align-self:center!important;
  }
  .sbx-header .sbx-youtube svg{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }
}

@media (max-width:700px){
  .sbx-header .sbx-actions{
    align-items:center!important;
    gap:8px!important;
  }
  .sbx-header .sbx-youtube{
    min-width:90px!important;
    width:auto!important;
    height:28px!important;
    padding:0 9px!important;
    gap:5px!important;
    border-radius:8px!important;
    font-size:9px!important;
    align-self:center!important;
  }
  .sbx-header .sbx-youtube svg{
    width:12px!important;
    height:12px!important;
    flex:0 0 12px!important;
  }
}

@media (max-width:420px){
  .sbx-header .sbx-youtube{
    min-width:88px!important;
    height:28px!important;
    padding:0 8px!important;
    font-size:8.8px!important;
  }
}

/* ==========================================================
   v8.0.63 — PREMIUM MOTION SYSTEM + FINAL ICON ALIGNMENT
   Subtle motion language: glass reflection, small vertical movement,
   restrained orange light. Includes reduced-motion support.
   ========================================================== */

/* Final mobile/tablet optical alignment: keep current size, move the
   book/toolbox artwork upward without moving the card text/layout. */
@media (max-width:1024px){
  .home .sbx-feature-grid .sbx-feature > img[src*="home-book-gradient-v21-crisp-v859"],
  .home .sbx-feature-grid .sbx-feature > img[src*="home-toolbox-gradient-v21-crisp-v859"]{
    position:relative!important;
    top:0!important;
  }
}

/* Header becomes more solid as the visitor scrolls, without changing
   its physical height or disturbing the mobile navigation geometry. */
.sbx-header{
  position:sticky!important;
  top:0;
  z-index:999!important;
  transition:background-color .32s ease,box-shadow .32s ease,border-color .32s ease,backdrop-filter .32s ease!important;
}
.sbx-header .sbx-brand img,
.sbx-header .sbx-youtube,
.sbx-header .sbx-search-icon,
.sbx-header .sbx-menu-btn{
  transition:transform .32s cubic-bezier(.2,.75,.3,1),opacity .32s ease!important;
}
.sbx-header.sbx-header--scrolled{
  background:rgba(2,4,6,.985)!important;
  border-bottom-color:rgba(255,255,255,.085)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28),0 1px 0 rgba(252,79,0,.035)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.sbx-header.sbx-header--scrolled .sbx-brand img{transform:scale(.965);transform-origin:left center}
.sbx-header.sbx-header--scrolled .sbx-youtube{transform:scale(.97)}
body.admin-bar .sbx-header{top:32px}
@media(max-width:782px){body.admin-bar .sbx-header{top:46px}}

/* Hero texture: nearly imperceptible ambient drift. */
.sbx-motion-ready .sbx-hero:after,
.sbx-motion-ready .sbx-inner-hero:after{
  animation:sbxHeroTextureDrift 42s ease-in-out infinite alternate;
}
.sbx-motion-ready .sbx-hero__copy{
  animation:sbxHeroCopyIn .62s cubic-bezier(.2,.72,.28,1) both;
}
@keyframes sbxHeroTextureDrift{
  0%{background-position:0 0,0 0}
  100%{background-position:22px 9px,-16px 7px}
}
@keyframes sbxHeroCopyIn{
  from{opacity:.01;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* Scroll reveal. JS only enables this after elements have been prepared,
   so content remains visible if JS is blocked or unavailable. */
.sbx-motion-ready .sbx-reveal{
  opacity:0;
  transform:translateY(12px);
  transition:
    opacity .48s cubic-bezier(.2,.72,.28,1) var(--sbx-reveal-delay,0ms),
    transform .48s cubic-bezier(.2,.72,.28,1) var(--sbx-reveal-delay,0ms);
  will-change:opacity,transform;
}
.sbx-motion-ready .sbx-reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* Cards: tiny lift and restrained orange response on pointer devices only. */
.sbx-feature,
.sbx-guide-card,
.sbx-tool-mini,
.sbx-tutorial-card,
.sbx-article-card,
.sbx-path-card,
.sbx-tool-feature,
.sbx-promise,
.sbx-checkline,
.sbx-contact-card,
.sbx-community-card,
.sbx-sidebar-cta,
.sbx-course-card,
.sbx-dashboard__path,
.sbx-featured-tutorial,
.sbx-guide-feature,
.sbx-benefit,
.sbx-resource-card,
.sbx-mobile-compare-card{
  transition:transform .28s cubic-bezier(.2,.72,.28,1),border-color .28s ease,box-shadow .28s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .sbx-feature:hover,
  .sbx-guide-card:hover,
  .sbx-tool-mini:hover,
  .sbx-tutorial-card:hover,
  .sbx-article-card:hover,
  .sbx-path-card:hover,
  .sbx-tool-feature:hover,
  .sbx-promise:hover,
  .sbx-checkline:hover,
  .sbx-contact-card:hover,
  .sbx-community-card:hover,
  .sbx-sidebar-cta:hover,
  .sbx-course-card:hover,
  .sbx-dashboard__path:hover,
  .sbx-featured-tutorial:hover,
  .sbx-guide-feature:hover,
  .sbx-benefit:hover,
  .sbx-resource-card:hover,
  .sbx-mobile-compare-card:hover{
    transform:translateY(-3px);
    border-color:rgba(252,79,0,.32)!important;
  }
}

/* Icon micro-interaction. Deliberately excludes official Simply Blockchain artwork. */
.sbx-feature > img,
.sbx-guide-card > img,
.sbx-tool-mini > img,
.sbx-tool-feature__head > img,
.sbx-article-card > img,
.sbx-path-card > img,
.sbx-benefit > img,
.sbx-promise > img,
.sbx-risk-card > img,
.sbx-contact-card > img,
.sbx-community-card > img,
.sbx-icon-row__item > img{
  transition:transform .28s cubic-bezier(.2,.72,.28,1),filter .28s ease!important;
}
@media (hover:hover) and (pointer:fine){
  .sbx-feature:hover > img,
  .sbx-guide-card:hover > img,
  .sbx-tool-mini:hover > img,
  .sbx-tool-feature:hover .sbx-tool-feature__head > img,
  .sbx-article-card:hover > img,
  .sbx-path-card:hover > img,
  .sbx-benefit:hover > img,
  .sbx-promise:hover > img,
  .sbx-risk-card:hover > img,
  .sbx-contact-card:hover > img,
  .sbx-community-card:hover > img{
    transform:translateY(-1px) scale(1.025);
    filter:drop-shadow(0 0 4px rgba(252,79,0,.22))!important;
  }
}

/* Premium buttons: soft moving glass reflection, never a constant pulse. */
.sbx-btn{
  isolation:isolate;
}
.sbx-btn::after{
  content:"";
  position:absolute;
  z-index:0;
  top:-35%;
  bottom:-35%;
  left:-62%;
  width:38%;
  pointer-events:none;
  opacity:0;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);
  transition:left .55s cubic-bezier(.2,.72,.28,1),opacity .18s ease;
}
@media (hover:hover) and (pointer:fine){
  .sbx-btn:hover::after{left:124%;opacity:1}
  .sbx-btn:hover{transform:translateY(-2px)}
}
.sbx-btn:active{transform:translateY(0) scale(.985)!important}

/* Existing edge lights get only an occasional brightness catch. */
.sbx-motion-ready .sbx-illum-rim > .sbx-live-rim{
  animation:sbxRimCatch 9.5s ease-in-out infinite;
}
.sbx-motion-ready .sbx-rim-v2 > .sbx-live-rim{animation-delay:-1.4s}
.sbx-motion-ready .sbx-rim-v3 > .sbx-live-rim{animation-delay:-2.8s}
.sbx-motion-ready .sbx-rim-v4 > .sbx-live-rim{animation-delay:-4.1s}
.sbx-motion-ready .sbx-rim-v5 > .sbx-live-rim{animation-delay:-5.5s}
.sbx-motion-ready .sbx-rim-v6 > .sbx-live-rim{animation-delay:-6.8s}
.sbx-motion-ready .sbx-rim-v7 > .sbx-live-rim{animation-delay:-8.1s}
@keyframes sbxRimCatch{
  0%,70%,100%{filter:blur(.1px) brightness(1)}
  78%{filter:blur(.1px) brightness(1.28) drop-shadow(0 0 2px rgba(252,79,0,.18))}
  86%{filter:blur(.1px) brightness(1.04)}
}

/* No expensive hover transforms on touch layouts. */
@media (hover:none){
  .sbx-feature,
  .sbx-guide-card,
  .sbx-tool-mini,
  .sbx-tutorial-card,
  .sbx-article-card,
  .sbx-path-card,
  .sbx-tool-feature,
  .sbx-promise,
  .sbx-checkline,
  .sbx-contact-card,
  .sbx-community-card,
  .sbx-course-card,
  .sbx-dashboard__path,
  .sbx-guide-feature,
  .sbx-benefit,
  .sbx-resource-card{
    transform:none;
  }
}

/* Accessibility: honour system reduced-motion preference completely. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .sbx-motion-ready .sbx-reveal,
  .sbx-motion-ready .sbx-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .sbx-motion-ready .sbx-hero__copy,
  .sbx-motion-ready .sbx-hero:after,
  .sbx-motion-ready .sbx-inner-hero:after,
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim{
    animation:none!important;
  }
  .sbx-btn,
  .sbx-btn::after,
  .sbx-feature,
  .sbx-guide-card,
  .sbx-tool-mini,
  .sbx-tutorial-card,
  .sbx-article-card,
  .sbx-path-card,
  .sbx-tool-feature,
  .sbx-promise,
  .sbx-checkline,
  .sbx-contact-card,
  .sbx-community-card,
  .sbx-course-card,
  .sbx-dashboard__path,
  .sbx-guide-feature,
  .sbx-benefit,
  .sbx-resource-card,
  .sbx-header,
  .sbx-header *{
    animation:none!important;
    transition:none!important;
  }
}


/* ==========================================================
   v8.0.64 — MOBILE/TABLET CONTENT ALIGNMENT + MOTION VISIBILITY
   ========================================================== */

/* The left-hand Home feature cards now match the adjacent cards as a
   complete content block: icon, heading and description move together. */
@media (max-width:1024px){
  .home .sbx-feature-grid .sbx-feature:nth-child(1) > img,
  .home .sbx-feature-grid .sbx-feature:nth-child(1) > h3,
  .home .sbx-feature-grid .sbx-feature:nth-child(1) > p,
  .home .sbx-feature-grid .sbx-feature:nth-child(3) > img,
  .home .sbx-feature-grid .sbx-feature:nth-child(3) > h3,
  .home .sbx-feature-grid .sbx-feature:nth-child(3) > p{
    position:relative!important;
    top:-6px!important;
  }
}

/* Mobile/tablet scroll motion is deliberately more readable than desktop:
   still subtle, but individual cards visibly settle into place. */
@media (max-width:1024px) and (prefers-reduced-motion:no-preference){
  .sbx-motion-ready .sbx-reveal{
    opacity:0;
    transform:translateY(22px) scale(.992);
    transition:
      opacity .62s cubic-bezier(.18,.72,.25,1) var(--sbx-reveal-delay,0ms),
      transform .62s cubic-bezier(.18,.72,.25,1) var(--sbx-reveal-delay,0ms)!important;
  }
  .sbx-motion-ready .sbx-reveal.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
  }
  .sbx-motion-ready .sbx-hero__copy{
    animation-duration:.74s!important;
  }
  .sbx-motion-ready .sbx-hero:after,
  .sbx-motion-ready .sbx-inner-hero:after{
    animation-duration:26s!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim{
    animation-duration:7.8s!important;
  }
}

/* Touch feedback keeps premium controls feeling responsive without hover. */
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .sbx-btn:active{
    transform:scale(.985)!important;
    filter:brightness(1.035);
  }
  .sbx-feature:active,
  .sbx-guide-card:active,
  .sbx-tool-mini:active,
  .sbx-contact-card:active,
  .sbx-community-card:active{
    border-color:rgba(252,79,0,.34)!important;
  }
}

/* ==========================================================
   v8.0.65 — MOBILE/TABLET LIGHT MOTION + TRUE STICKY HEADER
   Makes the premium lighting language perceptible on touch devices
   without turning the interface into a neon animation.
   ========================================================== */

/* Safari sticky fix: overflow:hidden on the site wrapper can become the
   sticky containing block. overflow:clip preserves clipping without
   creating a scrolling ancestor. */
@media (max-width:1024px){
  .sbx-site{
    overflow:clip!important;
  }
  .sbx-header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    will-change:height,background-color,box-shadow,backdrop-filter;
  }
}

/* Make the scroll state visible on mobile/tablet: the header genuinely
   compacts, gains a deeper glass surface and a restrained orange edge. */
@media (max-width:1024px) and (prefers-reduced-motion:no-preference){
  .sbx-header,
  .sbx-header__row{
    transition:height .30s cubic-bezier(.2,.72,.28,1),background-color .30s ease,
      box-shadow .30s ease,border-color .30s ease,backdrop-filter .30s ease!important;
  }
  .sbx-header.sbx-header--scrolled{
    height:60px!important;
    background:rgba(2,4,6,.965)!important;
    border-bottom-color:rgba(252,79,0,.18)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.38),0 1px 0 rgba(252,79,0,.13)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  }
  .sbx-header.sbx-header--scrolled .sbx-header__row{height:60px!important}
  .sbx-header.sbx-header--scrolled .sbx-brand img{
    transform:scale(.93)!important;
    transform-origin:left center!important;
  }
  .sbx-header.sbx-header--scrolled .sbx-youtube{transform:scale(.94)!important}
  .sbx-header.sbx-header--scrolled .sbx-menu-btn{transform:scale(.94)!important}
}

@media (max-width:700px) and (prefers-reduced-motion:no-preference){
  .sbx-header.sbx-header--scrolled,
  .sbx-header.sbx-header--scrolled .sbx-header__row{height:58px!important}
}

/* Dedicated animated light sheet. It is inserted by site.js as a decorative
   child of illuminated cards/panels and only rendered on touch layouts. */
.sbx-illum-rim > .sbx-mobile-shimmer{display:none}

@media (max-width:1024px) and (prefers-reduced-motion:no-preference){
  .sbx-illum-rim > .sbx-mobile-shimmer{
    display:block!important;
    position:absolute!important;
    inset:1px!important;
    z-index:7!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    opacity:0;
    background:
      linear-gradient(112deg,
        transparent 0%,transparent 39%,
        rgba(255,255,255,.045) 44%,
        rgba(255,177,112,.10) 48%,
        rgba(252,79,0,.14) 50%,
        rgba(255,214,180,.075) 53%,
        transparent 60%,transparent 100%) no-repeat;
    background-size:260% 100%;
    background-position:170% 0;
    mix-blend-mode:screen;
    animation:sbxMobileGlassSweep 8.6s cubic-bezier(.25,.65,.25,1) infinite;
    will-change:background-position,opacity;
  }
  .sbx-rim-v2 > .sbx-mobile-shimmer{animation-delay:-1.3s}
  .sbx-rim-v3 > .sbx-mobile-shimmer{animation-delay:-2.6s}
  .sbx-rim-v4 > .sbx-mobile-shimmer{animation-delay:-3.9s}
  .sbx-rim-v5 > .sbx-mobile-shimmer{animation-delay:-5.2s}
  .sbx-rim-v6 > .sbx-mobile-shimmer{animation-delay:-6.5s}
  .sbx-rim-v7 > .sbx-mobile-shimmer{animation-delay:-7.7s}

  /* Mobile had several historical opacity reductions. Override them here so
     the existing short organic edge segments can actually be seen moving. */
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim{
    opacity:.82!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-hotspot{
    opacity:.78!important;
    animation:sbxMobileHotspotPulse 7.4s ease-in-out infinite!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-ember-field{
    opacity:.34!important;
    animation:sbxMobileEmberBreath 8.2s ease-in-out infinite!important;
  }
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-live-rim{opacity:.56!important}
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-live-hotspot{opacity:.54!important}
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-ember-field{opacity:.20!important}

  /* Horizontal and vertical segments carry a highlight through their own
     short edge segment, which reads as moving rim light rather than a pulse. */
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--top,
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--bottom{
    background-size:220% 100%!important;
    animation:sbxMobileRimFlowX 7.2s ease-in-out infinite!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--left,
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--right{
    background-size:100% 220%!important;
    animation:sbxMobileRimFlowY 7.2s ease-in-out infinite!important;
  }
  .sbx-rim-v2 > .sbx-live-rim{animation-delay:-1.1s!important}
  .sbx-rim-v3 > .sbx-live-rim{animation-delay:-2.2s!important}
  .sbx-rim-v4 > .sbx-live-rim{animation-delay:-3.3s!important}
  .sbx-rim-v5 > .sbx-live-rim{animation-delay:-4.4s!important}
  .sbx-rim-v6 > .sbx-live-rim{animation-delay:-5.5s!important}
  .sbx-rim-v7 > .sbx-live-rim{animation-delay:-6.6s!important}
}

@keyframes sbxMobileGlassSweep{
  0%,57%{opacity:0;background-position:170% 0}
  61%{opacity:.22}
  72%{opacity:.38}
  82%{opacity:.10;background-position:-70% 0}
  86%,100%{opacity:0;background-position:-70% 0}
}
@keyframes sbxMobileRimFlowX{
  0%,48%{background-position:100% 0;filter:brightness(1)}
  62%{background-position:52% 0;filter:brightness(1.16) drop-shadow(0 0 2px rgba(252,79,0,.28))}
  76%{background-position:0 0;filter:brightness(1.36) drop-shadow(0 0 3px rgba(252,79,0,.34))}
  88%,100%{background-position:-55% 0;filter:brightness(1.02)}
}
@keyframes sbxMobileRimFlowY{
  0%,48%{background-position:0 100%;filter:brightness(1)}
  62%{background-position:0 52%;filter:brightness(1.16) drop-shadow(0 0 2px rgba(252,79,0,.28))}
  76%{background-position:0 0;filter:brightness(1.36) drop-shadow(0 0 3px rgba(252,79,0,.34))}
  88%,100%{background-position:0 -55%;filter:brightness(1.02)}
}
@keyframes sbxMobileHotspotPulse{
  0%,58%,100%{transform:scale(.9);filter:brightness(.95)}
  70%{transform:scale(1.20);filter:brightness(1.35)}
  79%{transform:scale(1);filter:brightness(1.04)}
}
@keyframes sbxMobileEmberBreath{
  0%,54%,100%{filter:brightness(.92)}
  68%{filter:brightness(1.26)}
  82%{filter:brightness(1.02)}
}

@media (max-width:700px) and (prefers-reduced-motion:no-preference){
  .sbx-illum-rim > .sbx-mobile-shimmer{animation-duration:7.8s}
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim{opacity:.88!important}
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-hotspot{opacity:.82!important}
}

@media (prefers-reduced-motion:reduce){
  .sbx-illum-rim > .sbx-mobile-shimmer{display:none!important;animation:none!important}
}

/* ==========================================================
   v8.0.66 — CALMER CARDS / CTA SHIMMER / EDGE GLOW / AXIOM SCALE
   ========================================================== */

/* The v8.0.65 moving glass sheet was too active across card faces.
   Card surfaces now remain calm; lighting is carried by the physical rim. */
.sbx-illum-rim > .sbx-mobile-shimmer{
  display:none!important;
  animation:none!important;
  opacity:0!important;
}

/* Keep shimmer exclusive to primary orange CTA buttons. Secondary glass
   buttons stay static so the page never feels busy. */
.sbx-btn:not(.sbx-btn--orange)::after{
  display:none!important;
  animation:none!important;
}
.sbx-btn.sbx-btn--orange::after{
  display:block!important;
}

/* Touch layouts get an occasional automatic glass-light pass on orange CTAs.
   It is intentionally infrequent, with a short visible window. */
@media (max-width:1024px) and (prefers-reduced-motion:no-preference){
  .sbx-btn.sbx-btn--orange::after{
    left:-58%!important;
    width:32%!important;
    opacity:0;
    background:linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.08) 20%,
      rgba(255,255,255,.34) 50%,
      rgba(255,216,190,.15) 68%,
      transparent 100%)!important;
    transform:skewX(-18deg)!important;
    animation:sbxOrangeCtaSweep 8.8s cubic-bezier(.22,.66,.28,1) infinite!important;
    will-change:left,opacity;
  }
}

@keyframes sbxOrangeCtaSweep{
  0%,58%{left:-58%;opacity:0}
  62%{opacity:.22}
  70%{opacity:.72}
  80%{left:126%;opacity:.20}
  83%,100%{left:126%;opacity:0}
}

/* Add a restrained perimeter halo plus a stronger bloom from the existing
   short organic edge catches. This is outside-border light, not an orange fill. */
.sbx-illum-rim.sbx-glass,
.sbx-illum-rim.sbx-guide-card,
.sbx-illum-rim.sbx-tool-mini,
.sbx-illum-rim.sbx-tutorial-box,
.sbx-illum-rim.sbx-article-card,
.sbx-illum-rim.sbx-path-card,
.sbx-illum-rim.sbx-tool-feature,
.sbx-illum-rim.sbx-contact-card,
.sbx-illum-rim.sbx-community-card,
.sbx-illum-rim.sbx-featured-tutorial,
.sbx-illum-rim.sbx-guide-feature,
.sbx-illum-rim.sbx-benefit,
.sbx-illum-rim.sbx-promise,
.sbx-illum-rim.sbx-resource-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 1px 0 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(252,79,0,.075),
    0 0 10px rgba(252,79,0,.085),
    0 10px 25px rgba(0,0,0,.25)!important;
}
.sbx-illum-rim.sbx-panel,
.sbx-illum-rim--major{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 34px rgba(255,255,255,.01),
    0 0 0 1px rgba(252,79,0,.06),
    0 0 13px rgba(252,79,0,.065),
    0 18px 38px rgba(0,0,0,.30)!important;
}

.sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--top,
.sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--bottom{
  box-shadow:
    0 0 2px rgba(255,241,218,.94),
    0 0 7px rgba(252,79,0,.82),
    0 0 16px rgba(252,79,0,.50),
    0 0 28px rgba(252,79,0,.24)!important;
}
.sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--left,
.sbx-motion-ready .sbx-illum-rim > .sbx-live-rim--right{
  box-shadow:
    0 0 2px rgba(255,241,218,.94),
    0 0 7px rgba(252,79,0,.82),
    0 0 16px rgba(252,79,0,.50),
    0 0 28px rgba(252,79,0,.24)!important;
}
.sbx-motion-ready .sbx-illum-rim > .sbx-live-hotspot{
  box-shadow:
    0 0 2px 1px rgba(255,243,221,.94),
    0 0 7px 2px rgba(252,79,0,.84),
    0 0 17px 4px rgba(252,79,0,.44)!important;
}

/* On touch screens the rim motion remains visible, but without a light sheet
   travelling across the face of each card. */
@media (max-width:1024px) and (prefers-reduced-motion:no-preference){
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim{opacity:.90!important}
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-hotspot{opacity:.84!important}
  .sbx-motion-ready .sbx-illum-rim > .sbx-ember-field{
    opacity:.23!important;
    animation:sbxMobileEmberBreath 9.6s ease-in-out infinite!important;
  }
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-live-rim{opacity:.60!important}
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-live-hotspot{opacity:.56!important}
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-ember-field{opacity:.12!important}
}

/* Axiom's geometric mark has more visual mass than the other themed bot marks.
   Preserve the shared logo canvas but inset only the artwork optically. */
.sbx-tool-feature--axiom .sbx-tool-feature__head > img:first-child{
  box-sizing:border-box!important;
  padding:5px!important;
}
.sbx-tool-mini img[src*="axiom-theme-v29-crisp-v859"],
.sbx-article-card img[src*="axiom-theme-v29-crisp-v859"],
.sbx-mobile-compare-card:nth-child(2) .sbx-mobile-compare-card__head img[src*="axiom-theme-v29-crisp-v859"]{
  box-sizing:border-box!important;
  padding:4px!important;
}
@media (max-width:700px){
  .sbx-tool-feature--axiom .sbx-tool-feature__head > img:first-child{
    padding:3px!important;
  }
  .sbx-tool-mini img[src*="axiom-theme-v29-crisp-v859"],
  .sbx-mobile-compare-card:nth-child(2) .sbx-mobile-compare-card__head img[src*="axiom-theme-v29-crisp-v859"]{
    padding:2.5px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .sbx-btn.sbx-btn--orange::after{animation:none!important;opacity:0!important}
}

/* ==========================================================
   v8.0.67 — CLEAN TRAVELLING RIM + VISIBLE CTA GLASS SWEEP
   Replaces touch-screen static light dashes with one soft moving
   perimeter catch and moves the shimmer exclusively onto orange CTAs.
   ========================================================== */

/* Dedicated edge runner is inserted by site.js. */
.sbx-edge-runner{display:none}

/* Orange CTAs: animate the background itself. This is more reliable on
   iOS/Safari than a translucent pseudo-element and remains behind all text. */
.sbx-btn.sbx-btn--orange{
  background-image:
    linear-gradient(108deg,
      transparent 0%,
      transparent 40%,
      rgba(255,255,255,.10) 45%,
      rgba(255,255,255,.58) 49%,
      rgba(255,235,220,.26) 52%,
      transparent 58%,
      transparent 100%),
    linear-gradient(145deg,rgba(255,153,92,.96) 0%,rgba(255,118,33,.96) 16%,rgba(252,79,0,.99) 56%,rgba(213,57,0,.98) 100%)!important;
  background-size:240% 100%,100% 100%!important;
  background-position:150% 0,0 0!important;
  background-repeat:no-repeat!important;
}
.sbx-btn.sbx-btn--orange::after{
  display:none!important;
  animation:none!important;
}

@media (prefers-reduced-motion:no-preference){
  .sbx-btn.sbx-btn--orange{
    animation:sbxCtaGlassSweep 6.8s cubic-bezier(.22,.64,.26,1) infinite!important;
  }
}

@keyframes sbxCtaGlassSweep{
  0%,54%{background-position:150% 0,0 0}
  61%{background-position:105% 0,0 0}
  73%{background-position:15% 0,0 0}
  82%{background-position:-65% 0,0 0}
  83%,100%{background-position:-65% 0,0 0}
}

/* Touch layouts: retire the older bright individual edge segments and
   hotspots. They were reading as stationary LEDs in screenshots. */
@media (max-width:1024px){
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim,
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-hotspot{
    display:none!important;
    animation:none!important;
    opacity:0!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-ember-field{
    opacity:.10!important;
    animation:none!important;
  }

  /* Restore a dark premium card edge instead of the broad static halo. */
  .sbx-illum-rim.sbx-glass,
  .sbx-illum-rim.sbx-guide-card,
  .sbx-illum-rim.sbx-tool-mini,
  .sbx-illum-rim.sbx-tutorial-box,
  .sbx-illum-rim.sbx-article-card,
  .sbx-illum-rim.sbx-path-card,
  .sbx-illum-rim.sbx-tool-feature,
  .sbx-illum-rim.sbx-contact-card,
  .sbx-illum-rim.sbx-community-card,
  .sbx-illum-rim.sbx-featured-tutorial,
  .sbx-illum-rim.sbx-guide-feature,
  .sbx-illum-rim.sbx-benefit,
  .sbx-illum-rim.sbx-promise,
  .sbx-illum-rim.sbx-resource-card{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 0 0 1px rgba(252,79,0,.055),
      0 0 7px rgba(252,79,0,.035),
      0 10px 25px rgba(0,0,0,.25)!important;
  }
  .sbx-illum-rim.sbx-panel,
  .sbx-illum-rim--major{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      inset 0 0 34px rgba(255,255,255,.01),
      0 0 0 1px rgba(252,79,0,.045),
      0 0 8px rgba(252,79,0,.025),
      0 18px 38px rgba(0,0,0,.30)!important;
  }

  /* The runner itself is a 1px border mask. A soft conic light rotates
     behind that mask, creating one continuous travelling edge highlight. */
  .sbx-motion-ready .sbx-illum-rim > .sbx-edge-runner{
    display:block!important;
    position:absolute!important;
    inset:-1px!important;
    z-index:8!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    padding:1px!important;
    overflow:hidden!important;
    opacity:.72;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask-composite:exclude!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-edge-runner::before{
    content:"";
    position:absolute;
    width:165%;
    aspect-ratio:1;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(0deg);
    transform-origin:center;
    background:conic-gradient(
      from 0deg,
      transparent 0deg 304deg,
      rgba(252,79,0,.02) 310deg,
      rgba(255,129,57,.22) 320deg,
      rgba(255,207,170,.70) 327deg,
      rgba(252,79,0,.74) 333deg,
      rgba(252,79,0,.15) 341deg,
      transparent 350deg 360deg
    );
    filter:blur(.35px) drop-shadow(0 0 2px rgba(252,79,0,.28));
    animation:sbxEdgeRunner 7.6s linear infinite;
    will-change:transform;
  }
  .sbx-rim-v2 > .sbx-edge-runner::before{animation-delay:-1.1s!important}
  .sbx-rim-v3 > .sbx-edge-runner::before{animation-delay:-2.2s!important}
  .sbx-rim-v4 > .sbx-edge-runner::before{animation-delay:-3.3s!important}
  .sbx-rim-v5 > .sbx-edge-runner::before{animation-delay:-4.4s!important}
  .sbx-rim-v6 > .sbx-edge-runner::before{animation-delay:-5.5s!important}
  .sbx-rim-v7 > .sbx-edge-runner::before{animation-delay:-6.6s!important}

  /* Major frames stay quieter than individual cards. */
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-edge-runner{opacity:.42!important}
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-edge-runner::before{
    filter:blur(.45px) drop-shadow(0 0 2px rgba(252,79,0,.18));
  }
}

@keyframes sbxEdgeRunner{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@media (max-width:700px){
  .sbx-motion-ready .sbx-illum-rim > .sbx-edge-runner{opacity:.78}
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-edge-runner{opacity:.46!important}
}

@media (prefers-reduced-motion:reduce){
  .sbx-btn.sbx-btn--orange{animation:none!important;background-position:150% 0,0 0!important}
  .sbx-edge-runner{display:none!important}
}


/* ==========================================================
   v8.0.68 — SAFARI-RELIABLE ORANGE CTA REFLECTION
   Dedicated DOM sheen physically travels across orange CTAs.
   Approved moving card rim from v8.0.67 is intentionally untouched.
   ========================================================== */

/* Stop the v8.0.67 background-position sweep; retain the premium orange glass base. */
.sbx-btn.sbx-btn--orange{
  animation:none!important;
  isolation:isolate!important;
}

/* Real moving glass reflection inserted by site.js. */
.sbx-btn.sbx-btn--orange > .sbx-cta-sheen{
  display:block!important;
  position:absolute!important;
  z-index:7!important;
  pointer-events:none!important;
  top:-45%!important;
  bottom:-45%!important;
  left:-42%!important;
  width:28%!important;
  height:auto!important;
  border-radius:50%!important;
  opacity:0!important;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.12) 18%,
    rgba(255,255,255,.62) 48%,
    rgba(255,247,240,.88) 55%,
    rgba(255,255,255,.30) 70%,
    rgba(255,255,255,0) 100%)!important;
  filter:blur(1.4px)!important;
  transform:translate3d(-40%,0,0) skewX(-16deg)!important;
  will-change:transform,opacity!important;
}

@media (prefers-reduced-motion:no-preference){
  .sbx-motion-ready .sbx-btn.sbx-btn--orange > .sbx-cta-sheen{
    animation:sbxCtaPhysicalSheen 5.2s cubic-bezier(.20,.62,.28,1) infinite!important;
  }
}

@keyframes sbxCtaPhysicalSheen{
  0%,8%{
    transform:translate3d(-40%,0,0) skewX(-16deg);
    opacity:0;
  }
  12%{opacity:.34}
  20%{opacity:.94}
  31%{
    transform:translate3d(585%,0,0) skewX(-16deg);
    opacity:.42;
  }
  35%,100%{
    transform:translate3d(585%,0,0) skewX(-16deg);
    opacity:0;
  }
}

/* On touch devices make the reflection just a little broader/brighter so it
   survives Safari compositing and remains visible against the orange gradient. */
@media (max-width:1024px){
  .sbx-btn.sbx-btn--orange > .sbx-cta-sheen{
    width:31%!important;
    background:linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.16) 18%,
      rgba(255,255,255,.72) 46%,
      rgba(255,250,246,.96) 54%,
      rgba(255,255,255,.36) 70%,
      rgba(255,255,255,0) 100%)!important;
    filter:blur(1px)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .sbx-btn.sbx-btn--orange > .sbx-cta-sheen{
    display:none!important;
    animation:none!important;
  }
}


/* ==========================================================
   v8.0.69 — MOTION HIERARCHY / ROUNDED INNER CARDS / COMPACT ACADEMY
   Large structural frames stay still. Small internal cards carry the motion.
   Approved v8.0.67 travelling border light is intentionally preserved.
   ========================================================== */

/* Orange CTA reflection: explicit physical light band. Its left position is
   driven by site.js with inline-important values for reliable iOS Safari motion. */
.sbx-btn.sbx-btn--orange > .sbx-cta-sheen{
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  pointer-events:none!important;
  top:-44%!important;
  bottom:-44%!important;
  left:-28%!important;
  width:14%!important;
  height:auto!important;
  border-radius:42%!important;
  opacity:0!important;
  animation:none!important;
  transform:skewX(-16deg)!important;
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 18%,
    rgba(255,248,242,.32) 38%,
    rgba(255,255,255,.72) 50%,
    rgba(255,239,225,.42) 61%,
    rgba(255,255,255,.12) 79%,
    rgba(255,255,255,0) 100%)!important;
  box-shadow:0 0 8px rgba(255,244,236,.16)!important;
  filter:blur(.55px)!important;
  will-change:left,opacity!important;
}
/* Keep labels/icons above the travelling reflection. */
.sbx-btn.sbx-btn--orange > :not(.sbx-cta-sheen){position:relative!important;z-index:3!important}

/* Large outer containers should never take part in the pop-up reveal motion. */
.sbx-motion-ready .sbx-panel.sbx-reveal,
.sbx-motion-ready .sbx-banner.sbx-reveal,
.sbx-motion-ready .sbx-guides-hero.sbx-reveal,
.sbx-motion-ready .sbx-topicbar.sbx-reveal,
.sbx-motion-ready .sbx-academy-strip.sbx-reveal,
.sbx-motion-ready .sbx-footer__grid.sbx-reveal,
.sbx-motion-ready .sbx-article-main.sbx-reveal,
.sbx-motion-ready .sbx-article-side.sbx-reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}

@media (max-width:1024px){
  /* Guides featured card: remove the square inner frame. */
  .sbx-guides-hero .sbx-guide-feature{
    border-radius:14px!important;
    overflow:hidden!important;
  }

  /* Academy benefit cells become four distinct rounded premium cards rather
     than a square table-like grid. */
  .sbx-benefit-grid{
    gap:10px!important;
  }
  .sbx-benefit{
    border:1px solid rgba(234,239,244,.23)!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,rgba(28,33,38,.52),rgba(7,10,13,.82) 70%,rgba(28,13,4,.34))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px rgba(252,79,0,.055)!important;
  }
  .sbx-benefit:nth-child(n){border-bottom:1px solid rgba(234,239,244,.23)!important}

  /* Academy intro cards: reduce unused vertical space while keeping the 2x2
     composition and all copy intact. */
  .sbx-academy-intro .sbx-feature{
    min-height:108px!important;
    height:auto!important;
    padding:12px!important;
  }
  .sbx-academy-intro .sbx-feature img{
    margin-bottom:7px!important;
  }
  .sbx-academy-intro .sbx-feature p{
    margin:0!important;
  }
}

@media (max-width:700px){
  .sbx-guides-hero .sbx-guide-feature{border-radius:13px!important}
  .sbx-benefit-grid{gap:8px!important}
  .sbx-benefit{
    border-radius:12px!important;
    padding:12px!important;
  }
  .sbx-academy-intro .sbx-feature{
    min-height:88px!important;
    padding:9px 10px!important;
  }
  .sbx-academy-intro .sbx-feature img{
    margin-bottom:5px!important;
  }
  .sbx-academy-intro .sbx-feature p{
    line-height:1.30!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .sbx-btn.sbx-btn--orange > .sbx-cta-sheen{display:none!important}
}


/* ==========================================================
   v8.0.74 — DESKTOP PREMIUM MOTION ROLLOUT
   Extends the approved mobile/tablet motion language to desktop
   without changing desktop layout or large-panel motion hierarchy.
   ========================================================== */

@media (min-width:1025px) and (prefers-reduced-motion:no-preference){
  /* Desktop card reveals: visible enough to feel intentional, still restrained.
     Large structural frames remain static via the v8.0.69 hierarchy rules. */
  .sbx-motion-ready .sbx-reveal{
    opacity:0;
    transform:translateY(17px) scale(.996);
    transition:
      opacity .58s cubic-bezier(.18,.72,.25,1) var(--sbx-reveal-delay,0ms),
      transform .58s cubic-bezier(.18,.72,.25,1) var(--sbx-reveal-delay,0ms)!important;
  }
  .sbx-motion-ready .sbx-reveal.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
  }

  /* Retire the older stationary desktop light catches. The travelling runner
     becomes the single animated edge-light source, matching the approved
     mobile/tablet motion language. */
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-rim,
  .sbx-motion-ready .sbx-illum-rim > .sbx-live-hotspot{
    display:none!important;
    animation:none!important;
    opacity:0!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-ember-field{
    opacity:.10!important;
    animation:none!important;
  }

  /* Calm base edge between travelling catches. */
  .sbx-illum-rim.sbx-glass,
  .sbx-illum-rim.sbx-guide-card,
  .sbx-illum-rim.sbx-tool-mini,
  .sbx-illum-rim.sbx-tutorial-box,
  .sbx-illum-rim.sbx-article-card,
  .sbx-illum-rim.sbx-path-card,
  .sbx-illum-rim.sbx-tool-feature,
  .sbx-illum-rim.sbx-contact-card,
  .sbx-illum-rim.sbx-community-card,
  .sbx-illum-rim.sbx-featured-tutorial,
  .sbx-illum-rim.sbx-guide-feature,
  .sbx-illum-rim.sbx-benefit,
  .sbx-illum-rim.sbx-promise,
  .sbx-illum-rim.sbx-resource-card{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      0 0 0 1px rgba(252,79,0,.05),
      0 0 7px rgba(252,79,0,.032),
      0 12px 28px rgba(0,0,0,.26)!important;
  }

  /* One soft perimeter light. It follows the existing rounded card mask and
     stays deliberately weaker on large structural panels. */
  .sbx-motion-ready .sbx-illum-rim > .sbx-edge-runner{
    display:block!important;
    position:absolute!important;
    inset:-1px!important;
    z-index:8!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    padding:1px!important;
    overflow:hidden!important;
    opacity:.58;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask-composite:exclude!important;
  }
  .sbx-motion-ready .sbx-illum-rim > .sbx-edge-runner::before{
    content:"";
    position:absolute;
    width:175%;
    aspect-ratio:1;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(0deg);
    transform-origin:center;
    background:conic-gradient(
      from 0deg,
      transparent 0deg 306deg,
      rgba(252,79,0,.015) 312deg,
      rgba(255,124,48,.16) 320deg,
      rgba(255,199,151,.56) 327deg,
      rgba(252,79,0,.62) 333deg,
      rgba(252,79,0,.11) 342deg,
      transparent 351deg 360deg
    );
    filter:blur(.40px) drop-shadow(0 0 2px rgba(252,79,0,.20));
    animation:sbxEdgeRunner 9.1s linear infinite;
    will-change:transform;
  }
  .sbx-rim-v2 > .sbx-edge-runner::before{animation-delay:-1.25s!important}
  .sbx-rim-v3 > .sbx-edge-runner::before{animation-delay:-2.8s!important}
  .sbx-rim-v4 > .sbx-edge-runner::before{animation-delay:-4.05s!important}
  .sbx-rim-v5 > .sbx-edge-runner::before{animation-delay:-5.6s!important}
  .sbx-rim-v6 > .sbx-edge-runner::before{animation-delay:-6.95s!important}
  .sbx-rim-v7 > .sbx-edge-runner::before{animation-delay:-8.15s!important}

  .sbx-motion-ready .sbx-illum-rim--major > .sbx-edge-runner{
    opacity:.30!important;
  }
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-edge-runner::before{
    animation-duration:11.4s!important;
    filter:blur(.48px) drop-shadow(0 0 2px rgba(252,79,0,.13));
  }

  /* Desktop header keeps its geometry but gains the same premium scroll feel. */
  .sbx-header.sbx-header--scrolled{
    box-shadow:
      0 12px 30px rgba(0,0,0,.30),
      0 1px 0 rgba(252,79,0,.075),
      0 4px 18px rgba(252,79,0,.025)!important;
  }
}

@media (min-width:1025px) and (hover:hover) and (pointer:fine){
  /* Slightly richer tactile response on desktop only; layout geometry is unchanged. */
  .sbx-feature:hover,
  .sbx-guide-card:hover,
  .sbx-tool-mini:hover,
  .sbx-tutorial-card:hover,
  .sbx-article-card:hover,
  .sbx-path-card:hover,
  .sbx-tool-feature:hover,
  .sbx-promise:hover,
  .sbx-checkline:hover,
  .sbx-contact-card:hover,
  .sbx-community-card:hover,
  .sbx-sidebar-cta:hover,
  .sbx-course-card:hover,
  .sbx-dashboard__path:hover,
  .sbx-featured-tutorial:hover,
  .sbx-guide-feature:hover,
  .sbx-benefit:hover,
  .sbx-resource-card:hover{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.17),
      0 0 0 1px rgba(252,79,0,.10),
      0 0 12px rgba(252,79,0,.075),
      0 14px 30px rgba(0,0,0,.28)!important;
  }
}


/* ==========================================================
   v8.0.75 — DESKTOP QA FIXES
   Sticky header, consistent header width, rounded Guides feature,
   visible major-panel rim motion, and scroll-free Tools comparison.
   ========================================================== */
@media (min-width:1025px){
  /* Sticky header: the legacy site wrapper used overflow:hidden, which can
     become the sticky containing block in desktop browsers. Let the page own
     vertical scrolling and clip horizontal overflow at the document level. */
  body{overflow-x:hidden!important}
  .sbx-site{overflow:visible!important}
  .sbx-header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
  }

  /* Home used an older extra-wide header row. Match the approved site width. */
  .home .sbx-header__row{
    width:min(94%,1180px)!important;
    max-width:1180px!important;
    margin-inline:auto!important;
  }

  /* Guides featured card: use the same rounded glass geometry as the rest
     of the site on desktop too. */
  .sbx-guides-hero .sbx-guide-feature{
    border-radius:14px!important;
    overflow:hidden!important;
  }

  /* Desktop comparison fits the available panel width and should never show
     its own scroll frame. Tablet/mobile behaviour remains unchanged. */
  .sbx-compare-wrap{
    overflow:visible!important;
    border-radius:10px!important;
    width:100%!important;
  }
  .sbx-compare{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  .sbx-compare th,
  .sbx-compare td{
    overflow-wrap:anywhere;
  }
}

/* ==========================================================
   v9.0.7 — SITEWIDE RELIABILITY + NON-VISUAL QA FIXES
   Keep the approved layout intact while hardening sticky-header compositing
   and preventing desktop navigation labels from splitting across lines.
   ========================================================== */
@media (min-width:1025px){
  .sbx-header{
    isolation:isolate;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
  .sbx-header__row,
  .sbx-brand,
  .sbx-nav,
  .sbx-actions{min-width:0}
  .sbx-header__row{position:relative;z-index:1}
  .sbx-header .sbx-brand img,
  .sbx-header .sbx-youtube{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
}
@media (min-width:1251px){
  .sbx-nav a{white-space:nowrap}
}

@media (min-width:1025px) and (prefers-reduced-motion:no-preference){
  /* Large structural panels remain static in position, but get a slower,
     softer version of the travelling perimeter light so they feel alive. */
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-edge-runner{
    opacity:.44!important;
  }
  .sbx-motion-ready .sbx-illum-rim--major > .sbx-edge-runner::before{
    animation-duration:12.2s!important;
    background:conic-gradient(
      from 0deg,
      transparent 0deg 309deg,
      rgba(252,79,0,.012) 314deg,
      rgba(255,126,50,.13) 321deg,
      rgba(255,202,158,.48) 327deg,
      rgba(252,79,0,.54) 333deg,
      rgba(252,79,0,.09) 341deg,
      transparent 350deg 360deg
    )!important;
    filter:blur(.42px) drop-shadow(0 0 3px rgba(252,79,0,.18))!important;
  }
}


/* ==========================================================
   v8.0.76 — ACADEMY DESKTOP WIDTH + ROUNDED BENEFIT CARDS
   Keep every Academy section on the shared 1180px site grid and
   prevent six-column content from forcing the desktop page wider.
   ========================================================== */
@media (min-width:1025px){
  .sbx-academy-page{
    width:min(94%,1180px)!important;
    max-width:1180px!important;
    margin-inline:auto!important;
    min-width:0!important;
  }
  .sbx-academy-page > .sbx-section,
  .sbx-academy-page > .sbx-banner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .sbx-academy-page .sbx-academy-intro,
  .sbx-academy-page .sbx-feature-grid,
  .sbx-academy-page .sbx-path-grid,
  .sbx-academy-page .sbx-benefit-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .sbx-academy-page .sbx-academy-intro{
    grid-template-columns:minmax(0,52fr) minmax(0,48fr)!important;
  }
  .sbx-academy-page .sbx-path-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .sbx-academy-page .sbx-path-card,
  .sbx-academy-page .sbx-feature,
  .sbx-academy-page .sbx-dashboard,
  .sbx-academy-page .sbx-benefit{
    min-width:0!important;
    max-width:100%!important;
  }

  /* The four Academy benefits should read as individual premium cards,
     not square cells in one large divided rectangle. */
  .sbx-academy-page .sbx-benefit-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .sbx-academy-page .sbx-benefit{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(234,239,244,.24)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(30,35,40,.60),rgba(7,10,13,.90) 68%,rgba(29,13,4,.44))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      0 0 0 1px rgba(252,79,0,.06),
      0 8px 20px rgba(0,0,0,.22)!important;
    border-right:1px solid rgba(234,239,244,.24)!important;
    border-bottom:1px solid rgba(234,239,244,.24)!important;
  }
}


/* ==========================================================
   v8.0.77 — ACADEMY WRAPPER STRUCTURE FIX
   page-academy.php now keeps every lower Academy section inside
   the shared .sbx-wrap/.sbx-academy-page container.
   ========================================================== */
@media (min-width:1025px){
  .sbx-academy-page > .sbx-section,
  .sbx-academy-page > .sbx-banner{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }
  .sbx-academy-page .sbx-benefit{
    border-radius:14px!important;
  }
}

/* v8.0.99 ARTICLE REGRESSION FIX
   The v8.0.78 performance CSS remains active everywhere except single posts.
   Single article pages therefore retain the known-good v8.0.77 CSS rendering,
   while all newer JavaScript motion/performance optimisations stay enabled. */

/* ==========================================================
   v8.0.78 — PERFORMANCE-OPTIMISED MOTION
   Same visual language; only visible elements consume animation work.
   ========================================================== */

/* Entrance transitions are one-shot. Once visible they should not retain a
   permanent compositor hint. */
html.sbx-motion-ready body:not(.single-post) .sbx-reveal.is-visible{
  will-change:auto!important;
}

/* Travelling rim lights are dormant by default. They only become composited
   while their host is in/near the viewport (class set by IntersectionObserver). */
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim > .sbx-edge-runner{
  visibility:hidden!important;
}
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim > .sbx-edge-runner::before{
  animation-play-state:paused!important;
  will-change:auto!important;
}
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim.sbx-rim-active > .sbx-edge-runner{
  visibility:visible!important;
}
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim.sbx-rim-active > .sbx-edge-runner::before{
  animation-play-state:running!important;
  will-change:transform!important;
  /* The surrounding card shadow supplies the soft bloom. Avoid filtering the
     oversized rotating gradient itself on every frame. */
  filter:none!important;
}

/* CTA sheen is promoted only while its button is visible and scheduled. */
body:not(.single-post) .sbx-btn.sbx-btn--orange > .sbx-cta-sheen{
  will-change:auto!important;
}
body:not(.single-post) .sbx-btn.sbx-btn--orange.sbx-cta-active > .sbx-cta-sheen{
  will-change:left,opacity!important;
}

/* Hero background drift is paused off-screen. */
@media (prefers-reduced-motion:no-preference){
  html.sbx-motion-ready body:not(.single-post) .sbx-hero::after,
  html.sbx-motion-ready body:not(.single-post) .sbx-inner-hero::after{
    animation-play-state:paused!important;
  }
  html.sbx-motion-ready body:not(.single-post) .sbx-hero.sbx-hero-active::after,
  html.sbx-motion-ready body:not(.single-post) .sbx-inner-hero.sbx-hero-active::after{
    animation-play-state:running!important;
  }
}

/* Repeated real-time backdrop blur is expensive on desktop GPUs and especially
   during touch scrolling. The existing gradients, borders and rim lighting
   already provide the approved glass appearance, so render these surfaces as
   pre-styled glass rather than continuously sampling pixels behind them. */
body:not(.single-post) .sbx-glass,
body:not(.single-post) .sbx-panel,
body:not(.single-post) .sbx-btn,
body:not(.single-post) .sbx-dashboard,
body:not(.single-post) .sbx-topicbar,
body:not(.single-post) .sbx-waitlist,
body:not(.single-post) .sbx-contact-card,
body:not(.single-post) .sbx-community-card,
body:not(.single-post) .sbx-tool-feature,
body:not(.single-post) .sbx-path-card,
body:not(.single-post) .sbx-benefit{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Background tabs/windows should perform zero decorative animation work. */
html.sbx-page-paused .sbx-edge-runner::before,
html.sbx-page-paused .sbx-cta-sheen,
html.sbx-page-paused .sbx-hero::after,
html.sbx-page-paused .sbx-inner-hero::after{
  animation-play-state:paused!important;
  will-change:auto!important;
}

/* While paused, hide the active moving highlight itself so the browser can
   release its paint/compositing work completely. */
html.sbx-page-paused .sbx-edge-runner{
  visibility:hidden!important;
}


/* ==========================================================
   v8.0.79 — COMPLETE RIM COVERAGE + PERFORMANCE QA
   Explicitly covers every visual box type across Home, Guides, Academy,
   Tools, About and Contact while keeping all decorative motion viewport-bound.
   ========================================================== */

/* Box types that were previously relying on generic .sbx-glass matching are
   explicitly normalised here so their rim layer cannot be lost to page-specific
   overflow/stacking rules. */
.sbx-risk-card.sbx-illum-rim,
.sbx-wallet-practice.sbx-illum-rim,
.sbx-value.sbx-illum-rim,
.sbx-resource-card.sbx-illum-rim,
.sbx-mobile-compare-card.sbx-illum-rim,
.sbx-benefit.sbx-illum-rim{
  position:relative!important;
  isolation:isolate!important;
}

/* Academy benefit cards were one of the easiest places for the travelling rim
   to be clipped by historical overflow rules. Keep the visual card rounded,
   but allow the dedicated edge runner itself to remain visible. */
.sbx-academy-page .sbx-benefit.sbx-illum-rim{
  overflow:visible!important;
}
.sbx-academy-page .sbx-benefit.sbx-illum-rim::before,
.sbx-academy-page .sbx-benefit.sbx-illum-rim::after{
  border-radius:inherit!important;
}

/* Performance: every legacy decorative animation is dormant unless the host
   box is in/near the viewport. This includes old short rim catches/embers as
   well as the current travelling runner. */
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim:not(.sbx-rim-active) > .sbx-live-rim,
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim:not(.sbx-rim-active) > .sbx-live-hotspot,
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim:not(.sbx-rim-active) > .sbx-ember-field{
  animation-play-state:paused!important;
  will-change:auto!important;
}
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim.sbx-rim-active > .sbx-live-rim,
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim.sbx-rim-active > .sbx-live-hotspot,
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim.sbx-rim-active > .sbx-ember-field{
  animation-play-state:running!important;
}

/* No compositor hint on static/off-screen boxes. Promote only the single
   active edge runner while it is actually visible. */
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim:not(.sbx-rim-active) > .sbx-edge-runner::before{
  will-change:auto!important;
  transform:none!important;
}
html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim.sbx-rim-active > .sbx-edge-runner::before{
  will-change:transform!important;
}

/* Keep viewport work tight on touch devices: no glow animation is allowed to
   stay active merely because it is several screens away. */
@media (max-width:1024px){
  html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim:not(.sbx-rim-active) > .sbx-edge-runner,
  html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim:not(.sbx-rim-active) > .sbx-live-rim,
  html.sbx-motion-ready body:not(.single-post) .sbx-illum-rim:not(.sbx-rim-active) > .sbx-live-hotspot{
    visibility:hidden!important;
  }
}

/* ==========================================================
   v8.0.80 — START HERE / BEGINNER ROADMAP
   Permanent beginner hub. Uses the approved v8.0.79 visual
   system and the same viewport-gated rim/motion performance.
   ========================================================== */
.sbx-start-hero .sbx-hero__grid{grid-template-columns:55% 45%}
.sbx-start-hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;color:#d5d9dd;font-size:12px;font-weight:700}
.sbx-start-hero__trust span{display:flex;align-items:center;gap:8px}
.sbx-start-hero__trust img{width:26px;height:26px;object-fit:contain}
.sbx-start-hero__map{position:relative;min-height:410px;display:grid;place-items:center;overflow:hidden}
.sbx-start-hero__map:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(252,79,0,.14),rgba(252,79,0,.035) 44%,transparent 70%);filter:blur(8px)}
.sbx-start-hero__map>img{position:relative;z-index:3;width:118px;filter:drop-shadow(0 0 26px rgba(252,79,0,.28))}
.sbx-start-orbit{position:absolute;border:1px solid rgba(252,79,0,.24);border-radius:50%;box-shadow:inset 0 0 18px rgba(252,79,0,.035),0 0 20px rgba(252,79,0,.025)}
.sbx-start-orbit--outer{width:330px;height:330px}.sbx-start-orbit--inner{width:225px;height:225px;border-color:rgba(255,255,255,.12)}
.sbx-start-node{position:absolute;z-index:4;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(145deg,rgba(32,36,41,.94),rgba(5,7,9,.98));border:1px solid rgba(252,79,0,.56);box-shadow:inset 0 1px rgba(255,255,255,.14),0 0 18px rgba(252,79,0,.14)}
.sbx-start-node--1{top:18%;left:27%}.sbx-start-node--2{top:31%;right:19%}.sbx-start-node--3{bottom:22%;right:29%}.sbx-start-node--4{bottom:25%;left:18%}
.sbx-start-page{padding-top:10px}
.sbx-start-intro{display:grid;grid-template-columns:42% 58%;gap:24px;align-items:center}
.sbx-start-intro__copy{padding:4px 12px 4px 2px}.sbx-start-intro__copy .sbx-copy{max-width:440px}
.sbx-start-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sbx-start-principle{border-radius:12px;padding:19px;min-height:176px}
.sbx-start-principle>img{width:36px;height:36px;margin-bottom:13px;object-fit:contain}.sbx-start-principle h3{font-size:16px;margin:0 0 8px}.sbx-start-principle p{margin:0;color:#c8cdd1;font-size:12px;line-height:1.55}
.sbx-start-roadmap{margin:28px 0 10px}.sbx-start-roadmap__heading{max-width:680px;margin:0 auto 19px;text-align:center}.sbx-start-roadmap__heading .sbx-title{margin-bottom:8px}.sbx-start-roadmap__heading .sbx-copy{font-size:14px}
.sbx-start-steps{display:grid;gap:12px;position:relative}.sbx-start-steps:before{content:"";position:absolute;left:31px;top:50px;bottom:50px;width:1px;background:linear-gradient(180deg,transparent,rgba(252,79,0,.42) 10%,rgba(252,79,0,.24) 90%,transparent);z-index:0}
.sbx-start-step{position:relative;z-index:1;display:grid;grid-template-columns:64px 58px minmax(0,1fr) auto;gap:16px;align-items:center;border-radius:13px;padding:18px 20px;min-height:148px}
.sbx-start-step__number{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:.06em;align-self:start;padding-top:5px}
.sbx-start-step__icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(30,35,40,.9),rgba(7,10,12,.95));border:1px solid rgba(252,79,0,.31);box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 13px rgba(252,79,0,.065)}
.sbx-start-step__icon img{width:31px;height:31px;object-fit:contain}.sbx-start-step__content .sbx-label{margin-bottom:5px}.sbx-start-step__content h3{font-size:20px;margin:0 0 7px}.sbx-start-step__content p{max-width:675px;margin:0;color:#cbd0d4;font-size:13px;line-height:1.55}
.sbx-start-step__topics{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.sbx-start-step__topics span{font-size:10px;font-weight:700;color:#cbd0d4;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);border-radius:999px;padding:5px 8px}
.sbx-start-step__link{min-width:160px;display:flex;justify-content:flex-end;align-items:center;gap:9px;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.sbx-start-step__link svg{width:17px;height:17px;color:var(--orange);transition:transform .18s ease}.sbx-start-step__link:hover svg{transform:translateX(3px)}
.sbx-start-safety{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:22px}.sbx-start-safety__icon{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;background:rgba(252,79,0,.07);border:1px solid rgba(252,79,0,.24)}.sbx-start-safety__icon img{width:38px;height:38px}.sbx-start-safety .sbx-label{margin-bottom:5px}.sbx-start-safety .sbx-title{font-size:25px;margin-bottom:8px}.sbx-start-safety .sbx-copy{font-size:13px;max-width:700px}.sbx-start-safety .sbx-btn{white-space:nowrap}
.sbx-start-next{padding:28px 0 4px}.sbx-start-next__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sbx-start-next-card{border-radius:13px;padding:22px;min-height:220px;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.sbx-start-next-card:hover{transform:translateY(-2px)}.sbx-start-next-card>img{width:42px;height:42px;margin-bottom:16px;object-fit:contain}.sbx-start-next-card .sbx-label{margin-bottom:7px}.sbx-start-next-card h3{font-size:19px;margin:0 0 8px}.sbx-start-next-card p{font-size:12px;line-height:1.55;color:#c8cdd1;margin:0;max-width:300px}.sbx-start-next-card__arrow{margin-top:auto;align-self:flex-end;color:var(--orange)}.sbx-start-next-card__arrow svg{width:20px;height:20px}

@media(min-width:981px){
  /* The extra navigation item still fits within the approved site container. */
  .sbx-nav{gap:21px}
}
@media(max-width:980px){
  .sbx-start-hero .sbx-hero__grid{grid-template-columns:56% 44%}
  .sbx-start-hero__map{min-height:360px}.sbx-start-orbit--outer{width:280px;height:280px}.sbx-start-orbit--inner{width:190px;height:190px}
  .sbx-start-intro{grid-template-columns:1fr}.sbx-start-principles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sbx-start-step{grid-template-columns:48px 52px minmax(0,1fr)}.sbx-start-step__link{grid-column:3;justify-content:flex-start;margin-top:-4px}.sbx-start-steps:before{left:23px}
  .sbx-start-safety{grid-template-columns:58px 1fr}.sbx-start-safety .sbx-btn{grid-column:2;justify-self:start}
}
@media(max-width:760px){
  .sbx-start-hero .sbx-hero__grid{grid-template-columns:1fr}.sbx-start-hero__map{display:none}.sbx-start-hero__trust{margin-top:22px;gap:9px 15px}.sbx-start-hero__trust img{width:23px;height:23px}
  .sbx-start-intro{padding:22px 18px}.sbx-start-principles{grid-template-columns:1fr;gap:9px}.sbx-start-principle{min-height:0;padding:16px;display:grid;grid-template-columns:40px 1fr;column-gap:12px}.sbx-start-principle>img{grid-row:1/3;margin:0;width:34px;height:34px}.sbx-start-principle h3{margin:1px 0 5px}.sbx-start-principle p{grid-column:2}
  .sbx-start-roadmap{margin-top:24px}.sbx-start-roadmap__heading{text-align:left;margin-bottom:15px;padding-inline:2px}.sbx-start-roadmap__heading .sbx-title{font-size:28px}
  .sbx-start-steps{gap:10px}.sbx-start-steps:before{display:none}.sbx-start-step{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:17px 15px;min-height:0}.sbx-start-step__number{grid-column:1;grid-row:1;font-size:11px;padding-top:9px}.sbx-start-step__icon{grid-column:1;grid-row:2;width:40px;height:40px;border-radius:10px}.sbx-start-step__icon img{width:25px;height:25px}.sbx-start-step__content{grid-column:2;grid-row:1/3}.sbx-start-step__content h3{font-size:17px}.sbx-start-step__content p{font-size:12px}.sbx-start-step__topics{gap:5px}.sbx-start-step__topics span{font-size:9px;padding:4px 7px}.sbx-start-step__link{grid-column:2;justify-content:flex-start;min-width:0;margin-top:3px;white-space:normal}
  .sbx-start-safety{grid-template-columns:46px 1fr;gap:12px;padding:20px 17px}.sbx-start-safety__icon{width:44px;height:44px;border-radius:11px}.sbx-start-safety__icon img{width:29px;height:29px}.sbx-start-safety .sbx-title{font-size:21px}.sbx-start-safety .sbx-btn{grid-column:1/-1;width:100%;margin-top:3px}
  .sbx-start-next{padding-top:24px}.sbx-start-next__grid{grid-template-columns:1fr}.sbx-start-next-card{min-height:176px;padding:19px}.sbx-start-next-card p{max-width:none}
}
@media(max-width:480px){.sbx-start-hero__trust{display:grid;grid-template-columns:1fr 1fr}.sbx-start-hero__trust span:last-child{grid-column:1/-1}.sbx-start-step__topics{display:none}}


/* ==========================================================
   v8.0.101 — ARTICLE PANEL GLOW SCALE FIX
   Article pages retain the confirmed v8.0.99 regression fix.
   Only the article panel's decorative corner wash is resized so
   its visual intensity matches normal cards instead of scaling
   with the full article height. No performance/motion rules change.
   ========================================================== */
body.single-post .sbx-article-main::after{
  background:
    radial-gradient(circle 130px at 100% 100%,rgba(252,79,0,.19) 0%,rgba(252,79,0,.075) 42%,transparent 100%),
    radial-gradient(circle 115px at 0% 0%,rgba(255,255,255,.055) 0%,transparent 100%),
    radial-gradient(circle 105px at 100% 0%,rgba(252,79,0,.035) 0%,transparent 100%),
    linear-gradient(132deg,rgba(255,255,255,.035),transparent 31%)!important;
}


/* ==========================================================
   v8.0.104 — PREMIUM GLASS VARIATION + PURPOSEFUL FLECKS
   Visual-only refinement. The confirmed article regression fix is
   untouched; .sbx-article-main is deliberately excluded.
   ========================================================== */

/* Softer neutral edge: remove the repeated bright-white top-left look while
   retaining a fine silver glass boundary and the restrained orange rim. */
.sbx-illum-rim:not(.sbx-article-main){
  border-color:rgba(226,233,239,.22)!important;
}
.sbx-illum-rim.sbx-panel:not(.sbx-article-main){
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.070),
    inset 0 0 34px rgba(255,255,255,.008),
    0 0 0 1px rgba(252,79,0,.055),
    0 0 12px rgba(252,79,0,.055),
    0 18px 38px rgba(0,0,0,.30)!important;
}
.sbx-illum-rim.sbx-panel:not(.sbx-article-main)::before{
  background:conic-gradient(
    from 218deg,
    rgba(255,255,255,.25) 0deg,
    rgba(255,255,255,.065) 22deg,
    rgba(255,255,255,.014) 60deg,
    transparent 104deg,
    transparent 190deg,
    rgba(252,79,0,.04) 226deg,
    rgba(252,79,0,.26) 282deg,
    rgba(252,79,0,.67) 318deg,
    rgba(252,79,0,.14) 340deg,
    rgba(255,255,255,.25) 360deg
  )!important;
  filter:drop-shadow(4px 4px 7px rgba(252,79,0,.10))!important;
}
.sbx-illum-rim.sbx-glass:not(.sbx-article-main){
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 1px 0 0 rgba(255,255,255,.012),
    0 0 0 1px rgba(252,79,0,.105),
    0 0 10px rgba(252,79,0,.045),
    0 10px 24px rgba(0,0,0,.25)!important;
}
.sbx-illum-rim.sbx-glass:not(.sbx-article-main)::before{
  background:linear-gradient(
    135deg,
    rgba(255,255,255,.072) 0%,
    rgba(255,255,255,.018) 17%,
    transparent 36%,
    transparent 78%,
    rgba(252,79,0,.060) 100%
  )!important;
}

/* Dedicated static character layer. Unlike the legacy ember layer, this is
   not opacity-throttled by the animation performance system, so the flecks
   remain visible while staying essentially free at runtime. */
.sbx-fleck-field{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:.92;
  overflow:hidden;
}
.sbx-illum-rim--major:not(.sbx-article-main) > .sbx-fleck-field{opacity:.58}

/* Seven deterministic material variations: each combines 5-6 tiny orange
   inclusions with a very faint, differently-positioned glass reflection.
   This removes the copy/paste feel without random layout shifts. */
.sbx-rim-v1:not(.sbx-article-main) > .sbx-fleck-field{
  background:
    radial-gradient(circle at 72% 18%,rgba(252,79,0,.76) 0 1.05px,rgba(252,79,0,.14) 1.2px 2px,transparent 2.2px),
    radial-gradient(circle at 57% 82%,rgba(252,79,0,.61) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 26% 61%,rgba(255,130,58,.48) 0 .8px,transparent 1.65px),
    radial-gradient(circle at 87% 57%,rgba(252,79,0,.43) 0 .75px,transparent 1.55px),
    radial-gradient(circle at 41% 35%,rgba(252,79,0,.34) 0 .65px,transparent 1.4px),
    radial-gradient(ellipse 62% 44% at 14% 16%,rgba(255,255,255,.026),transparent 64%),
    radial-gradient(ellipse 50% 42% at 91% 88%,rgba(252,79,0,.045),transparent 70%);
}
.sbx-rim-v2:not(.sbx-article-main) > .sbx-fleck-field{
  background:
    radial-gradient(circle at 63% 25%,rgba(252,79,0,.74) 0 1px,rgba(252,79,0,.13) 1.15px 1.95px,transparent 2.15px),
    radial-gradient(circle at 19% 66%,rgba(252,79,0,.60) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 72% 54%,rgba(255,130,58,.46) 0 .8px,transparent 1.65px),
    radial-gradient(circle at 90% 78%,rgba(252,79,0,.42) 0 .75px,transparent 1.55px),
    radial-gradient(circle at 43% 88%,rgba(252,79,0,.34) 0 .65px,transparent 1.4px),
    radial-gradient(ellipse 58% 40% at 66% 6%,rgba(255,255,255,.024),transparent 65%),
    radial-gradient(ellipse 52% 44% at 6% 91%,rgba(252,79,0,.042),transparent 72%);
}
.sbx-rim-v3:not(.sbx-article-main) > .sbx-fleck-field{
  background:
    radial-gradient(circle at 58% 17%,rgba(252,79,0,.75) 0 1px,rgba(252,79,0,.13) 1.15px 1.95px,transparent 2.15px),
    radial-gradient(circle at 30% 75%,rgba(252,79,0,.62) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 92% 48%,rgba(255,130,58,.46) 0 .8px,transparent 1.65px),
    radial-gradient(circle at 45% 40%,rgba(252,79,0,.42) 0 .75px,transparent 1.55px),
    radial-gradient(circle at 15% 23%,rgba(252,79,0,.33) 0 .65px,transparent 1.4px),
    radial-gradient(ellipse 62% 42% at 90% 10%,rgba(255,255,255,.023),transparent 66%),
    radial-gradient(ellipse 48% 40% at 44% 100%,rgba(252,79,0,.045),transparent 70%);
}
.sbx-rim-v4:not(.sbx-article-main) > .sbx-fleck-field{
  background:
    radial-gradient(circle at 65% 20%,rgba(252,79,0,.77) 0 1.05px,rgba(252,79,0,.14) 1.2px 2px,transparent 2.2px),
    radial-gradient(circle at 35% 67%,rgba(252,79,0,.59) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 18% 31%,rgba(255,130,58,.46) 0 .8px,transparent 1.65px),
    radial-gradient(circle at 87% 72%,rgba(252,79,0,.42) 0 .75px,transparent 1.55px),
    radial-gradient(circle at 52% 50%,rgba(252,79,0,.33) 0 .65px,transparent 1.4px),
    radial-gradient(ellipse 58% 43% at 35% 5%,rgba(255,255,255,.024),transparent 64%),
    radial-gradient(ellipse 50% 42% at 98% 62%,rgba(252,79,0,.043),transparent 72%);
}
.sbx-rim-v5:not(.sbx-article-main) > .sbx-fleck-field{
  background:
    radial-gradient(circle at 74% 31%,rgba(252,79,0,.74) 0 1px,rgba(252,79,0,.13) 1.15px 1.95px,transparent 2.15px),
    radial-gradient(circle at 52% 70%,rgba(252,79,0,.60) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 11% 63%,rgba(255,130,58,.45) 0 .8px,transparent 1.65px),
    radial-gradient(circle at 84% 17%,rgba(252,79,0,.41) 0 .75px,transparent 1.55px),
    radial-gradient(circle at 33% 28%,rgba(252,79,0,.32) 0 .65px,transparent 1.4px),
    radial-gradient(ellipse 60% 44% at 8% 8%,rgba(255,255,255,.022),transparent 66%),
    radial-gradient(ellipse 52% 40% at 76% 100%,rgba(252,79,0,.046),transparent 70%);
}
.sbx-rim-v6:not(.sbx-article-main) > .sbx-fleck-field{
  background:
    radial-gradient(circle at 62% 28%,rgba(252,79,0,.76) 0 1px,rgba(252,79,0,.14) 1.15px 2px,transparent 2.2px),
    radial-gradient(circle at 46% 58%,rgba(252,79,0,.60) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 91% 70%,rgba(255,130,58,.46) 0 .8px,transparent 1.65px),
    radial-gradient(circle at 21% 23%,rgba(252,79,0,.41) 0 .75px,transparent 1.55px),
    radial-gradient(circle at 14% 83%,rgba(252,79,0,.34) 0 .65px,transparent 1.4px),
    radial-gradient(ellipse 56% 40% at 78% 3%,rgba(255,255,255,.023),transparent 66%),
    radial-gradient(ellipse 48% 42% at 0% 79%,rgba(252,79,0,.044),transparent 72%);
}
.sbx-rim-v7:not(.sbx-article-main) > .sbx-fleck-field{
  background:
    radial-gradient(circle at 67% 61%,rgba(252,79,0,.75) 0 1px,rgba(252,79,0,.13) 1.15px 1.95px,transparent 2.15px),
    radial-gradient(circle at 18% 44%,rgba(252,79,0,.59) 0 .9px,transparent 1.8px),
    radial-gradient(circle at 56% 20%,rgba(255,130,58,.46) 0 .8px,transparent 1.65px),
    radial-gradient(circle at 88% 36%,rgba(252,79,0,.42) 0 .75px,transparent 1.55px),
    radial-gradient(circle at 38% 86%,rgba(252,79,0,.33) 0 .65px,transparent 1.4px),
    radial-gradient(ellipse 60% 43% at 24% 2%,rgba(255,255,255,.023),transparent 65%),
    radial-gradient(ellipse 50% 42% at 100% 92%,rgba(252,79,0,.045),transparent 71%);
}

@media(max-width:760px){
  .sbx-fleck-field{opacity:.88}
  .sbx-illum-rim--major:not(.sbx-article-main) > .sbx-fleck-field{opacity:.52}
}

/* Keep the approved staggered travelling rim from v8.0.103. */
@media (prefers-reduced-motion:no-preference){
  html.sbx-motion-ready .sbx-illum-rim:not(.sbx-article-main) > .sbx-edge-runner::before{
    animation-name:sbxEdgeRunnerStagger!important;
    animation-duration:var(--sbx-rim-cycle,17s)!important;
    animation-delay:var(--sbx-rim-delay,0s)!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
  }
}
@keyframes sbxEdgeRunnerStagger{
  0%,7%{opacity:0;transform:translate(-50%,-50%) rotate(0deg)}
  10%{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}
  31%{opacity:1;transform:translate(-50%,-50%) rotate(360deg)}
  35%,100%{opacity:0;transform:translate(-50%,-50%) rotate(360deg)}
}

/* ==========================================================
   v8.0.105 — MOBILE POPULAR GUIDES COMPACT 3 + 2 GRID
   Mobile-only. Tablet and desktop remain unchanged.
   Keeps the approved v8.0.104 glass/fleck/rim treatment.
   ========================================================== */
@media (max-width:700px){
  .home .sbx-guide-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
  }

  /* Three compact cards on row one. */
  .home .sbx-guide-grid .sbx-guide-card:nth-child(1),
  .home .sbx-guide-grid .sbx-guide-card:nth-child(2),
  .home .sbx-guide-grid .sbx-guide-card:nth-child(3){
    grid-column:span 2!important;
    min-height:88px!important;
    padding:8px!important;
  }

  /* Two balanced cards on row two — no stretched final tile. */
  .home .sbx-guide-grid .sbx-guide-card:nth-child(4),
  .home .sbx-guide-grid .sbx-guide-card:nth-child(5){
    grid-column:span 3!important;
    min-height:82px!important;
    padding:8px 9px!important;
  }

  .home .sbx-guide-grid .sbx-guide-card img{
    width:21px!important;
    height:21px!important;
    margin-bottom:5px!important;
  }
  .home .sbx-guide-grid .sbx-guide-card h3{
    font-size:9.7px!important;
    line-height:1.16!important;
    margin:0 0 4px!important;
  }
  .home .sbx-guide-grid .sbx-guide-card:nth-child(n+4) h3{
    font-size:10.2px!important;
  }
  .home .sbx-guide-grid .sbx-guide-card .sbx-arrow{
    font-size:13px!important;
    right:8px!important;
    bottom:6px!important;
  }
}



/* ==========================================================
   v9.0.0 — CONTENT-COMPLETE VISUAL BASELINE
   Connects published guides to Guides + Start Here, adds
   clear live-card CTAs, and suppresses the duplicate theme
   article TOC whenever a Rank Math TOC block already exists.
   ========================================================== */
.sbx-article-card--live{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sbx-article-card--live .sbx-article-card__status{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--orange);
  font-weight:800;
}
.sbx-article-card--live:hover{
  transform:translateY(-2px);
  border-color:rgba(252,79,0,.58);
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 0 1px rgba(252,79,0,.18),0 10px 26px rgba(0,0,0,.22),0 0 18px rgba(252,79,0,.10);
}
.sbx-article-wrap--no-side{grid-template-columns:minmax(0,1fr)}
.sbx-start-step__links{
  min-width:210px;
  display:grid;
  gap:7px;
  justify-items:end;
  align-content:center;
}
.sbx-start-step__links-label{
  color:var(--orange);
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-bottom:1px;
}
.sbx-start-step__links .sbx-start-step__link{
  grid-column:auto!important;
  min-width:0;
  margin:0;
  justify-content:flex-end;
  white-space:normal;
  text-align:right;
  line-height:1.35;
}
@media(max-width:980px) and (min-width:761px){
  .sbx-start-step__links{grid-column:3;justify-items:start;min-width:0;margin-top:-4px}
  .sbx-start-step__links .sbx-start-step__link{justify-content:flex-start;text-align:left}
}
@media(max-width:760px){
  .sbx-start-step__links{grid-column:2;justify-items:start;min-width:0;margin-top:4px}
  .sbx-start-step__links .sbx-start-step__link{justify-content:flex-start;text-align:left;font-size:11px}
}

/* ==========================================================
   v9.0.2 — SECURITY PILLAR ROUTING
   Keeps the expanded Guides library readable across devices.
   ========================================================== */
.sbx-guide-row__cards--five,
.sbx-guide-row__cards--library{grid-template-columns:repeat(3,minmax(0,1fr))}
.sbx-start-step__link--library{color:var(--orange);font-weight:800}
@media(max-width:980px) and (min-width:761px){
  .sbx-guide-row__cards--five,
  .sbx-guide-row__cards--library{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .sbx-guide-row__cards--five,
  .sbx-guide-row__cards--library{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .sbx-guide-row__cards--five .sbx-article-card,
  .sbx-guide-row__cards--library .sbx-article-card{min-width:0!important;min-height:160px!important;padding:10px!important;border-radius:9px!important}
  .sbx-guide-row__cards--five .sbx-article-card > img,
  .sbx-guide-row__cards--library .sbx-article-card > img{width:28px!important;height:28px!important;margin:0 0 8px!important}
  .sbx-guide-row__cards--five .sbx-article-card h3,
  .sbx-guide-row__cards--library .sbx-article-card h3{font-size:11px!important;line-height:1.2!important;margin:0 0 6px!important;overflow-wrap:anywhere!important}
  .sbx-guide-row__cards--five .sbx-article-card p,
  .sbx-guide-row__cards--library .sbx-article-card p{font-size:9px!important;line-height:1.35!important;margin:0!important}
  .sbx-guide-row__cards--five .sbx-article-card .sbx-meta,
  .sbx-guide-row__cards--library .sbx-article-card .sbx-meta{font-size:8px!important;padding-top:7px!important}
}


/* v9.0.4 — Guides library shelves: keep growing topic clusters compact and scannable */
.sbx-guide-library{display:grid;gap:10px;min-width:0}
.sbx-library-pillar{display:grid;grid-template-columns:76px minmax(0,1fr);gap:17px;align-items:center;min-height:142px;padding:19px 22px;border-radius:13px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sbx-library-pillar:hover{transform:translateY(-2px);border-color:rgba(252,79,0,.46);box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 0 1px rgba(252,79,0,.18),0 14px 30px rgba(0,0,0,.26),0 0 22px rgba(252,79,0,.08)}
.sbx-library-pillar__icon{width:70px;height:70px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(252,79,0,.12),rgba(8,11,14,.88));border:1px solid rgba(252,79,0,.26);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 18px rgba(252,79,0,.06)}
.sbx-library-pillar__icon img{width:42px!important;height:42px!important;margin:0!important;object-fit:contain}
.sbx-library-badge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;background:rgba(252,79,0,.10);border:1px solid rgba(252,79,0,.28);color:var(--orange);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;margin-bottom:7px}
.sbx-library-pillar h3{font-size:19px;line-height:1.25;margin:0 0 6px}
.sbx-library-pillar p{font-size:12px;line-height:1.48;color:#c9cdd2;margin:0;max-width:760px}
.sbx-library-pillar__cta{display:inline-flex;margin-top:10px;color:var(--orange);font-size:11px;font-weight:800;gap:7px;align-items:center}
.sbx-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sbx-library-item{display:grid;grid-template-columns:28px 38px minmax(0,1fr) 22px;gap:9px;align-items:center;min-height:88px;padding:11px 12px;border-radius:10px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.sbx-library-item:hover{transform:translateX(2px);border-color:rgba(252,79,0,.42);background:linear-gradient(145deg,rgba(38,41,44,.72),rgba(10,12,15,.94) 58%,rgba(40,17,6,.43))}
.sbx-library-item__number{font-size:9px;font-weight:800;color:#737a81;letter-spacing:.07em}
.sbx-library-item__icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:rgba(252,79,0,.055);border:1px solid rgba(252,79,0,.14)}
.sbx-library-item__icon img{width:23px!important;height:23px!important;margin:0!important;object-fit:contain}
.sbx-library-item__copy{min-width:0;display:block}
.sbx-library-item__copy strong{display:block;font-size:13px;line-height:1.22;margin-bottom:4px;color:#f0f2f4}
.sbx-library-item__copy small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.35;color:#aeb5bc}
.sbx-library-item__arrow{color:var(--orange);font-size:17px;font-weight:800;text-align:right}
.sbx-library-item__soon{font-size:9px;color:#878e95;text-transform:uppercase;font-weight:800}
.sbx-library-item--soon{opacity:.68}

@media(max-width:980px){
  .sbx-library-list{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .sbx-guide-library{gap:8px!important}
  .sbx-library-pillar{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;min-height:0!important;padding:14px!important;border-radius:11px!important}
  .sbx-library-pillar__icon{width:50px!important;height:50px!important;border-radius:11px!important}
  .sbx-library-pillar__icon img{width:30px!important;height:30px!important}
  .sbx-library-pillar h3{font-size:15px!important;margin-bottom:4px!important}
  .sbx-library-pillar p{font-size:10px!important;line-height:1.4!important}
  .sbx-library-pillar__cta{font-size:9px!important;margin-top:8px!important}
  .sbx-library-badge{font-size:8px!important;min-height:20px!important;margin-bottom:5px!important}
  .sbx-library-list{grid-template-columns:1fr!important;gap:6px!important}
  .sbx-library-item{grid-template-columns:23px 31px minmax(0,1fr) 18px!important;min-height:70px!important;padding:9px 10px!important;gap:8px!important;border-radius:9px!important}
  .sbx-library-item__icon{width:30px!important;height:30px!important;border-radius:8px!important}
  .sbx-library-item__icon img{width:19px!important;height:19px!important}
  .sbx-library-item__copy strong{font-size:11px!important;margin-bottom:2px!important}
  .sbx-library-item__copy small{font-size:8.5px!important;line-height:1.3!important;-webkit-line-clamp:2}
  .sbx-library-item__arrow{font-size:14px!important}
  .sbx-library-item__number{font-size:8px!important}
}

/* v9.0.4 — contextual pillar directory used inside long-form articles */
.sbx-related-guides{margin:26px 0;padding:20px;border:1px solid rgba(235,239,243,.19);border-radius:13px;background:linear-gradient(145deg,rgba(24,29,34,.72),rgba(7,9,12,.94) 58%,rgba(30,13,5,.42));box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 0 1px rgba(252,79,0,.10),0 0 22px rgba(252,79,0,.055)}
.sbx-related-guides__eyebrow{display:block;color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.sbx-related-guides h2{font-size:23px!important;margin:0 0 7px!important}
.sbx-related-guides>p{font-size:13px!important;color:#c6cbd0!important;margin:0 0 15px!important}
.sbx-related-guides__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sbx-related-guides__grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:9px 11px;border-radius:8px;background:rgba(4,6,8,.52);border:1px solid rgba(255,255,255,.09);font-size:12px;font-weight:700;color:#eef0f2!important;text-decoration:none!important;transition:border-color .18s ease,transform .18s ease}
.sbx-related-guides__grid a:hover{border-color:rgba(252,79,0,.38);transform:translateX(2px)}
.sbx-related-guides__grid a span:last-child{color:var(--orange);font-size:16px}
@media(max-width:760px){.sbx-related-guides{padding:14px!important;margin:20px 0!important}.sbx-related-guides h2{font-size:19px!important}.sbx-related-guides>p{font-size:11px!important}.sbx-related-guides__grid{grid-template-columns:1fr!important}.sbx-related-guides__grid a{min-height:44px!important;font-size:11px!important}}


/* v9.0.5 — Guides library cache/sizing hardening */
.sbx-guide-library img{display:block!important;max-width:100%!important}
.sbx-library-pillar,.sbx-library-item{overflow:hidden!important}
.sbx-library-pillar__icon,.sbx-library-item__icon{overflow:hidden!important;flex:none!important}
.sbx-library-pillar__icon img{max-width:42px!important;max-height:42px!important}
.sbx-library-item__icon img{max-width:23px!important;max-height:23px!important}
@media(max-width:760px){
  .sbx-library-pillar__icon img{max-width:30px!important;max-height:30px!important}
  .sbx-library-item__icon img{max-width:19px!important;max-height:19px!important}
}


/* ==========================================================
   v9.0.6 — START HERE DESKTOP RELIABILITY
   Content-first fail-safe for the beginner roadmap. Scroll motion must never
   determine whether roadmap content is visible. Also tightens the desktop
   hero footprint and stabilises the sticky header without redesigning it.
   ========================================================== */

/* Start Here roadmap content is intentionally visible by default, even when
   the global motion system is active. The page still keeps ambient hero/rim
   motion, but the learning path itself can never be stranded at opacity:0. */
.page-template-page-start-here .sbx-start-principle.sbx-reveal,
.page-template-page-start-here .sbx-start-step.sbx-reveal,
.page-template-page-start-here .sbx-start-next-card.sbx-reveal,
.page-template-page-start-here-php .sbx-start-principle.sbx-reveal,
.page-template-page-start-here-php .sbx-start-step.sbx-reveal,
.page-template-page-start-here-php .sbx-start-next-card.sbx-reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}

@media (min-width:1025px){
  /* The Start Here artwork previously forced the 340px inner hero back up to
     ~410px. Keep the approved composition but remove the unnecessary air. */
  .sbx-start-hero__map{min-height:340px!important}
  .sbx-start-orbit--outer{width:292px!important;height:292px!important}
  .sbx-start-orbit--inner{width:198px!important;height:198px!important}
  .sbx-start-hero__map>img{width:108px!important}
  .sbx-start-hero__map:before{width:330px!important;height:330px!important}

  /* Sticky-header rendering hardening. Do not resize logo/CTA while the header
     is sticky; composited scaling was the only visual change in scroll state
     and can cause intermittent clipping in desktop browsers. */
  .page-template-page-start-here .sbx-header,
  .page-template-page-start-here-php .sbx-header{
    overflow:visible!important;
    contain:none!important;
    isolation:isolate;
  }
  .page-template-page-start-here .sbx-header__row,
  .page-template-page-start-here-php .sbx-header__row{
    grid-template-columns:220px minmax(0,1fr) 190px!important;
    min-width:0;
  }
  .page-template-page-start-here .sbx-brand,
  .page-template-page-start-here .sbx-nav,
  .page-template-page-start-here .sbx-actions,
  .page-template-page-start-here-php .sbx-brand,
  .page-template-page-start-here-php .sbx-nav,
  .page-template-page-start-here-php .sbx-actions{
    min-width:0;
    overflow:visible!important;
  }
  .page-template-page-start-here .sbx-header.sbx-header--scrolled .sbx-brand img,
  .page-template-page-start-here .sbx-header.sbx-header--scrolled .sbx-youtube,
  .page-template-page-start-here-php .sbx-header.sbx-header--scrolled .sbx-brand img,
  .page-template-page-start-here-php .sbx-header.sbx-header--scrolled .sbx-youtube{
    transform:none!important;
  }
}

/* v9.0.8 final mobile cascade. This intentionally sits after every historic
   mobile refinement so the readable presentation is the authoritative state. */
@media (max-width:700px){
  .sbx-wrap{width:92%!important}
  .sbx-section{padding:20px 17px!important;margin-top:10px!important}
  .sbx-label{font-size:10.5px!important;line-height:1.3!important;letter-spacing:.035em!important;margin-bottom:8px!important}
  .sbx-title{font-size:clamp(24px,7vw,29px)!important;line-height:1.08!important;margin-bottom:13px!important}
  .sbx-copy{font-size:15px!important;line-height:1.65!important}
  .sbx-meta{font-size:11.5px!important;line-height:1.4!important}
  .sbx-btn{min-height:44px!important;padding:0 15px!important;font-size:13px!important;border-radius:8px!important}
  .sbx-btn svg{width:17px!important;height:17px!important}

  .sbx-hero__copy,.home .sbx-hero__copy{padding:28px 0 24px!important}
  .sbx-hero h1,.sbx-inner-hero h1,.home .sbx-hero h1,.sbx-tools-hero h1,.sbx-guides-hero h1{font-size:clamp(29px,8.4vw,36px)!important;line-height:1.02!important;margin-bottom:14px!important}
  .sbx-hero__lead{font-size:15px!important;line-height:1.58!important;margin-bottom:18px!important}
  .sbx-hero__buttons{gap:9px!important}
  .sbx-hero__trust,.home .sbx-hero__trust,.sbx-start-hero__trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:20px!important}
  .sbx-trust,.home .sbx-trust{justify-content:flex-start!important;gap:8px!important;padding:9px 10px!important;min-height:48px!important;font-size:12px!important;line-height:1.25!important;letter-spacing:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;background:rgba(8,11,14,.48)!important}
  .sbx-trust img,.home .sbx-trust img{width:25px!important;height:25px!important;flex:0 0 25px!important}

  .sbx-feature-grid{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-feature{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:13px!important;row-gap:4px!important;align-items:start!important;min-height:0!important;padding:15px!important}
  .sbx-feature>img{grid-column:1!important;grid-row:1/3!important;width:38px!important;height:38px!important;margin:0!important}
  .sbx-feature h3{grid-column:2!important;font-size:16px!important;line-height:1.25!important;margin:1px 0 2px!important}
  .sbx-feature p{grid-column:2!important;font-size:14px!important;line-height:1.5!important;margin:0!important}

  .home .sbx-about-grid{gap:18px!important}
  .home .sbx-section-copy{padding:0 1px 3px!important}
  .home .sbx-section-copy .sbx-btn{margin-top:17px!important}
  .home .sbx-rail{gap:15px!important}
  .home .sbx-rail__lead{padding:0!important}
  .home .sbx-rail__lead .sbx-title{font-size:25px!important;margin-bottom:12px!important}
  .home .sbx-tutorial-grid{grid-template-columns:1fr!important;gap:14px!important}
  .home .sbx-tutorial-card:nth-child(n){grid-column:auto!important}
  .home .sbx-tutorial-card h3,.home .sbx-tutorial-card:first-child h3{font-size:15px!important;line-height:1.35!important;margin:8px 2px 4px!important}
  .home .sbx-tutorial-card:nth-child(n) .sbx-meta{font-size:11.5px!important}
  .home .sbx-guide-grid{grid-template-columns:1fr!important;gap:8px!important}
  .home .sbx-guide-grid .sbx-guide-card:nth-child(n){grid-column:auto!important;display:grid!important;grid-template-columns:39px minmax(0,1fr) 24px!important;align-items:center!important;column-gap:12px!important;min-height:78px!important;padding:12px 13px!important}
  .home .sbx-guide-grid .sbx-guide-card img{grid-column:1!important;width:35px!important;height:35px!important;margin:0!important}
  .home .sbx-guide-grid .sbx-guide-card h3,.home .sbx-guide-grid .sbx-guide-card:nth-child(n+4) h3{grid-column:2!important;font-size:14px!important;line-height:1.35!important;margin:0!important}
  .home .sbx-guide-grid .sbx-guide-card .sbx-arrow{position:static!important;grid-column:3!important;margin:0!important;font-size:19px!important;text-align:right!important}
  .home .sbx-tool-grid{grid-template-columns:1fr!important;gap:8px!important}
  .home .sbx-tool-mini{min-height:70px!important;padding:11px 13px!important;gap:12px!important}
  .home .sbx-tool-mini img{width:40px!important;height:40px!important}
  .home .sbx-tool-mini strong{font-size:15px!important}
  .home .sbx-tool-mini span{font-size:12px!important;line-height:1.35!important}
  .home .sbx-note{font-size:12px!important;line-height:1.5!important;margin-top:12px!important}
  .home .sbx-note a{display:block!important;margin:8px 0 0!important;min-height:28px!important}
  .home .sbx-academy-strip{padding:19px 17px!important;gap:13px!important}
  .home .sbx-academy-strip h2{font-size:24px!important;line-height:1.12!important}
  .home .sbx-academy-strip p{font-size:14px!important;line-height:1.55!important}
  .home .sbx-academy-strip__action{text-align:left!important}
  .home .sbx-youtube-cta{padding:17px!important;gap:14px!important}
  .home .sbx-youtube-cta__left{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important}
  .home .sbx-yt-box{width:46px!important;height:38px!important}
  .home .sbx-youtube-cta h3{font-size:19px!important}
  .home .sbx-youtube-cta p{font-size:13px!important;line-height:1.45!important}

  .sbx-guides-hero .sbx-icon-row{grid-template-columns:1fr!important;gap:8px!important;margin-top:18px!important}
  .sbx-guides-hero .sbx-icon-row__item{min-height:42px!important;padding:8px 10px!important;gap:9px!important;font-size:12px!important;line-height:1.3!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:rgba(8,11,14,.4)!important}
  .sbx-guides-hero .sbx-icon-row__item img{width:24px!important;height:24px!important;flex:0 0 24px!important}
  .sbx-topicbar{padding:13px!important;gap:12px!important}
  .sbx-topicbar__chips{display:flex!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto!important;padding:0 0 6px!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important}
  .sbx-topicbar__chips .sbx-chip{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:44px!important;padding:0 13px!important;white-space:nowrap!important;font-size:12px!important;line-height:1.2!important;scroll-snap-align:start!important}
  .sbx-topicbar__chips .sbx-chip:last-child:nth-child(odd){grid-column:auto!important}
  .sbx-search-box{height:46px!important}
  .sbx-search-box input{font-size:15px!important}
  .sbx-guide-row{gap:10px!important;margin-top:18px!important}
  .sbx-guide-row__lead{padding:4px 1px!important}
  .sbx-guide-row__lead h2{font-size:22px!important}
  .sbx-guide-row__lead p{font-size:14px!important;line-height:1.55!important}
  .sbx-guide-row__cards,.sbx-guide-row__cards:not(.sbx-guide-row__cards--four),.sbx-guide-row__cards--four,.sbx-guide-row__cards--five,.sbx-guide-row__cards--library{grid-template-columns:1fr!important;gap:8px!important}
  .sbx-guide-row__cards .sbx-article-card,.sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card,.sbx-guide-row__cards--five .sbx-article-card,.sbx-guide-row__cards--library .sbx-article-card{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:12px!important;align-items:start!important;min-height:0!important;padding:14px!important;border-radius:10px!important}
  .sbx-guide-row__cards .sbx-article-card>img,.sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card>img,.sbx-guide-row__cards--five .sbx-article-card>img,.sbx-guide-row__cards--library .sbx-article-card>img{grid-column:1!important;grid-row:1/4!important;width:37px!important;height:37px!important;margin:0!important}
  .sbx-guide-row__cards .sbx-article-card h3,.sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card h3,.sbx-guide-row__cards--five .sbx-article-card h3,.sbx-guide-row__cards--library .sbx-article-card h3{grid-column:2!important;font-size:15px!important;line-height:1.3!important;margin:0 0 5px!important}
  .sbx-guide-row__cards .sbx-article-card p,.sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card p,.sbx-guide-row__cards--five .sbx-article-card p,.sbx-guide-row__cards--library .sbx-article-card p{grid-column:2!important;font-size:13px!important;line-height:1.48!important;margin:0!important}
  .sbx-guide-row__cards .sbx-article-card .sbx-meta,.sbx-guide-row__cards:not(.sbx-guide-row__cards--four) .sbx-article-card .sbx-meta,.sbx-guide-row__cards--five .sbx-article-card .sbx-meta,.sbx-guide-row__cards--library .sbx-article-card .sbx-meta,.sbx-article-card__status{grid-column:2!important;font-size:11px!important;padding-top:8px!important}
  .sbx-library-pillar{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding:15px!important}
  .sbx-library-pillar h3{font-size:17px!important}
  .sbx-library-pillar p{font-size:13px!important;line-height:1.5!important}
  .sbx-library-pillar__cta{font-size:12px!important;min-height:28px!important}
  .sbx-library-item{grid-template-columns:24px 38px minmax(0,1fr) 20px!important;min-height:82px!important;padding:11px!important}
  .sbx-library-item__copy strong{font-size:14px!important;line-height:1.3!important}
  .sbx-library-item__copy small{font-size:12px!important;line-height:1.4!important}

  .sbx-start-intro{padding:20px 17px!important}
  .sbx-start-principle{grid-template-columns:42px minmax(0,1fr)!important;padding:15px!important}
  .sbx-start-principle h3{font-size:16px!important}
  .sbx-start-principle p{font-size:14px!important;line-height:1.5!important}
  .sbx-start-step{grid-template-columns:42px minmax(0,1fr)!important;padding:17px 15px!important;gap:11px 13px!important}
  .sbx-start-step__content h3{font-size:18px!important;line-height:1.3!important}
  .sbx-start-step__content p{font-size:14px!important;line-height:1.55!important}
  .sbx-start-step__topics{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:9px!important}
  .sbx-start-step__topics span{font-size:11px!important;line-height:1.25!important;padding:5px 8px!important}
  .sbx-start-step__links{gap:8px!important;margin-top:8px!important}
  .sbx-start-step__links-label{font-size:10px!important}
  .sbx-start-step__links .sbx-start-step__link{min-height:30px!important;font-size:12.5px!important;line-height:1.4!important}
  .sbx-start-safety .sbx-copy{font-size:14px!important}
  .sbx-start-next__grid{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-start-next-card{display:grid!important;grid-template-columns:42px minmax(0,1fr) 20px!important;grid-template-rows:auto auto!important;column-gap:12px!important;min-height:0!important;padding:16px!important}
  .sbx-start-next-card>img{grid-column:1!important;grid-row:1/3!important;width:38px!important;height:38px!important;margin:0!important}
  .sbx-start-next-card h3{grid-column:2!important;font-size:17px!important;margin:0 0 4px!important}
  .sbx-start-next-card p{grid-column:2!important;font-size:13.5px!important;line-height:1.5!important}
  .sbx-start-next-card__arrow{grid-column:3!important;grid-row:1/3!important;align-self:center!important;margin:0!important}

  .sbx-academy-hero .sbx-icon-row,.sbx-tools-hero .sbx-icon-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:18px!important}
  .sbx-academy-hero .sbx-icon-row__item,.sbx-tools-hero .sbx-icon-row__item{min-height:45px!important;padding:8px!important;gap:7px!important;font-size:11px!important;line-height:1.3!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:rgba(8,11,14,.4)!important}
  .sbx-academy-hero .sbx-icon-row__item img,.sbx-tools-hero .sbx-icon-row__item img{width:23px!important;height:23px!important;flex:0 0 23px!important}
  .sbx-academy-intro{gap:18px!important}
  .sbx-academy-intro .sbx-feature p{font-size:14px!important}
  .sbx-path-grid{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-path-card{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:13px!important;row-gap:4px!important;min-height:0!important;padding:15px!important;text-align:left!important}
  .sbx-path-card>img{grid-column:1!important;grid-row:1/4!important;width:40px!important;height:40px!important;margin:0!important}
  .sbx-path-card h3{grid-column:2!important;font-size:16px!important;line-height:1.3!important;margin:0!important}
  .sbx-path-card p{grid-column:2!important;font-size:13.5px!important;line-height:1.5!important;margin:0!important}
  .sbx-path-card .sbx-status{grid-column:2!important;justify-self:start!important;min-height:28px!important;padding:5px 8px!important;font-size:10.5px!important;margin-top:5px!important}
  .sbx-benefit-grid{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-benefit{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;min-height:0!important;padding:15px!important;text-align:left!important}
  .sbx-benefit>img{grid-column:1!important;grid-row:1/3!important;width:36px!important;height:36px!important;margin:0!important}
  .sbx-benefit h3{grid-column:2!important;font-size:16px!important;margin:0 0 4px!important}
  .sbx-benefit p{grid-column:2!important;font-size:14px!important;line-height:1.5!important;margin:0!important}

  .sbx-tool-feature-grid{grid-template-columns:1fr!important;gap:10px!important}
  .sbx-tool-feature{min-height:0!important;padding:16px!important}
  .sbx-tool-feature__head>img{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .sbx-tool-feature h3{font-size:18px!important}
  .sbx-tool-feature p{font-size:14px!important;line-height:1.55!important}
  .sbx-tool-feature .sbx-bullets li{font-size:13px!important;line-height:1.45!important;margin:7px 0!important;padding-left:16px!important}
  .sbx-tool-feature .sbx-btn{min-height:44px!important;font-size:13px!important}
  .sbx-promise-grid,.sbx-resource-grid{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-promise{padding:14px!important}
  .sbx-promise strong{font-size:16px!important}
  .sbx-promise span{font-size:13px!important;line-height:1.45!important}
  .sbx-resource-lead,.sbx-resource-note{font-size:14px!important;line-height:1.55!important}
  .sbx-resource-card{padding:15px!important}
  .sbx-resource-card h3{font-size:16px!important}
  .sbx-resource-card a{min-height:44px!important;font-size:13px!important}
  .sbx-mobile-compare-grid{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-mobile-compare-card{padding:15px!important}
  .sbx-mobile-compare-card__head h3{font-size:16px!important}
  .sbx-mobile-compare-item{grid-template-columns:minmax(92px,.72fr) minmax(0,1fr)!important;gap:8px!important;align-items:baseline!important}
  .sbx-mobile-compare-item span{font-size:10.5px!important}
  .sbx-mobile-compare-item strong{font-size:13px!important}
  .sbx-mobile-compare-item small{grid-column:2!important;font-size:11px!important}
  .sbx-compare-note{font-size:12px!important;line-height:1.5!important}

  .sbx-values,.sbx-risk-grid{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-value,.sbx-risk-card{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;min-height:0!important;padding:15px!important;text-align:left!important}
  .sbx-value>img,.sbx-risk-card>img{grid-column:1!important;grid-row:1/3!important;width:36px!important;height:36px!important;margin:0!important}
  .sbx-value h3,.sbx-risk-card h3{grid-column:2!important;font-size:16px!important;margin:0 0 4px!important}
  .sbx-value p,.sbx-risk-card p{grid-column:2!important;font-size:14px!important;line-height:1.5!important;margin:0!important}
  .sbx-risk-legal{font-size:13px!important;line-height:1.55!important}
  .sbx-contact-form{padding:18px 16px!important}
  .sbx-contact-form h2{font-size:22px!important}
  .sbx-field{gap:7px!important}
  .sbx-field label{font-size:13px!important}
  .sbx-field input,.sbx-field textarea{min-height:46px!important;padding:11px 12px!important;font-size:16px!important}
  .sbx-contact-cards,.sbx-community-grid--three{grid-template-columns:1fr!important;gap:9px!important}
  .sbx-contact-card{grid-template-columns:42px minmax(0,1fr)!important;padding:15px!important;gap:12px!important}
  .sbx-contact-card>img{width:38px!important;height:38px!important}
  .sbx-contact-card h3{font-size:16px!important}
  .sbx-contact-card p{font-size:14px!important;line-height:1.5!important}
  .sbx-contact-card__cta{display:inline-flex!important;align-items:center!important;min-height:36px!important;font-size:12.5px!important}
  .sbx-community-card{padding:15px!important}
  .sbx-community-card>img{width:38px!important;height:38px!important}
  .sbx-community-card h3{font-size:16px!important}
  .sbx-community-card p{font-size:14px!important;line-height:1.5!important}

  body.single-post .sbx-wrap{width:94%!important}
  .sbx-breadcrumb{padding-top:15px!important;font-size:11.5px!important;line-height:1.5!important}
  .sbx-article-wrap{gap:12px!important;margin-top:12px!important}
  .sbx-article-main{padding:20px 17px!important}
  .sbx-article-main h1{font-size:clamp(28px,8.4vw,34px)!important;line-height:1.12!important}
  .sbx-article-main>.sbx-meta{font-size:11.5px!important;margin-bottom:18px!important}
  .sbx-article-main .entry-content{font-size:16px!important;line-height:1.72!important}
  .sbx-article-main .entry-content h2{font-size:24px!important;line-height:1.25!important;margin-top:31px!important}
  .sbx-article-main .entry-content h3{font-size:20px!important;line-height:1.3!important;margin-top:25px!important}
  .sbx-article-main .entry-content img{margin:18px auto!important}
  .sbx-article-main .entry-content figure{max-width:100%!important;margin:20px 0!important}
  .sbx-article-main .entry-content iframe,.sbx-article-main .entry-content video{display:block!important;width:100%!important;max-width:100%!important;aspect-ratio:16/9!important;height:auto!important;border:0!important}
  .sbx-article-main .entry-content .wp-block-table,.sbx-article-main .entry-content table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .sbx-article-main .entry-content th,.sbx-article-main .entry-content td{min-width:120px!important;padding:10px!important;font-size:13px!important;line-height:1.4!important}
  .sbx-article-side{padding:16px!important}
  .sbx-article-side h3{font-size:17px!important}
  .sbx-article-toc{grid-template-columns:1fr!important}
  .sbx-article-side a{min-height:40px!important;padding:10px 0!important;font-size:13px!important;line-height:1.4!important}
  .sbx-related-guides{padding:15px!important}
  .sbx-related-guides h2{font-size:21px!important}
  .sbx-related-guides>p{font-size:14px!important;line-height:1.5!important}
  .sbx-related-guides__grid a{min-height:48px!important;font-size:13px!important}

  .sbx-footer{padding:24px 0 16px!important}
  .sbx-footer__grid{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"brand" "updated" "explore" "company" "connect"!important;gap:19px!important}
  .sbx-footer__brand{grid-area:brand!important}
  .sbx-footer__grid>div:nth-child(2){grid-area:explore!important}
  .sbx-footer__grid>div:nth-child(3){grid-area:company!important}
  .sbx-footer__grid>div:nth-child(4){grid-area:connect!important}
  .sbx-footer__newsletter{grid-area:updated!important;padding:15px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:rgba(8,11,14,.5)!important}
  .sbx-footer__brand img{width:140px!important}
  .sbx-footer__brand p{max-width:340px!important;font-size:13px!important;line-height:1.5!important;margin-top:10px!important}
  .sbx-footer h4{min-height:0!important;font-size:13px!important;line-height:1.3!important;margin-bottom:8px!important}
  .sbx-footer nav{gap:2px!important}
  .sbx-footer nav a{display:flex!important;align-items:center!important;min-height:40px!important;font-size:13px!important;line-height:1.35!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .sbx-footer__newsletter>p{font-size:13px!important;line-height:1.45!important;margin-bottom:10px!important}
  .sbx-footer__newsletter .sbx-inline-form{grid-template-columns:1fr!important;gap:8px!important}
  .sbx-footer__newsletter .sbx-inline-form input,.sbx-footer__newsletter .sbx-inline-form button{height:44px!important;min-height:44px!important;font-size:13px!important;padding:0 12px!important}
  .sbx-footer__copy{font-size:11px!important;line-height:1.4!important;padding:16px 0!important}
}

@media (max-width:360px){
  .sbx-wrap{width:94%!important}
  .sbx-section{padding:18px 14px!important}
  .sbx-trust,.home .sbx-trust{padding:8px!important;font-size:11.5px!important}
  .sbx-topicbar__chips .sbx-chip{padding-inline:11px!important}
  .sbx-article-main{padding:18px 14px!important}
}

@media (max-width:700px){
  .sbx-start-next-card{grid-template-rows:auto auto auto!important}
  .sbx-start-next-card>img{grid-row:1/4!important}
  .sbx-start-next-card .sbx-label{grid-column:2!important;grid-row:1!important;margin:0 0 2px!important}
  .sbx-start-next-card h3{grid-column:2!important;grid-row:2!important}
  .sbx-start-next-card p{grid-column:2!important;grid-row:3!important}
  .sbx-start-next-card__arrow{grid-row:1/4!important}
}

/* ==========================================================
   v9.0.9 — MOBILE WIDTH CONTAINMENT
   Prevent intrinsic-width content from widening phone layouts.
   Desktop and tablet styling remain unchanged.
   ========================================================== */
@media (max-width:700px){
  .sbx-topicbar{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .sbx-topicbar>*{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .sbx-topicbar__chips{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sbx-topicbar__chips .sbx-chip{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .sbx-search-box,
  .sbx-search-box input{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .sbx-guide-row,
  .sbx-guide-row__cards,
  .sbx-library-list,
  .sbx-path-grid,
  .sbx-tool-feature-grid,
  .sbx-resource-grid,
  .sbx-contact-layout,
  .sbx-contact-cards,
  .sbx-community-grid,
  .sbx-article-wrap,
  .sbx-article-main,
  .sbx-article-main .entry-content,
  .sbx-footer__grid{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* ==========================================================
   v9.0.10 — MOBILE STICKY-HEADER COMPATIBILITY
   Width containment stays local to content components so the
   document remains the scrolling context required by iOS Safari.
   ========================================================== */
@media (max-width:700px){
  .sbx-header{
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
  }
}

/* ==========================================================
   v9.0.11 — CONSISTENT MOBILE HERO SUMMARY GRID
   Every main-page hero uses four concise glass summary cards
   in the same two-by-two mobile layout.
   ========================================================== */
@media (max-width:700px){
  .sbx-hero-summary,
  .sbx-guides-hero .sbx-hero-summary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:18px!important;
  }

  .sbx-hero-summary>.sbx-trust,
  .sbx-hero-summary>.sbx-icon-row__item,
  .sbx-hero-summary>span{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    grid-column:auto!important;
    min-width:0!important;
    min-height:58px!important;
    margin:0!important;
    padding:9px 10px!important;
    gap:8px!important;
    color:#e7e9eb!important;
    font-size:11.5px!important;
    font-weight:600!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:9px!important;
    background:linear-gradient(145deg,rgba(18,23,28,.72),rgba(7,10,13,.84))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 0 1px rgba(252,79,0,.025)!important;
    overflow:hidden!important;
  }

  .sbx-hero-summary>.sbx-trust:after,
  .sbx-hero-summary>.sbx-icon-row__item:after,
  .sbx-hero-summary>span:after{
    content:"";
    position:absolute;
    right:-24px;
    bottom:-30px;
    width:70px;
    height:70px;
    pointer-events:none;
    background:radial-gradient(circle,rgba(252,79,0,.10),transparent 68%);
  }

  .sbx-hero-summary>.sbx-trust>img,
  .sbx-hero-summary>.sbx-icon-row__item>img,
  .sbx-hero-summary>span>img{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    object-fit:contain!important;
  }
}

@media (max-width:360px){
  .sbx-hero-summary>.sbx-trust,
  .sbx-hero-summary>.sbx-icon-row__item,
  .sbx-hero-summary>span{
    min-height:56px!important;
    padding:8px!important;
    gap:7px!important;
    font-size:10.8px!important;
  }
}

/* v9.0.14 final cascade: these corrections intentionally follow every
   historical responsive block in the stylesheet. */
@media (min-width:701px){
  .sbx-hero-summary,
  .sbx-guides-hero .sbx-hero-summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .sbx-hero-summary>.sbx-trust,
  .sbx-hero-summary>.sbx-icon-row__item,
  .sbx-hero-summary>span{
    min-height:58px!important;
    padding:9px 8px!important;
    gap:7px!important;
    font-size:clamp(10px,.82vw,12px)!important;
  }
  .sbx-hero-summary>.sbx-trust>img,
  .sbx-hero-summary>.sbx-icon-row__item>img,
  .sbx-hero-summary>span>img{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
}

@media (max-width:700px){
  .sbx-footer__grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"brand" "updated" "explore" "company" "connect"!important;
    gap:15px!important;
  }
  .sbx-footer__brand,
  .sbx-footer__newsletter,
  .sbx-footer__links{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:1/-1!important;
  }
  .sbx-footer__brand{grid-area:brand!important}
  .sbx-footer__newsletter{grid-area:updated!important}
  .sbx-footer__links--explore{grid-area:explore!important}
  .sbx-footer__links--company{grid-area:company!important}
  .sbx-footer__links--connect{grid-area:connect!important}
  .sbx-footer__links{
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:44px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
  .sbx-footer__links h4{margin:0!important;min-height:0!important}
  .sbx-footer__links nav{display:grid!important;gap:0!important;min-width:0!important}
  .sbx-footer__links--explore nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sbx-footer__links--company nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sbx-footer__links--connect nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-footer__links nav a{
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    padding:6px 5px!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
    border-bottom:0!important;
    border-left:1px solid rgba(255,255,255,.05)!important;
  }
}

@media (max-width:360px){
  .sbx-footer__links{grid-template-columns:58px minmax(0,1fr)!important;gap:4px!important}
  .sbx-footer__links nav a{padding-inline:3px!important;font-size:10.8px!important}
}

.sbx-edge-runner{display:none!important}
.sbx-motion-ready .sbx-hero::after,
.sbx-motion-ready .sbx-inner-hero::after,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-rim,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-hotspot,
.sbx-motion-ready .sbx-illum-rim>.sbx-ember-field{
  animation:none!important;
  animation-play-state:paused!important;
  will-change:auto!important;
}
.sbx-motion-ready .sbx-illum-rim>.sbx-live-rim,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-hotspot{filter:none!important}
.sbx-btn.sbx-btn--orange>.sbx-cta-sheen{animation:none!important;will-change:auto}
.sbx-header,
.sbx-header.sbx-header--scrolled{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  will-change:auto!important;
}
.sbx-header{transition:background-color .32s ease,box-shadow .32s ease,border-color .32s ease!important}

/* ==========================================================
   v9.0.14 — FOOTER, HERO-SUMMARY AND GPU PERFORMANCE FIXES
   ========================================================== */

/* Only phone layouts use the approved two-by-two summary grid. Tablet and
   desktop keep the same four glass cards in one continuous row. */
@media (min-width:701px){
  .sbx-hero-summary,
  .sbx-guides-hero .sbx-hero-summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .sbx-hero-summary>.sbx-trust,
  .sbx-hero-summary>.sbx-icon-row__item,
  .sbx-hero-summary>span{
    min-height:58px!important;
    padding:9px 8px!important;
    gap:7px!important;
    font-size:clamp(10px,.82vw,12px)!important;
  }
  .sbx-hero-summary>.sbx-trust>img,
  .sbx-hero-summary>.sbx-icon-row__item>img,
  .sbx-hero-summary>span>img{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
}

/* Compact mobile footer: newsletter occupies the complete content width,
   followed by exactly three horizontal link-group rows. */
@media (max-width:700px){
  .sbx-footer__grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "brand"
      "updated"
      "explore"
      "company"
      "connect"!important;
    gap:15px!important;
  }
  .sbx-footer__brand,
  .sbx-footer__newsletter,
  .sbx-footer__links{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:1/-1!important;
  }
  .sbx-footer__newsletter{grid-area:updated!important}
  .sbx-footer__links--explore{grid-area:explore!important}
  .sbx-footer__links--company{grid-area:company!important}
  .sbx-footer__links--connect{grid-area:connect!important}
  .sbx-footer__links{
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:44px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
  .sbx-footer__links h4{
    margin:0!important;
    min-height:0!important;
  }
  .sbx-footer__links nav{
    display:grid!important;
    gap:0!important;
    min-width:0!important;
  }
  .sbx-footer__links--explore nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sbx-footer__links--company nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sbx-footer__links--connect nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-footer__links nav a{
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    padding:6px 5px!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
    border-bottom:0!important;
    border-left:1px solid rgba(255,255,255,.05)!important;
  }
}

@media (max-width:360px){
  .sbx-footer__links{grid-template-columns:58px minmax(0,1fr)!important;gap:4px!important}
  .sbx-footer__links nav a{padding-inline:3px!important;font-size:10.8px!important}
}

/* The static rim, flecks, glow and glass materials remain unchanged. Only
   continuous decorative compositor work is removed. This prevents dozens of
   masked conic-gradient layers from rotating simultaneously on desktop GPUs. */
.sbx-edge-runner{display:none!important}
.sbx-motion-ready .sbx-hero::after,
.sbx-motion-ready .sbx-inner-hero::after,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-rim,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-hotspot,
.sbx-motion-ready .sbx-illum-rim>.sbx-ember-field{
  animation:none!important;
  animation-play-state:paused!important;
  will-change:auto!important;
}
.sbx-motion-ready .sbx-illum-rim>.sbx-live-rim,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-hotspot{
  filter:none!important;
}
.sbx-btn.sbx-btn--orange>.sbx-cta-sheen{
  animation:none!important;
  will-change:auto;
}
.sbx-header,
.sbx-header.sbx-header--scrolled{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  will-change:auto!important;
}
.sbx-header{
  transition:background-color .32s ease,box-shadow .32s ease,border-color .32s ease!important;
}

/* ==========================================================
   v9.0.13 — RESPONSIVE FOOTER COMPACTION
   Keeps the newsletter prominent while arranging navigation
   efficiently at desktop, tablet and phone widths.
   ========================================================== */
@media (min-width:1025px){
  .sbx-footer__grid{
    grid-template-columns:minmax(210px,1.3fr) repeat(3,minmax(105px,.65fr)) minmax(300px,1.55fr)!important;
    gap:24px!important;
    align-items:start!important;
  }
}

@media (min-width:701px) and (max-width:1024px){
  .sbx-footer__grid{
    display:grid!important;
    grid-template-columns:minmax(190px,.9fr) repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "brand updated updated"
      "explore company connect"!important;
    gap:22px 24px!important;
    align-items:start!important;
  }
  .sbx-footer__brand{grid-area:brand!important;grid-column:auto!important}
  .sbx-footer__grid>div:nth-child(2){grid-area:explore!important}
  .sbx-footer__grid>div:nth-child(3){grid-area:company!important}
  .sbx-footer__grid>div:nth-child(4){grid-area:connect!important}
  .sbx-footer__newsletter{
    grid-area:updated!important;
    grid-column:auto!important;
    width:100%!important;
    max-width:none!important;
    padding:14px!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:10px!important;
    background:rgba(8,11,14,.5)!important;
  }
  .sbx-footer__newsletter .sbx-inline-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .sbx-footer__newsletter .sbx-inline-form input,
  .sbx-footer__newsletter .sbx-inline-form button{
    height:42px!important;
    min-height:42px!important;
  }
  .sbx-footer nav a{min-height:34px!important;display:flex!important;align-items:center!important}
}

@media (max-width:700px){
  .sbx-footer{padding:21px 0 12px!important}
  .sbx-footer__grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "brand brand"
      "updated updated"
      "explore company"
      "connect connect"!important;
    gap:17px 20px!important;
    align-items:start!important;
  }
  .sbx-footer__brand{grid-area:brand!important;grid-column:auto!important}
  .sbx-footer__grid>div:nth-child(2){grid-area:explore!important;min-width:0!important}
  .sbx-footer__grid>div:nth-child(3){grid-area:company!important;min-width:0!important}
  .sbx-footer__grid>div:nth-child(4){grid-area:connect!important;min-width:0!important}
  .sbx-footer__newsletter{
    grid-area:updated!important;
    grid-column:auto!important;
    width:100%!important;
    max-width:none!important;
    padding:14px!important;
  }
  .sbx-footer h4{margin-bottom:6px!important}
  .sbx-footer nav{gap:0!important}
  .sbx-footer nav a{
    min-width:0!important;
    min-height:36px!important;
    padding:5px 0!important;
    font-size:12.5px!important;
    line-height:1.3!important;
  }
  .sbx-footer__grid>div:nth-child(4) nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 20px!important;
  }
  .sbx-footer__copy{
    margin-top:10px!important;
    padding:12px 0!important;
  }
}

@media (max-width:360px){
  .sbx-footer__grid{gap:15px 14px!important}
  .sbx-footer nav a{font-size:12px!important}
  .sbx-footer__grid>div:nth-child(4) nav{gap-inline:14px!important}
}

/* ==========================================================
   v9.0.12 — RESPONSIVE HERO SUMMARY STANDARDISATION
   The same four-card, two-by-two glass grid now applies to
   desktop, tablet and mobile on every main page.
   ========================================================== */
.sbx-hero-summary,
.sbx-guides-hero .sbx-hero-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:650px!important;
  margin-top:20px!important;
}

.sbx-hero-summary>.sbx-trust,
.sbx-hero-summary>.sbx-icon-row__item,
.sbx-hero-summary>span{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  grid-column:auto!important;
  min-width:0!important;
  min-height:62px!important;
  margin:0!important;
  padding:11px 12px!important;
  gap:9px!important;
  color:#e7e9eb!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,rgba(18,23,28,.72),rgba(7,10,13,.84))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 0 1px rgba(252,79,0,.025)!important;
  overflow:hidden!important;
}

.sbx-hero-summary>.sbx-trust:after,
.sbx-hero-summary>.sbx-icon-row__item:after,
.sbx-hero-summary>span:after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:-30px;
  width:70px;
  height:70px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(252,79,0,.10),transparent 68%);
}

.sbx-hero-summary>.sbx-trust>img,
.sbx-hero-summary>.sbx-icon-row__item>img,
.sbx-hero-summary>span>img{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  object-fit:contain!important;
}

@media (max-width:700px){
  .sbx-hero-summary,
  .sbx-guides-hero .sbx-hero-summary{
    gap:8px!important;
    max-width:100%!important;
    margin-top:18px!important;
  }
  .sbx-hero-summary>.sbx-trust,
  .sbx-hero-summary>.sbx-icon-row__item,
  .sbx-hero-summary>span{
    min-height:58px!important;
    padding:9px 10px!important;
    gap:8px!important;
    font-size:11.5px!important;
  }
  .sbx-hero-summary>.sbx-trust>img,
  .sbx-hero-summary>.sbx-icon-row__item>img,
  .sbx-hero-summary>span>img{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
}

@media (max-width:360px){
  .sbx-hero-summary>.sbx-trust,
  .sbx-hero-summary>.sbx-icon-row__item,
  .sbx-hero-summary>span{
    min-height:56px!important;
    padding:8px!important;
    gap:7px!important;
    font-size:10.8px!important;
  }
}