:root{--navy:#0A0932;--heading-navy:#193970;--navy-2:#111844;--blue:#008AFC;--cyan:#40C8FF;--ink:#131835;--muted:#63718c;--line:#e2e9f2;--paper:#ffffff;--mist:#f4f8fd;--shadow:0 26px 70px rgba(17,34,76,.08);--radius:18px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55;font-size:15px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #008afc;outline-offset:3px}::selection{background:#b8e4ff;color:#0A0932}.ico{width:18px;height:18px;display:inline-block;flex:0 0 auto;vertical-align:middle}.shell{width:min(1180px,calc(100% - 68px));margin:0 auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-bar{height:32px;background:var(--navy);color:#a2bce7;font-size:9px;letter-spacing:1.45px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:11px}.preview-pulse,.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#29cda7;box-shadow:0 0 0 4px rgba(41,205,167,.13)}.bar-divide{opacity:.4}.site-header{background:rgba(255,255,255,.98);position:relative;z-index:50;box-shadow:0 1px 0 rgba(18,40,85,.08)}.nav-shell{display:flex;align-items:center;gap:34px;min-height:82px}.wordmark{display:flex;flex-shrink:0;align-items:center;max-width:200px}.wordmark img{display:block;width:188px;height:auto}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.main-nav a{text-decoration:none;color:#465273;font-size:12px;font-weight:760;white-space:nowrap;transition:color .18s}.main-nav a:hover,.main-nav a[aria-current="page"]{color:#006ddd}.main-nav a[aria-current="page"]{position:relative}.main-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:-11px;left:0;right:0;height:2px;border-radius:3px;background:#008AFC}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border-radius:10px;background:#eaf5ff;color:#006ed7;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap;transition:background .18s,transform .18s}.nav-cta:hover{background:#d9edff;transform:translateY(-1px)}.nav-cta .ico{width:14px;height:14px}.nav-finder-mobile,.menu-toggle{display:none!important}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;border-radius:11px;min-height:48px;padding:13px 19px;text-decoration:none;font-size:12px;font-weight:830;line-height:1.2;transition:background .2s,box-shadow .2s,transform .2s,border-color .2s;white-space:nowrap;border:1px solid transparent}.button .ico{width:17px;height:17px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button:hover .ico,.inline-arrow:hover .ico,.text-link:hover .ico{transform:translateX(3px)}.button-primary{color:white;background:#008AFC;box-shadow:0 12px 25px rgba(0,138,252,.21)}.button-primary:hover{background:#0575d1;box-shadow:0 16px 28px rgba(0,138,252,.24)}.button-ghost{color:#e9f2ff;background:transparent;border-color:rgba(186,213,255,.34)}.button-ghost:hover{background:rgba(255,255,255,.08)}.button-outline{background:white;border-color:#cfdded;color:#14426e}.button-outline:hover{background:#f1f8ff;border-color:#8ccaff}.button-light{background:white;color:#0A3d7a;box-shadow:0 10px 24px rgba(0,12,40,.12)}.button-light:hover{background:#eaf6ff}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#74c8ff;font-size:10px;font-weight:880;letter-spacing:1.85px;line-height:1.3}.dark-eye{color:#0079e7}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 81% 12%,#173d81 0,transparent 41%),linear-gradient(113deg,#0A0932 18%,#0d1744 63%,#09295a 120%);color:white}.hero:before{content:none;display:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;min-height:540px;padding-top:60px;padding-bottom:76px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(46px,4.7vw,70px);line-height:1.09;letter-spacing:-3.4px;font-weight:830;max-width:680px;margin:26px 0 21px}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#49b4ff 4%,#44ddf1 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:570px;font-size:16px;line-height:1.78;color:#bfcee9;margin:0}.hero-actions{display:flex;gap:11px;margin-top:29px;flex-wrap:wrap}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:37px;padding-top:22px;border-top:1px solid rgba(201,219,255,.19)}.hero-proof span{color:#cadbf6;font-size:11px;font-weight:670;display:inline-flex;align-items:center;gap:7px}.hero-proof .ico{width:14px;height:14px;color:#44cefc}.hero-stage{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.halo{position:absolute;border:1px solid rgba(101,187,255,.23);transform:rotate(-17deg);border-radius:50%}.halo-one{width:103%;height:74%}.halo-two{width:82%;height:96%;transform:rotate(23deg)}.hero-cover{z-index:2;width:min(450px,95%);position:relative;transform:perspective(1000px) rotateY(-9deg) rotateX(3deg) rotateZ(-3deg);border-radius:16px;padding:10px 10px 0;background:#edf6ff;box-shadow:0 45px 80px rgba(0,3,30,.43),0 0 48px rgba(42,166,255,.19);border:1px solid rgba(236,246,255,.6)}.hero-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:9px;object-fit:contain;background:#e5eef9}.hero-cover-foot{color:#173355;display:flex;align-items:center;justify-content:space-between;padding:11px 7px;font-size:9px;font-weight:840;letter-spacing:1px}.hero-cover-foot strong{font-size:16px;color:#006fe2}.orbit-legend,.float-label{position:absolute;z-index:4;color:#fff;font-size:10px;font-weight:780;letter-spacing:.8px}.top-label{left:0;top:33px;color:#b6dbff;display:flex;gap:7px;align-items:center}.orbit-spark{font-size:24px;color:#43ccff}.bottom-label{right:-12px;bottom:29px;transform:rotate(5deg);background:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 14px 30px rgba(0,2,35,.26);color:#415876;font-weight:640;letter-spacing:0;line-height:1.55}.bottom-label strong{color:var(--navy);font-size:12px}.confidence-band{border-bottom:1px solid #e5ecf4;background:#f7fbff}.confidence-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#5b6f8b;font-size:11px;font-weight:670}.confidence-inner strong{font-size:16px;color:#0e255c;margin-right:4px}.confidence-inner i{width:1px;height:25px;background:#d3e2f3}.section{padding-top:100px;padding-bottom:26px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:31px}.section-head h2{font-size:clamp(30px,3vw,43px);line-height:1.18;letter-spacing:-1.6px;margin:13px 0 9px;font-weight:820;color:#0a1137}.section-head p{color:#667795;line-height:1.75;font-size:14px;margin:0;max-width:580px}.inline-arrow{display:inline-flex;align-items:center;gap:9px;color:#0079e7;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap;margin-bottom:7px}.inline-arrow .ico{width:17px;height:17px;transition:transform .2s}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-tile{position:relative;border:1px solid #e2eaf6;box-shadow:0 8px 26px rgba(15,55,111,.035);border-radius:15px;display:flex;flex-direction:column;gap:23px;padding:24px;background:#fff;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;min-height:182px}.category-tile:hover{transform:translateY(-4px);border-color:#7ec6ff;box-shadow:0 18px 39px rgba(8,69,156,.11)}.category-icon{background:#e8f5ff;color:#0079eb;border-radius:13px;display:grid;place-items:center;width:47px;height:47px}.category-icon .ico{width:23px;height:23px}.category-tile strong{font-size:16px;letter-spacing:-.4px;display:block;color:#141c43}.category-tile small{display:block;color:#74839d;font-size:11px;margin-top:5px;line-height:1.5}.category-arrow{position:absolute;right:21px;top:25px;width:17px;height:17px;color:#5cafd8;transition:transform .2s}.category-tile:hover .category-arrow{transform:translate(3px,-3px)}.featured-section{padding-top:105px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{background:#fff;border-radius:16px;border:1px solid #e4ebf5;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(17,44,91,.038);transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);border-color:#c0ddf9;box-shadow:0 20px 42px rgba(17,44,91,.1)}.product-art{height:auto;aspect-ratio:16/9;display:block;overflow:hidden;background:#f0f5fc;position:relative}.product-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s var(--ease)}.product-card:hover .product-art img{transform:scale(1.025)}.product-details{padding:19px 20px 18px;display:flex;flex-direction:column;flex:1}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.micro-label{font-size:9px;letter-spacing:1.25px;font-weight:900;color:#1788e7}.product-price{font-size:19px;font-weight:870;color:#0e1644;letter-spacing:-.6px}.product-details h3{font-size:19px;line-height:1.23;letter-spacing:-.5px;margin:10px 0 9px}.product-details h3 a{text-decoration:none}.product-details h3 a:hover{color:#007be5}.product-details>p{font-size:12px;line-height:1.7;color:#6a7892;margin:0 0 17px;flex:1}.product-bottom{border-top:1px solid #e8eef6;padding-top:14px;display:flex;flex-direction:column;gap:11px}.product-areas{font-size:10px;font-weight:700;color:#6a7a98}.text-link{display:inline-flex;align-items:center;gap:6px;width:max-content;font-size:11px;font-weight:840;color:#0078e9;text-decoration:none}.text-link .ico{width:14px;height:14px;transition:transform .2s}.section-after{background:#f5faff;border-radius:13px;padding:18px 22px;font-size:12px;color:#526885;margin-top:19px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.section-after a{color:#007be9;font-weight:790;text-decoration:none}.section-after .ico{width:14px;height:14px}.design-proof{background:#f4f8fc;margin-top:95px;padding:94px 0}.proof-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px}.proof-copy h2{font-size:clamp(33px,3.5vw,49px);letter-spacing:-1.9px;line-height:1.18;margin:16px 0}.proof-copy>p{font-size:14px;line-height:1.78;color:#63738d;max-width:430px;margin:0}.proof-points{margin:25px 0 26px;display:grid;gap:13px}.proof-points>div{display:flex;align-items:start;gap:10px;color:#344563;font-size:12px;font-weight:700}.proof-points .ico{color:#008AFC;width:17px;height:17px;margin-top:1px}.proof-visual{min-width:0;position:relative}.screen-frame{padding:9px;background:#fff;border:1px solid #dee7f4;box-shadow:0 30px 60px rgba(17,48,91,.15);border-radius:16px;overflow:hidden}.screen-top{padding:10px 9px 14px;display:flex;align-items:center;gap:14px;color:#7891aa;font-weight:850;font-size:9px;letter-spacing:.85px}.screen-top>.ico{margin-left:auto;width:15px;height:15px}.mac-dots{display:flex;gap:5px;align-items:center}.mac-dots i{display:block;width:7px;height:7px;background:#b8c9dd;border-radius:50%}.mac-dots i:first-child{background:#f4a9a9}.mac-dots i:nth-child(2){background:#f4d58e}.mac-dots i:nth-child(3){background:#a1d9c8}.screen-frame>img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;object-position:center;max-height:390px;background:#f7f9fd;border-radius:9px}.screen-caption{margin:15px 4px 0;color:#8091a8;font-size:10px}.family-section{padding-top:98px}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.family-card{min-height:315px;border:1px solid #e3eaf4;border-radius:18px;padding:26px;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.family-card:hover{transform:translateY(-4px);box-shadow:0 19px 40px rgba(8,34,82,.1)}.family-number{font-size:9px;font-weight:900;letter-spacing:1.45px;color:#3189d5}.family-icon{width:50px;height:50px;border-radius:13px;background:#e9f4ff;color:#0c8cf3;display:grid;place-items:center;margin:22px 0 10px}.family-icon .ico{width:24px;height:24px}.family-card h3{font-size:23px;letter-spacing:-.7px;margin:4px 0 6px}.family-card p{color:#697891;font-size:12px;line-height:1.7;margin:0 0 18px;max-width:290px}.family-card>span:last-child{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850;color:#007ce6}.family-card>span:last-child .ico{width:14px;height:14px}.family-pro{background:#0c1541;border-color:#0c1541;color:white}.family-pro .family-number,.family-pro>span:last-child{color:#74c8ff}.family-pro p{color:#bdd0ee}.family-pro .family-icon{background:#1c366a;color:#71c5ff}.finder-spotlight{margin-top:110px}.finder-inner{background:linear-gradient(107deg,#0A0932,#102b61);padding:42px 49px;border-radius:22px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:28px;color:white;position:relative;overflow:hidden}.finder-inner:before{content:"";position:absolute;pointer-events:none;right:12%;top:-150px;width:380px;height:380px;border:1px solid rgba(148,205,255,.18);border-radius:50%}.finder-symbol{display:grid;place-items:center;width:58px;height:58px;background:#1d4073;border:1px solid rgba(143,207,255,.25);color:#74ceff;border-radius:17px}.finder-symbol .ico{width:28px;height:28px}.finder-inner h2{font-size:30px;letter-spacing:-1.1px;margin:10px 0 7px;line-height:1.25}.finder-inner p{max-width:570px;margin:0;font-size:12px;line-height:1.7;color:#c0d3f1}.faq-section{padding-top:100px;padding-bottom:80px}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faq-note h3{font-size:24px;letter-spacing:-.7px;margin:0 0 12px}.faq-note p{color:#71809a;font-size:13px;line-height:1.75;margin:0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:820;font-size:13px;color:#1e2d4a}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .ico{color:#008AFC;transition:transform .2s;width:17px;height:17px}.faq-list details[open] summary .ico{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:1.85;color:#647490;margin:0 30px 23px 0;max-width:650px}.last-cta{background:#0A0932;border-radius:20px;color:#fff;padding:47px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:27px;margin-bottom:100px;position:relative;overflow:hidden}.last-cta:before{content:"";pointer-events:none;position:absolute;width:360px;height:360px;right:80px;bottom:-275px;border:1px solid rgba(100,169,255,.28);border-radius:50%}.last-cta h2{font-size:36px;line-height:1.2;letter-spacing:-1.2px;margin:9px 0 10px}.last-cta p{color:#c4d3ed;font-size:13px;margin:0;max-width:510px}.site-footer{background:#f4f8fc;border-top:1px solid #e6edf6}.footer-top{display:grid;grid-template-columns:1fr 1.45fr;gap:48px;padding:66px 0 61px}.footer-brand{display:inline-flex;width:205px}.footer-brand img{width:100%;height:auto}.footer-top p{color:#6b7c94;font-size:12px;line-height:1.8;margin:18px 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links span{font-size:11px;color:#14264c;font-weight:900;margin-bottom:6px}.footer-links a{font-size:11px;text-decoration:none;color:#6b7b96}.footer-links a:hover{color:#008AFC}.footer-bottom{border-top:1px solid #dce7f2;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:21px 0 26px;color:#8490a4;font-size:10px}.footer-bottom .status-dot{width:5px;height:5px;margin-right:9px;vertical-align:2px}
/* PRODUCT CATALOGUE */
.catalogue-hero{background:linear-gradient(110deg,#f3f8ff,#fbfdff);padding:35px 0 57px;border-bottom:1px solid #e7eef8}.catalogue-breadcrumb{font-size:11px;font-weight:730;color:#8496ac;margin:0 0 47px}.catalogue-breadcrumb a{text-decoration:none}.catalogue-breadcrumb a:hover{color:#008AFC}.catalogue-hero .eyebrow{margin-bottom:7px}.catalogue-lead-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.catalogue-lead-row h1{font-size:clamp(43px,5vw,66px);letter-spacing:-2.7px;line-height:1.1;margin:12px 0 20px}.catalogue-lead-row h1 em{font-style:normal;color:#008AFC}.catalogue-lead-row p{font-size:14px;color:#647591;max-width:680px;line-height:1.8;margin:0}.catalogue-corner{text-align:right;flex-shrink:0;color:#71849c;border-left:1px solid #dbe7f5;padding-left:35px}.big-15{font-size:65px;font-weight:840;letter-spacing:-3px;color:var(--navy);line-height:1}.big-15 span{font-size:9px;letter-spacing:1.4px;color:#6789b1;vertical-align:middle}.catalogue-corner p{font-size:11px;margin-top:14px;text-align:right}.catalogue-tool{position:relative;background:white;border:1px solid #e3ecf5;border-radius:17px;box-shadow:0 17px 55px rgba(11,43,96,.07);padding:30px 34px 22px;margin-top:-22px;z-index:2}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.filter-row h2{font-size:26px;letter-spacing:-.8px;margin:7px 0}.search-field{border:1.5px solid #dce7f4;background:#fbfdff;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:min(360px,100%)}.search-field:focus-within{border-color:#008AFC;box-shadow:0 0 0 3px rgba(0,138,252,.1)}.search-field>.ico{color:#7190b5;width:18px}.search-field input{border:0;outline:0;height:45px;min-width:0;flex:1;background:transparent;font-size:12px;color:#1b315a}.kbd{border:1px solid #e1eaf5;background:white;color:#9badc2;font-size:10px;font-weight:850;padding:2px 6px;border-radius:5px}.filter-sections{display:flex;gap:48px;margin-top:25px;flex-wrap:wrap}.filter-label{font-size:10px;color:#6d7b99;font-weight:870;letter-spacing:.45px;margin:0 0 10px}.segmented,.area-pills{display:flex;gap:6px;flex-wrap:wrap}.segmented{background:#f3f7fc;padding:5px;border-radius:10px}.segmented button,.area-pills button{font-size:11px;border-radius:8px;padding:9px 12px;color:#64718a;font-weight:790;background:transparent;border:1px solid transparent;transition:.18s}.segmented button:hover,.area-pills button:hover{color:#007bdf}.segmented button.active{background:white;color:#006ecc;box-shadow:0 3px 10px rgba(28,62,103,.1)}.area-pills button{border-color:#e3eaf3;background:white;padding:9px 11px}.area-pills button.active{background:#e8f5ff;color:#006ecf;border-color:#a9d8ff}.filter-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f6;margin-top:23px;padding-top:17px;gap:12px}#results-count{font-size:11px;color:#6d809b;font-weight:750}.filter-bottom>div{display:flex;gap:20px;align-items:center}.reset-link{border:0;color:#008AFC;background:none;font-size:11px;font-weight:800}.sort-wrap{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:820;color:#64718a}.sort-wrap select{border:1px solid #e2eaf4;padding:8px 24px 8px 9px;font-size:11px;font-weight:750;appearance:none;border-radius:8px;color:#15294f;background:#fff}.sort-wrap .ico{width:13px;height:13px;margin-left:-27px;pointer-events:none}.catalogue-results{margin:35px 0}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.no-results{text-align:center;background:#f4f9ff;border:1px dashed #bbd8f4;border-radius:20px;padding:50px}.no-results .category-icon{margin:0 auto 15px}.no-results h3{margin:0 0 7px;font-size:24px}.no-results p{font-size:13px;color:#7184a0;margin:0 0 20px}.finder-strip{background:#f0f8ff;border:1px solid #d6e9fa;border-radius:14px;padding:24px 25px;display:flex;justify-content:space-between;align-items:center;gap:26px}.finder-strip>div{display:flex;align-items:center;gap:16px}.finder-strip>div>.ico{background:#d8ecff;color:#008AFC;width:47px;height:47px;padding:13px;border-radius:12px}.finder-strip strong{font-size:14px;display:block}.finder-strip small{font-size:11px;color:#647c97;display:block;line-height:1.6;margin-top:3px}.catalogue-disclaimer{font-size:10px;color:#8798ad;margin:20px 0 80px;text-align:center}
/* PRODUCT DETAIL */
.detail-hero{background:radial-gradient(circle at 87% 34%,#183f78 0,transparent 35%),linear-gradient(120deg,#0A0932,#0c1e4a);color:white;padding:29px 0 70px;position:relative}.light-crumb{color:#9cb8db;margin:0 0 43px}.detail-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.detail-copy h1{font-size:clamp(47px,4.9vw,67px);letter-spacing:-2.7px;line-height:1.1;margin:20px 0}.detail-copy h1 em{font-style:normal;color:#42bafc}.detail-lead{color:#cadaf4;font-size:15px;line-height:1.8;max-width:550px}.detail-points{display:flex;flex-wrap:wrap;gap:13px 16px;margin-top:27px}.detail-points span{color:#d2e0f4;font-size:10px;font-weight:720;display:inline-flex;align-items:center;gap:5px}.detail-points .ico{color:#46d0f1;width:14px;height:14px}.detail-purchase{margin-top:37px;border-top:1px solid rgba(211,227,255,.2);padding-top:24px;display:flex;gap:20px;align-items:center;justify-content:space-between}.detail-purchase>div{display:flex;flex-direction:column;gap:0}.detail-purchase>div span{font-size:9px;color:#8fb5db;letter-spacing:1px;font-weight:830}.detail-purchase strong{font-size:37px;letter-spacing:-1px}.detail-preface{font-size:10px;color:#9db1d0;line-height:1.5;margin-top:15px}.detail-cover-box{background:#f2f7fd;border-radius:18px;border:1px solid rgba(224,242,255,.8);padding:12px;box-shadow:0 31px 65px rgba(0,2,34,.32)}.detail-cover-box>img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;border-radius:11px;background:#eaf2fb}.detail-cover-caption{font-size:10px;font-weight:790;color:#526887;padding:14px 10px 4px;display:flex;align-items:center;gap:10px}.detail-assurance{background:#f0f7fd;border-bottom:1px solid #e1ecf7}.detail-assurance .shell{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:72px}.detail-assurance span{display:inline-flex;align-items:center;gap:8px;color:#536d8a;font-weight:790;font-size:11px}.detail-assurance .ico{color:#008AFC;width:16px;height:16px}.benefits-section{padding-top:95px}.benefits-section .section-head p{max-width:640px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.benefit{position:relative;border:1px solid #e5ebf4;border-radius:17px;background:#fff;padding:25px 25px 29px}.benefit>span{font-size:10px;font-weight:900;color:#98a8bc}.benefit-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#eff7ff;color:#008AFC;margin:19px 0}.benefit-symbol .ico{width:24px;height:24px}.benefit h3{font-size:19px;letter-spacing:-.45px;margin:10px 0 9px}.benefit p{color:#6a7893;font-size:12px;line-height:1.8;margin:0}.showcase-section{background:#f4f8fd;margin-top:85px;padding:83px 0}.gallery-layout{display:grid;grid-template-columns:1.47fr .83fr;gap:25px;align-items:start}.gallery-stage{background:white;border:1px solid #dae5f1;border-radius:17px;padding:11px;box-shadow:var(--shadow);min-width:0}.gallery-top{display:flex;gap:15px;align-items:center;color:#7893ac;font-size:9px;font-weight:850;letter-spacing:.6px;padding:10px 8px 16px}.gallery-top button{margin-left:auto;border:0;background:#eaf6ff;color:#0c74ce;border-radius:8px;display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:820}.gallery-top button .ico{width:12px;height:12px}.gallery-stage>img{width:100%;height:410px;object-fit:contain;object-position:center;display:block;border-radius:10px;background:#f8fbff}.gallery-info{background:white;border:1px solid #e4edf6;border-radius:17px;padding:28px 26px}.gallery-info h3{font-size:23px;letter-spacing:-.7px;margin:11px 0 9px}.gallery-info>p{color:#6b7a92;font-size:12px;line-height:1.75;margin:0 0 22px}.thumb-list{display:grid;gap:10px}.thumb-button{display:flex;align-items:center;gap:12px;border:1px solid #e1eaf4;border-radius:10px;padding:9px;text-align:left;background:white;color:#31476a;font-size:11px;font-weight:800;transition:background .15s,border-color .15s}.thumb-button img{width:73px;height:47px;object-fit:contain;border-radius:5px;background:#f2f6fd;display:block}.thumb-button.active,.thumb-button[aria-pressed="true"]{background:#eff8ff;border-color:#92cdfd;color:#006bd4}.thumb-button:hover{border-color:#8dc8f9}.gallery-info .gallery-note{border-top:1px solid #e5eef6;padding-top:19px;margin-top:22px;color:#8795aa;font-size:10px}.scope-section{padding-top:98px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scope-col{background:#f6faff;border:1px solid #e3edf8;border-radius:17px;padding:33px}.scope-not{background:#fff;border-color:#e7edf5}.scope-head{display:flex;align-items:center;gap:8px;color:#1389dd;font-size:10px;letter-spacing:1.25px;font-weight:900}.scope-head .ico{width:19px;height:19px}.scope-col p{font-size:13px;line-height:1.8;color:#556a84;max-width:485px}.scope-col ul{margin:18px 0 0;padding-left:18px;display:grid;gap:10px;color:#1e3456;font-size:12px;font-weight:720}.choice-banner{background:linear-gradient(110deg,#0A0932,#113267);color:#fff;border-radius:20px;margin-top:90px;display:grid;grid-template-columns:1fr .75fr;gap:36px;padding:42px 45px}.choice-banner h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.choice-banner p{font-size:13px;color:#bdcce9;max-width:510px;line-height:1.75}.choice-links{display:grid;gap:10px;align-content:center}.choice-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.09);border:1px solid rgba(194,225,255,.18);text-decoration:none;padding:17px 19px;border-radius:11px;transition:background .2s}.choice-links a:hover{background:rgba(255,255,255,.15)}.choice-links strong{font-size:13px;display:block}.choice-links small{font-size:11px;color:#b7c8e6;display:block;margin-top:4px}.choice-links .ico{color:#50bbff}.product-faq{padding-top:100px}.product-faq .faq-list{max-width:940px}.product-end{margin-top:85px}.last-actions{display:flex;gap:25px;align-items:center}.final-price{font-size:35px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.final-price small{font-size:11px;font-weight:760;color:#acc2e2}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(4,10,30,.94);padding:60px 35px 25px;display:flex;align-items:center;justify-content:center}.lightbox>img{max-height:90%;max-width:100%;object-fit:contain}.lightbox-close{position:absolute;right:25px;top:19px;color:#fff;border:1px solid rgba(255,255,255,.26);border-radius:10px;background:rgba(255,255,255,.08);padding:9px;display:grid;place-items:center}.lightbox-close .ico{width:23px;height:23px}
@media(max-width:1100px){.shell{width:min(1100px,calc(100% - 48px))}.main-nav{gap:17px}.nav-shell{gap:24px}.wordmark img{width:170px}.hero h1{font-size:clamp(43px,5vw,61px)}.hero-grid{grid-template-columns:1fr .8fr}.hero-stage{height:340px}.proof-grid{gap:36px}.filter-sections{gap:22px}.category-grid{gap:10px}.category-tile{padding:18px}.gallery-stage>img{height:340px}}
@media(max-width:850px){.preview-bar{font-size:8px;letter-spacing:.75px}.nav-shell{min-height:73px}.main-nav{display:none;position:absolute;z-index:90;left:0;right:0;top:100%;background:white;border-top:1px solid #e7eef6;box-shadow:0 18px 32px rgba(13,35,81,.13);padding:18px 24px 25px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:14px 0;font-size:14px;border-bottom:1px solid #edf1f6}.main-nav a[aria-current="page"]:after{display:none}.nav-finder-mobile{display:flex!important;color:#007ade!important;gap:8px;align-items:center}.menu-toggle{margin-left:auto;display:flex!important;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:#f1f7fd;border:1px solid #dce8f5;border-radius:10px;padding:0 12px}.menu-toggle span{display:block;width:100%;height:2px;background:#123968;border-radius:3px;transition:.2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-cta{margin-left:auto}.menu-toggle{margin-left:0}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:58px;padding-bottom:48px}.hero-copy{max-width:720px}.hero-stage{height:350px;max-width:650px;width:100%;margin:10px auto 0}.hero-cover{max-width:435px}.top-label{left:30px}.bottom-label{right:45px}.confidence-inner{gap:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{min-height:150px}.featured-grid,.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-grid{grid-template-columns:1fr;gap:36px}.proof-copy{max-width:650px}.screen-frame>img{max-height:390px}.family-grid{gap:10px}.family-card{padding:20px;min-height:330px}.finder-inner{grid-template-columns:50px 1fr;gap:20px}.finder-inner .button{grid-column:2;justify-self:start}.faq-layout{grid-template-columns:1fr;gap:20px}.footer-top{grid-template-columns:1fr;gap:42px}.catalogue-lead-row h1{font-size:56px}.detail-hero-grid{grid-template-columns:1fr;gap:27px}.detail-cover-box{max-width:650px}.gallery-layout{grid-template-columns:1fr}.gallery-info{display:flex;flex-direction:column}.thumb-list{grid-template-columns:repeat(3,1fr)}.thumb-button{flex-direction:column;align-items:flex-start}.choice-banner{grid-template-columns:1fr}.filter-sections{flex-direction:column}.gallery-stage>img{height:420px}}
@media(max-width:600px){.shell{width:calc(100% - 32px)}.preview-bar{font-size:7.4px;letter-spacing:.45px;gap:7px}.bar-sep,.bar-divide,.preview-bar>span:last-child{display:none}.nav-shell{min-height:67px}.wordmark img{width:160px}.nav-cta{display:none}.menu-toggle{margin-left:auto}.hero-grid{padding-top:48px;padding-bottom:35px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero h1{font-size:clamp(40px,10.9vw,58px);letter-spacing:-2.2px;line-height:1.1;margin:21px 0}.hero-lead{font-size:14px;line-height:1.77}.hero-actions{flex-direction:column;align-items:stretch;gap:10px}.hero-actions .button{width:100%}.hero-proof{gap:11px 14px;margin-top:25px;padding-top:19px}.hero-proof span{font-size:10px}.hero-stage{height:270px;margin-top:23px}.hero-cover{width:82%;padding:7px 7px 0}.hero-cover-foot{font-size:7px;padding:8px 5px}.hero-cover-foot strong{font-size:13px}.top-label{font-size:8px;left:3px;top:7px}.bottom-label{right:3px;bottom:3px;padding:9px 12px;font-size:9px}.bottom-label strong{font-size:10px}.confidence-inner{min-height:69px;gap:11px;justify-content:flex-start;overflow:auto;scrollbar-width:none}.confidence-inner span{font-size:9px;white-space:nowrap}.confidence-inner strong{font-size:13px}.confidence-inner i{height:19px;flex:0 0 1px}.section{padding-top:70px}.section-head{align-items:start;flex-direction:column;gap:10px;margin-bottom:23px}.section-head h2{font-size:clamp(28px,8vw,36px);letter-spacing:-1.2px;margin-top:11px}.section-head p{font-size:12px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-tile{min-height:158px;gap:15px;padding:16px}.category-icon{width:42px;height:42px}.category-icon .ico{width:21px;height:21px}.category-tile strong{font-size:13px}.category-tile small{font-size:10px}.category-arrow{right:11px;top:13px}.featured-section{padding-top:74px}.featured-grid,.catalogue-grid{grid-template-columns:1fr;gap:15px}.product-details{padding:18px}.product-art{aspect-ratio:16/9}.product-details h3{font-size:19px}.product-details>p{font-size:12px}.section-after{text-align:center}.design-proof{margin-top:70px;padding:66px 0}.proof-copy h2{font-size:35px;letter-spacing:-1.1px}.proof-copy>p{font-size:13px}.proof-grid{gap:28px}.screen-top{font-size:7px;gap:7px;padding-bottom:10px}.screen-frame>img{aspect-ratio:16/10}.family-grid{grid-template-columns:1fr}.family-card{min-height:225px;padding:22px}.family-icon{margin:16px 0 7px}.family-section{padding-top:68px}.finder-spotlight{margin-top:68px}.finder-inner{padding:28px 24px;grid-template-columns:1fr;gap:15px}.finder-symbol{width:50px;height:50px}.finder-inner h2{font-size:26px}.finder-inner p{font-size:12px}.finder-inner .button{grid-column:1;width:100%}.faq-section{padding-top:72px;padding-bottom:40px}.faq-list summary{font-size:12px}.faq-list details>p{font-size:12px}.last-cta{padding:31px 25px;flex-direction:column;align-items:start;margin-top:34px;margin-bottom:69px}.last-cta h2{font-size:30px}.last-cta .button{width:100%}.footer-top{padding:45px 0}.footer-links{grid-template-columns:repeat(2,1fr);gap:25px 14px}.footer-bottom{flex-direction:column;align-items:start;gap:8px}.catalogue-hero{padding:23px 0 52px}.catalogue-breadcrumb{margin-bottom:35px}.catalogue-lead-row{display:block}.catalogue-lead-row h1{font-size:43px}.catalogue-lead-row p{font-size:13px}.catalogue-corner{margin-top:24px;display:flex;align-items:center;text-align:left;padding:0 0 0 16px}.big-15{font-size:43px}.big-15 span{font-size:9px}.catalogue-corner p{text-align:left;font-size:10px;margin:0 0 0 17px}.catalogue-tool{padding:22px 17px 17px;margin-top:-18px}.filter-row{flex-direction:column;align-items:stretch;gap:13px}.filter-row h2{font-size:22px}.search-field{min-width:0;width:100%}.filter-sections{margin-top:21px;gap:21px}.segmented{width:100%}.segmented button{flex:1;font-size:10px;padding:9px 5px}.area-pills button{padding:8px 10px;font-size:10px}.filter-bottom{flex-direction:column;align-items:start}.filter-bottom>div{width:100%;justify-content:space-between}.finder-strip{flex-direction:column;align-items:stretch;padding:19px}.finder-strip .button{width:100%}.catalogue-disclaimer{text-align:left;margin-bottom:59px}.detail-hero{padding:21px 0 55px}.light-crumb{margin-bottom:31px}.detail-copy h1{font-size:clamp(41px,11vw,56px);letter-spacing:-2px}.detail-lead{font-size:13px}.detail-points{gap:11px}.detail-purchase{margin-top:25px}.detail-purchase strong{font-size:32px}.detail-purchase .button{font-size:10px;padding:12px 11px}.detail-cover-box{padding:8px}.detail-cover-caption{font-size:9px}.detail-assurance .shell{min-height:82px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-assurance span{font-size:9px;gap:4px}.detail-assurance .ico{width:14px;height:14px}.benefits-grid,.scope-grid{grid-template-columns:1fr;gap:12px}.benefit{padding:22px}.benefit-symbol{margin:10px 0}.showcase-section{margin-top:65px;padding:65px 0}.gallery-layout{gap:15px}.gallery-stage{padding:7px}.gallery-stage>img{height:240px}.gallery-top{font-size:7px;gap:6px}.gallery-top button{font-size:9px;padding:6px}.gallery-info{padding:21px}.gallery-info h3{font-size:20px}.thumb-list{grid-template-columns:1fr}.thumb-button{flex-direction:row}.thumb-button img{width:80px;height:50px}.scope-col{padding:23px}.choice-banner{margin-top:67px;padding:27px 23px;gap:16px}.choice-banner h2{font-size:26px}.product-faq{padding-top:65px}.product-end{margin-top:60px}.last-actions{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px}.last-actions .button{width:100%}.lightbox{padding:70px 10px 20px}.lightbox-close{right:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Protect image-led layouts when remote artwork is unavailable or still loading. */
.detail-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.detail-cover-box{min-width:0;max-width:100%}
.detail-cover-box>img{max-width:100%;height:auto;aspect-ratio:16/9}
@media(max-width:850px){.detail-hero-grid{grid-template-columns:minmax(0,1fr)}}


/* BRAINYSHACK 2.0 — Homepage refinement, October 2026.
   Reuse original product imagery; do not alter screenshots. */
.design-proof{margin-top:72px;padding:84px 0}
.proof-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:52px}
.screen-frame>img{max-height:480px;aspect-ratio:5/3}
.proof-copy h2{max-width:460px}
.featured-section{padding-top:78px}
.featured-trio .product-card{border-color:#dce7f5;box-shadow:0 16px 42px rgba(17,44,91,.055)}
.featured-trio .product-card:hover{border-color:#9ecffa}
.featured-trio .micro-label{font-size:9px;letter-spacing:1px}
.scope-shortcuts{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#f5faff,#eef6ff);border:1px solid #deebf7;border-radius:14px;padding:17px 20px}
.scope-shortcuts-label{font-size:12px;font-weight:760;color:#435c7b}
.scope-shortcuts-links{display:flex;gap:8px;flex-wrap:wrap}
.scope-shortcuts a{display:inline-flex;gap:5px;align-items:center;padding:9px 12px;border-radius:9px;background:white;border:1px solid #dceaf8;color:#0876d5;text-decoration:none;font-size:11px;font-weight:840;transition:background .2s,border-color .2s}
.scope-shortcuts a:hover{border-color:#8cc9fc;background:#edf8ff}
.scope-shortcuts a .ico{width:13px;height:13px}
.finder-spotlight{margin-top:77px}
.faq-section{padding-top:82px;padding-bottom:57px}
.last-cta{margin-top:22px;margin-bottom:88px}
@media(max-width:850px){
  .proof-grid{grid-template-columns:minmax(0,1fr);gap:33px}
  .proof-copy{max-width:690px}
  .screen-frame>img{max-height:500px}
  .scope-shortcuts{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .confidence-inner{min-height:70px;display:grid;grid-template-columns:1fr 1fr;gap:16px;justify-content:stretch;overflow:visible;padding:11px 0}
  .confidence-inner i{display:none}
  .confidence-inner span{white-space:normal;line-height:1.38;font-size:10px}
  .confidence-inner strong{display:block;font-size:18px;line-height:1.2;margin:0 0 3px}
  .browse-section{padding-top:63px}
  .design-proof{margin-top:62px;padding:66px 0 70px}
  .proof-grid{gap:25px}
  .proof-copy h2{font-size:34px}
  .screen-frame>img{width:100%;height:auto;max-height:none;aspect-ratio:5/3;object-fit:contain}
  .featured-section{padding-top:71px}
  .scope-shortcuts{padding:17px 15px;margin-top:16px;gap:13px}
  .scope-shortcuts-label{font-size:11px}
  .scope-shortcuts-links{width:100%;gap:7px}
  .scope-shortcuts a{font-size:10px;padding:8px 10px}
  .finder-spotlight{margin-top:64px}
  .faq-section{padding-top:72px;padding-bottom:38px}
  .last-cta{margin-top:27px;margin-bottom:67px}
}

/* DESKTOP WIDTH CORRECTION — BrainyShack 2.0 */
@media (min-width:1101px){
 .shell{width:min(1520px,calc(100% - 72px))}
}
@media (min-width:1450px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:68px}
 .hero-stage{height:430px}
 .hero-cover{width:min(530px,95%)}
 .proof-grid{gap:70px}
 .screen-frame>img{max-height:530px}
 .category-grid{gap:18px}
 .featured-grid{gap:23px}
}

/* HOMEPAGE SCREENSHOT SWITCHER — actual original Wix-hosted screenshots only */
.home-gallery-frame{padding:10px 10px 11px}
.home-gallery-frame .screen-top{padding:9px 9px 13px;min-width:0}
.home-gallery-frame .screen-top .screen-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-gallery-frame #large-shot{display:block;width:100%;height:auto;max-height:530px;aspect-ratio:5/3;object-fit:contain;object-position:center;border-radius:9px;background:#f5f8fc}
.home-gallery-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.home-shot{min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fff;border:1px solid #dbe7f4;border-radius:10px;text-align:left;color:#2f4468;font-size:11px;font-weight:800;line-height:1.3;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.home-shot img{width:52px;height:35px;object-fit:contain;flex:0 0 52px;background:#f4f8fd;border-radius:5px}
.home-shot span{min-width:0}
.home-shot:hover{background:#f3f9ff;border-color:#acd8fd}
.home-shot.active,.home-shot[aria-pressed="true"]{background:#edf7ff;border-color:#65b9ff;color:#046acc;box-shadow:inset 0 0 0 1px rgba(0,138,252,.25)}
@media(max-width:850px){.home-gallery-frame #large-shot{max-height:470px}}
@media(max-width:600px){
 .home-gallery-frame{padding:7px}
 .home-gallery-frame .screen-top{gap:7px;padding:8px 5px 11px}
 .home-gallery-frame .screen-top .screen-label{font-size:7px;letter-spacing:.35px}
 .home-gallery-frame #large-shot{height:auto;max-height:none;aspect-ratio:5/3}
 .home-gallery-switcher{gap:5px;margin-top:8px}
 .home-shot{justify-content:center;text-align:center;min-height:41px;gap:0;padding:8px 5px;font-size:10px;line-height:1.25}
 .home-shot img{display:none}
}

/* BRAINYSHACK BRAND HEADING PALETTE — dark on white, accent blue labels unchanged */
body :is(h1,h2,h3,h4,h5,h6){color:var(--heading-navy)}
body .section-head h2,
body .category-tile strong{color:var(--heading-navy)}
/* Eyebrows and category labels are accent text, not headings. */
body .dark-eye{color:#0079e7}
body .micro-label{color:#1788e7}
body .family-number{color:#3189d5}
body .scope-head{color:#1389dd}
body .catalogue-lead-row h1 em{color:#008AFC}
/* Keep every headline legible and intentional on navy surfaces. */
body :is(.hero,.detail-hero,.finder-inner,.last-cta,.choice-banner,.family-pro) :is(h1,h2,h3,h4,h5,h6){color:#fff}
/* Preserve the existing electric-blue hero accents on dark backgrounds. */
body .hero h1 em{color:transparent}
body .detail-copy h1 em{color:#42bafc}
/* Homepage screenshot opens the existing gallery lightbox directly. */
.home-image-trigger{appearance:none;display:block;width:100%;padding:0;margin:0;border:0;border-radius:9px;overflow:hidden;background:#f5f8fc;cursor:zoom-in;line-height:0;text-align:inherit}
.home-image-trigger:focus-visible{outline:3px solid #008AFC;outline-offset:4px}
.home-image-trigger #large-shot{cursor:inherit}


/* OCTOBER 2026 — APPROVED HOMEPAGE REFINEMENT BATCH
   Preserve genuine product cover and Notion screenshots; presentation only. */

/* Refine the secondary hero action without competing with the primary. */
.hero .button-ghost{
 color:#f5fbff;
 background:rgba(131,188,255,.13);
 border-color:rgba(155,204,255,.58);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 22px rgba(2,9,40,.10);
}
.hero .button-ghost:hover{
 background:rgba(131,188,255,.22);
 border-color:rgba(188,225,255,.86);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 24px rgba(2,9,40,.16);
}

/* Fewer decorative layers; slimmer product presentation, visible price. */
.hero .hero-cover{
 transform:perspective(1150px) rotateY(-3deg) rotateZ(-1.7deg);
 padding:5px;
 border:1px solid rgba(173,217,255,.32);
 border-radius:14px;
 background:linear-gradient(140deg,rgba(71,149,231,.25),rgba(9,30,73,.72));
 box-shadow:0 27px 64px rgba(0,4,31,.37),0 0 32px rgba(45,159,255,.13);
}
.hero .hero-cover img{
 background:transparent;
 border-radius:10px;
 aspect-ratio:16/9;
 object-fit:contain;
}
.hero .hero-cover-foot{
 color:#d2e7ff;
 padding:10px 10px 7px;
 font-size:10px;
 letter-spacing:.75px;
 gap:14px;
}
.hero .hero-cover-foot strong{color:#7cd2ff;font-size:17px;white-space:nowrap}
.hero .halo{opacity:.58}
.hero .top-label{color:#bfe4ff}
@media(max-width:600px){
 .hero .hero-cover{padding:4px;border-radius:12px}
 .hero .hero-cover-foot{font-size:7px;letter-spacing:.5px;padding:8px 6px 5px;gap:7px}
 .hero .hero-cover-foot strong{font-size:13px}
}

/* Distinct blue-leaning navy headings on light surfaces; blue eyebrows remain. */
body :is(h1,h2,h3,h4,h5,h6){color:var(--heading-navy)}
body .section-head h2,
body .category-tile strong{color:var(--heading-navy)}
/* Preserve white text and established electric-blue accents on dark surfaces. */
body :is(.hero,.detail-hero,.finder-inner,.last-cta,.choice-banner,.family-pro) :is(h1,h2,h3,h4,h5,h6){color:#fff}
body .hero h1 em{color:transparent}
body .detail-copy h1 em{color:#42bafc}

/* More substantial but still restrained operating-area navigation cards. */
.browse-section .category-grid{gap:17px}
.browse-section .category-tile{
 min-height:174px;
 padding:23px 24px;
 gap:19px;
 border-color:#d4e4f6;
 background:linear-gradient(160deg,#ffffff 56%,#f7fbff 100%);
 box-shadow:0 13px 35px rgba(18,51,105,.067);
 transition:transform .22s var(--ease),border-color .22s,box-shadow .22s,background .22s;
 overflow:hidden;
}
.browse-section .category-tile:before{
 content:"";
 position:absolute;inset:0 0 auto 0;height:2px;
 background:linear-gradient(90deg,rgba(0,138,252,.55),rgba(64,200,255,.08));
 opacity:.63;pointer-events:none;
}
.browse-section .category-tile:hover,
.browse-section .category-tile:focus-visible{
 transform:translateY(-4px);
 border-color:#80c3fa;
 box-shadow:0 20px 42px rgba(17,73,145,.12);
}
.browse-section .category-icon{
 width:53px;height:53px;
 border-radius:14px;
 background:#e6f4ff;
 color:#007deb;
 box-shadow:inset 0 0 0 1px rgba(0,138,252,.065);
}
.browse-section .category-icon .ico{width:26px;height:26px}
.browse-section .category-tile strong{font-size:17px;letter-spacing:-.35px}
.browse-section .category-tile small{font-size:11px;line-height:1.6;margin-top:6px}
.browse-section .category-arrow{color:#168eed;width:18px;height:18px;top:23px;right:22px}
@media(max-width:1100px){
 .browse-section .category-grid{gap:12px}
 .browse-section .category-tile{padding:20px;min-height:168px}
}
@media(max-width:600px){
 .browse-section .category-grid{gap:10px}
 .browse-section .category-tile{min-height:152px;padding:15px;gap:13px}
 .browse-section .category-icon{width:44px;height:44px;border-radius:12px}
 .browse-section .category-icon .ico{width:23px;height:23px}
 .browse-section .category-tile strong{font-size:14px}
 .browse-section .category-tile small{font-size:10px;margin-top:5px}
 .browse-section .category-arrow{top:13px;right:12px;width:16px;height:16px}
}

/* Hero artwork temporarily retired at founder request.
   Maintain generous hero height until the replacement direction is agreed. */
.hero .hero-grid{
  grid-template-columns:minmax(0,1fr);
  min-height:540px;
}
.hero .hero-copy{max-width:760px}
@media(max-width:850px){
  .hero .hero-grid{min-height:750px}
}
@media(max-width:600px){
  .hero .hero-grid{min-height:850px}
}

/* HERO CTA CONTRAST — approved white secondary / white-outlined blue primary */
.hero .hero-actions .button-primary{
  color:#FFFFFE;
  background:#008AFC;
  border:1px solid #FFFFFE;
  box-shadow:0 12px 25px rgba(0,138,252,.21);
}
.hero .hero-actions .button-primary:hover{
  background:#0075D8;
  border-color:#FFFFFE;
  box-shadow:0 16px 30px rgba(0,138,252,.28);
}
.hero .hero-actions .button-ghost{
  color:#0A0932;
  background:#FFFFFE;
  border:1px solid #008AFC;
  box-shadow:0 12px 26px rgba(0,4,38,.18);
}
.hero .hero-actions .button-ghost:hover{
  color:#0A0932;
  background:#EAF6FF;
  border-color:#40C8FF;
  box-shadow:0 15px 30px rgba(0,4,38,.22);
}
.hero .hero-actions .button:focus-visible{
  outline:3px solid #72D4FF;
  outline-offset:3px;
}

/* ONE NAV + HERO SURFACE — PRIVATE HOMEPAGE */
.home-preview{--nav-hero-gradient:linear-gradient(90deg,#0A0932 4%,#101D50 54%,#173D81 100%)}
.home-preview .site-header,.home-preview .hero{background:var(--nav-hero-gradient)}
.home-preview .site-header{box-shadow:none;border:0}
.home-preview .nav-shell{position:relative;z-index:2}
.home-preview .wordmark img{filter:none}
.home-preview .main-nav a{color:#E1EBFF}
.home-preview .main-nav a:hover,.home-preview .main-nav a[aria-current="page"]{color:#68CBFF}
.home-preview .main-nav a[aria-current="page"]:after{background:#42C9FF}
.home-preview .nav-cta{background:rgba(255,255,255,.12);color:#F5FAFF;border:1px solid rgba(172,210,255,.47)}
.home-preview .nav-cta:hover{background:rgba(255,255,255,.2)}
.home-preview .menu-toggle{background:rgba(255,255,255,.11);border-color:rgba(174,212,255,.45)}
.home-preview .menu-toggle span{background:#F1F8FF}
.home-preview .menu-toggle:focus-visible,.home-preview .main-nav a:focus-visible,.home-preview .nav-cta:focus-visible{outline:2px solid #59C5FF;outline-offset:3px}
@media(max-width:850px){
.home-preview .main-nav{background:#101A47;border-top:1px solid rgba(189,219,255,.22);box-shadow:0 20px 38px rgba(2,7,33,.35)}
.home-preview .main-nav a{color:#EAF4FF;border-bottom-color:rgba(196,224,255,.16)}
.home-preview .main-nav a:hover,.home-preview .main-nav a[aria-current="page"]{color:#69CDFF}
}
/* HOMEPAGE EDITORIAL LINKS: 3 ACTUAL WIX BLOG ARTICLES */
.home-editorial{padding-top:76px;padding-bottom:9px}
.home-editorial .editorial-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.home-editorial .editorial-head h2{font-size:clamp(26px,2.75vw,40px);line-height:1.13;letter-spacing:-1.2px;margin:10px 0 9px;font-weight:850;color:var(--heading-navy)}
.home-editorial .editorial-head p{color:#65758e;font-size:13px;margin:0;max-width:650px;line-height:1.6}
.home-editorial .editorial-all{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;white-space:nowrap;font-size:12px;font-weight:830;color:#047de0;text-decoration:none;padding:9px 0}
.home-editorial .editorial-all:hover{color:#004f9b}
.home-editorial .editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-editorial .editorial-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce7f5;border-radius:14px;overflow:hidden;box-shadow:0 10px 31px rgba(17,45,95,.046);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.home-editorial .editorial-card:hover{transform:translateY(-4px);border-color:#9fcdf3;box-shadow:0 18px 37px rgba(17,52,107,.1)}
.home-editorial .editorial-card:focus-visible{outline:3px solid #008AFC;outline-offset:3px}
.home-editorial .editorial-thumbnail{display:block;width:100%;height:auto;flex:0 0 auto;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#0A0932}
.home-editorial .editorial-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 18px}
.home-editorial .editorial-category{color:#007fe8;letter-spacing:1.4px;font-size:10px;font-weight:840;margin-bottom:11px}
.home-editorial .editorial-title{color:var(--heading-navy);font-size:18px;font-weight:830;line-height:1.35;letter-spacing:-.34px;margin:0}
.home-editorial .editorial-summary{color:#687791;font-size:12px;line-height:1.7;margin:11px 0 18px}
.home-editorial .editorial-read{margin-top:auto;padding-top:12px;border-top:1px solid #e7eef7;font-size:11px;font-weight:830;color:#007fe8}
@media(max-width:850px){.home-editorial{padding-top:66px}.home-editorial .editorial-grid{gap:12px}.home-editorial .editorial-body{padding:15px}.home-editorial .editorial-title{font-size:15px}.home-editorial .editorial-summary{font-size:11px}}
@media(max-width:600px){
.home-editorial{padding-top:59px;padding-bottom:2px}
.home-editorial .editorial-head{align-items:start;gap:12px;margin-bottom:18px}
.home-editorial .editorial-head h2{font-size:29px;line-height:1.18;letter-spacing:-.8px}
.home-editorial .editorial-head p{font-size:12px}
.home-editorial .editorial-all{font-size:10px;white-space:nowrap}
.home-editorial .editorial-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.home-editorial .editorial-card{display:grid;grid-template-columns:41% minmax(0,59%);min-height:148px}
.home-editorial .editorial-thumbnail{height:100%;aspect-ratio:auto;min-height:148px}
.home-editorial .editorial-body{padding:13px}
.home-editorial .editorial-category{font-size:9px;margin-bottom:8px}
.home-editorial .editorial-title{font-size:13px;line-height:1.3}
.home-editorial .editorial-summary{display:none}
.home-editorial .editorial-read{font-size:10px;padding-top:8px}
}
/* Brand-logo source art is used directly: no brightness, glow, or shadow filters. */
.home-preview .wordmark img{filter:none;box-shadow:none;image-rendering:auto}


/* BRAIYNSHACK 2.0 — understated animated offer ticker
   Additional consecutive sequences are hidden from assistive technology;
   reduced-motion users get a nonanimated, horizontally scrollable strip. */
.bs-ticker-band{
 background:linear-gradient(90deg,#f8fbff 0%,#edf6ff 48%,#f8fbff 100%);
 border-top:1px solid rgba(33,111,188,.13);
 border-bottom:1px solid #dae9f6;
}
.bs-ticker{
 position:relative;
 min-height:72px;
 width:100%;
 display:flex;
 align-items:center;
 overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);
}
.bs-ticker-track{
 width:max-content;
 flex:none;
 display:flex;
 align-items:center;
 animation:bs-marquee 68s linear infinite;
 will-change:transform;
}
.bs-ticker-sequence{
 width:max-content;
 display:flex;
 align-items:center;
 flex:none;
 gap:0;
 margin:0;
 padding:0;
 list-style:none;
}
.bs-ticker-sequence li{
 display:inline-flex;
 align-items:center;
 flex:none;
 white-space:nowrap;
 padding:0 25px;
 gap:22px;
 font-size:13px;
 line-height:1.45;
 letter-spacing:.16px;
 font-weight:760;
 color:#193970;
}
.bs-ticker-sequence li:nth-child(odd){color:#006ed0}
.bs-ticker-sequence li:nth-child(even){color:#193970}
.bs-ticker-spark{
 display:inline-block;
 flex:none;
 width:6px;
 height:6px;
 border-radius:50%;
 background:#008AFC;
}
@keyframes bs-marquee{
 from{transform:translate3d(0,0,0)}
 to{transform:translate3d(-20%,0,0)}
}
.bs-ticker:hover .bs-ticker-track,
.bs-ticker:focus-within .bs-ticker-track{
 animation-play-state:paused;
}
@media(max-width:600px){
 .bs-ticker{min-height:60px}
 .bs-ticker-sequence li{padding:0 19px;gap:16px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .bs-ticker{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-mask-image:none;
  mask-image:none;
  scrollbar-width:thin;
 }
 .bs-ticker-track{animation:none;will-change:auto}
 .bs-ticker-sequence[aria-hidden="true"]{display:none}
}

/* BRAINYSHACK 2.0 — FINAL FOUNDER-APPROVED HOMEPAGE REFINEMENTS
   Navigation, key copy, navy surface consistency and muted blue areas.
   Preserve product art, real Notion screenshots, ticker, hero height. */

/* Shared navigation: crisp white System Finder control on the brand surface. */
.site-header .nav-cta,
.home-preview .site-header .nav-cta{
  background:#FFFFFE;
  color:#0A3d7a;
  border:1px solid #86bce9;
  box-shadow:0 8px 20px rgba(1,12,43,.14);
}
.site-header .nav-cta:hover,
.home-preview .site-header .nav-cta:hover{
  background:#eaf6ff;
  color:#0A3d7a;
  border-color:#59b3fb;
}
.site-header .nav-cta .ico{color:#087ddc}
@media(max-width:850px){
  .site-header .main-nav a.nav-finder-mobile{
    color:#0A3d7a!important;
    background:#FFFFFE;
    border:1px solid #86bce9;
    border-radius:10px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:fit-content;
    margin-top:16px;
    padding:12px 16px;
    font-weight:850;
  }
  .site-header .main-nav a.nav-finder-mobile:hover{
    background:#eaf6ff;
    color:#0A3d7a!important;
  }
  .site-header .main-nav a.nav-finder-mobile .ico{
    color:#087ddc;
    width:15px;
    height:15px;
  }
}

/* Both homepage navy banners share the existing branded left-to-right gradient. */
.home-preview .finder-inner,
.home-preview .last-cta{
  background:linear-gradient(107deg,#0A0932 0%,#102b61 100%);
}
.home-preview .finder-inner::before,
.home-preview .finder-inner::after,
.home-preview .last-cta::before,
.home-preview .last-cta::after{
  content:none;
  display:none;
}

/* All key FAQ text uses the blue-leaning heading navy, not near-black. */
.home-preview .faq-list summary,
.home-preview .faq-note h3{color:#193970}
.home-preview .faq-list summary:hover{color:#007de5}
.home-preview .faq-list summary:focus-visible{
  outline:2px solid #008AFC;
  outline-offset:3px;
}

/* Soft blue depth across substantial light areas. */
.home-preview .design-proof{background:#DCE8F8}
.site-footer{background:#E4EDF9;border-top:1px solid #D4E1F2}
/* BRAINYSHACK 2.0 - FOUR SYSTEM SHOWCASE + CTA CONTRAST + LUMINOUS CYAN */
body .button-outline{background:#193970;color:#FFFFFE;border:1px solid #193970;box-shadow:0 8px 19px rgba(25,57,112,.10)}
body .button-outline:hover{background:#102B61;color:#FFFFFE;border-color:#102B61}
body .scope-shortcuts a{background:#193970;color:#FFFFFE;border:1px solid #193970;box-shadow:0 5px 12px rgba(25,57,112,.075)}
body .scope-shortcuts a:hover{background:#102B61;color:#FFFFFE;border-color:#102B61}
body :is(.button-outline,.scope-shortcuts a):focus-visible{outline:3px solid #008AFC;outline-offset:3px}
body .button-light{background:#FFFFFE;color:#0A3d7a;border:1px solid #FFFFFE}
body .button-light:hover{background:#E7F6FF;color:#0A3d7a}
body .button-primary{color:#FFFFFE}
body .hero .button-ghost{color:#0A0932;background:#FFFFFE}
body.home-preview .design-proof{background:linear-gradient(112deg,#E8F7FF 0%,#DBF3FF 53%,#E8F8FF 100%)}
body.home-preview .scope-shortcuts{background:linear-gradient(105deg,#EBF8FF 0%,#E1F6FF 55%,#EAFBFF 100%);border:1px solid #C6E9FC}
body.home-preview .scope-shortcuts-label{color:#193970}
body.home-preview .proof-copy h2{max-width:510px}
body.home-preview .proof-product-context{margin-top:23px}
body.home-preview .proof-product-context h3{font-weight:820;font-size:17px;letter-spacing:-.45px;color:#193970;line-height:1.35;margin:0 0 7px}
body.home-preview .proof-product-context p{font-size:13px;line-height:1.7;color:#546e8c;max-width:455px;margin:0}
body.home-preview .proof-points{margin:20px 0 24px}
body.home-preview .proof-product-link .ico{color:inherit}
body.home-preview .home-gallery-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px}
body.home-preview .home-shot{text-align:left;justify-content:flex-start;gap:8px;min-height:50px;padding:7px 8px;font-size:10px}
body.home-preview .home-shot img{display:block;width:45px;height:31px;object-fit:contain;flex:0 0 45px;background:#F4F9FF;border-radius:5px}
body.home-preview .home-shot span{min-width:0}
body.home-preview .screen-label{color:#6B819B}
@media(max-width:850px){body.home-preview .proof-grid{gap:30px}body.home-preview .proof-product-context{margin-top:20px}}
@media(max-width:600px){body.home-preview .proof-copy h2{font-size:33px}body.home-preview .proof-product-context h3{font-size:16px}body.home-preview .proof-product-context p{font-size:12px}body.home-preview .home-gallery-switcher{gap:5px;margin-top:8px}body.home-preview .home-shot{justify-content:center;text-align:center;padding:10px 4px;min-height:44px;font-size:10px;line-height:1.28;gap:0}body.home-preview .home-shot img{display:none}}


/* BRAINYSHACK 2.0 — BODY TEXT NAVY ON LIGHT SURFACES, OCT 18
   Headings remain #193970; electric-blue labels and dark sections keep
   their established contrast. Text on light sections is no longer grey. */
:root{--bs-body-navy:#193970;--bs-support-navy:#294A78}
body :is(
 .section-head p,
 .proof-copy>p,
 .proof-product-context p,
 .proof-points>div,
 .faq-note p,
 .faq-list details>p,
 .home-editorial .editorial-head p,
 .catalogue-lead-row p,
 .benefit p,
 .scope-col p,
 .scope-col ul,
 .category-tile strong,
 .browse-section .category-tile strong
){color:var(--bs-body-navy)}
body :is(
 .category-tile small,
 .product-details>p,
 .product-areas,
 .section-after,
 .home-editorial .editorial-summary,
 .scope-shortcuts-label,
 .footer-top p,
 .footer-links a,
 .footer-bottom,
 .catalogue-corner,
 .catalogue-breadcrumb,
 .catalogue-disclaimer,
 .detail-cover-caption,
 .detail-assurance span,
 .finder-strip small,
 .screen-top,
 .home-gallery-frame .screen-label
){color:var(--bs-support-navy)}
body.home-preview .proof-product-context p{color:var(--bs-body-navy)}
body.home-preview .screen-label{color:var(--bs-support-navy)}
body.home-preview .home-gallery-frame .screen-top{color:var(--bs-support-navy)}
body.home-preview .home-shot{color:var(--bs-body-navy)}
body.home-preview .home-shot.active,
body.home-preview .home-shot[aria-pressed="true"]{color:#046acc}
body .footer-links a:hover{color:#008AFC}
body .faq-list summary:hover{color:#007DE5}
/* On dark backgrounds retain deliberately white/light supporting copy;
   this rule is restricted to light surfaces by the selectors above. */

/* BRAINYSHACK 2.0 — GLOBAL CTA INTERACTION AND CYAN FOOTER PASS
   Strong visible interaction states. Original gallery, copy and artwork untouched.
   Light surfaces: navy button -> saturated brand blue on hover, white text.
   Dark surfaces: white button -> luminous cyan on hover, navy text. */
:root{
  --bs-btn-hover-blue:#0068C8;
  --bs-btn-hover-cyan:#BFEAFF;
  --bs-btn-focus:#008AFC;
}

/* Make the footer part of the same electric-blue/cyan family as the showcase,
   rather than preserving the older slate/grey-blue variant. */
body .site-footer{
  background:linear-gradient(110deg,#E7F9FF 0%,#D6F4FF 48%,#BFEAFF 100%);
  border-top:1px solid #A7DFF9;
}

/* A consistent, clearly noticeable transition on visual CTA controls. */
body :is(.button,.scope-shortcuts a,.site-header .nav-cta,.choice-links a,.site-header .main-nav a.nav-finder-mobile){
  transition:background-color .2s ease,border-color .2s ease,
    color .2s ease,box-shadow .2s ease,transform .2s ease;
}
body .button-outline:hover,
body .scope-shortcuts a:hover{
  background:var(--bs-btn-hover-blue);
  border-color:var(--bs-btn-hover-blue);
  color:#FFFFFE;
  box-shadow:0 12px 28px rgba(0,104,200,.24);
  transform:translateY(-2px);
}
body .button-outline:focus-visible,
body .scope-shortcuts a:focus-visible{
  background:var(--bs-btn-hover-blue);
  border-color:var(--bs-btn-hover-blue);
  color:#FFFFFE;
  outline:3px solid var(--bs-btn-focus);
  outline-offset:3px;
  box-shadow:0 10px 24px rgba(0,104,200,.23);
}

/* White CTAs on dark navy: unmistakably cyan when hovered. */
body .button-light:hover,
body .site-header .nav-cta:hover,
body.home-preview .site-header .nav-cta:hover,
body .site-header .main-nav a.nav-finder-mobile:hover,
body .hero .hero-actions .button-ghost:hover{
  background:var(--bs-btn-hover-cyan);
  border-color:#40C8FF;
  color:#0A3D7A;
  box-shadow:0 12px 25px rgba(0,90,160,.18);
  transform:translateY(-2px);
}
body .button-light:focus-visible,
body .site-header .nav-cta:focus-visible,
body .site-header .main-nav a.nav-finder-mobile:focus-visible{
  background:var(--bs-btn-hover-cyan);
  color:#0A3D7A;
  outline:3px solid #008AFC;
  outline-offset:3px;
}

/* Electric-blue CTAs become a visibly richer blue, keeping white text. */
body .button-primary:hover,
body .hero .hero-actions .button-primary:hover{
  background:#0061BC;
  color:#FFFFFE;
  box-shadow:0 16px 30px rgba(0,100,190,.29);
}
body .hero .hero-actions .button-primary:hover{
  border-color:#FFFFFE;
}
body .button-primary:focus-visible{
  outline:3px solid #40C8FF;
  outline-offset:3px;
}

/* Project detail's connected-stack choice cards sit on dark navy:
   light cards by default, luminous cyan on hover. */
body .choice-banner .choice-links a{
  background:#FFFFFE;
  border:1px solid #CBEAFF;
  color:#193970;
}
body .choice-banner .choice-links a strong{color:#193970}
body .choice-banner .choice-links a small{color:#294A78}
body .choice-banner .choice-links a .ico{color:#0076D8}
body .choice-banner .choice-links a:hover{
  background:var(--bs-btn-hover-cyan);
  border-color:#40C8FF;
  box-shadow:0 11px 23px rgba(0,13,48,.16);
  transform:translateY(-2px);
}
body .choice-banner .choice-links a:focus-visible{
  background:var(--bs-btn-hover-cyan);
  outline:3px solid #40C8FF;
  outline-offset:3px;
}

/* Filters and screenshot selectors: visible response when interactive,
   but do not replace the stronger selected/active state. */
body .segmented button:not(.active):hover,
body .area-pills button:not(.active):hover{
  color:#095AAB;
  background:#D8F2FF;
  border-color:#7EC9FC;
}
body .segmented button:focus-visible,
body .area-pills button:focus-visible,
body .thumb-button:focus-visible,
body .home-shot:focus-visible{
  outline:3px solid var(--bs-btn-focus);
  outline-offset:3px;
}
body .thumb-button:not(.active):hover,
body .home-shot:not(.active):hover{
  background:#DFF4FF;
  border-color:#69BDF7;
}

/* Pointer affordance in addition to colour, without keyboard dependence. */
body :is(.scope-shortcuts a,.choice-links a,.segmented button,.area-pills button){
  cursor:pointer;
}
@media(prefers-reduced-motion:reduce){
  body :is(.button,.scope-shortcuts a,.site-header .nav-cta,.choice-links a,.site-header .main-nav a.nav-finder-mobile){
    transition:none;
  }
  body :is(.button-outline,.scope-shortcuts a,.button-light,.site-header .nav-cta,.choice-links a):hover{
    transform:none;
  }
}

/* 2026-10-18 — FREE CONTENT PLANNER PROMOTION + ABOVE-IMAGE SELECTORS */
.preview-bar.preview-offer{
  min-height:37px;
  height:auto;
  display:flex;
  gap:9px;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:8px 15px;
  background:#0A0932;
  border-bottom:1px solid rgba(64,200,255,.28);
  color:#F9FDFF;
  text-align:center;
  text-decoration:none;
  font-size:10px;
  line-height:1.45;
  font-weight:830;
  letter-spacing:.85px;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.preview-offer .offer-gift{font-size:14px;line-height:1;letter-spacing:0}
.preview-offer .offer-cta{color:#59CCFF;font-weight:900}
.preview-offer .offer-arrow{display:inline-block;color:#59CCFF;font-size:15px;line-height:1;transition:transform .2s ease}
.preview-bar.preview-offer:hover,
.preview-bar.preview-offer:focus-visible{
  background:#11275C;
  color:#FFFFFF;
  border-color:#40C8FF;
}
.preview-offer:hover .offer-cta,.preview-offer:focus-visible .offer-cta{color:#BDEBFF}
.preview-offer:hover .offer-arrow,.preview-offer:focus-visible .offer-arrow{transform:translate(2px,-2px)}
.preview-bar.preview-offer:focus-visible{outline:3px solid #40C8FF;outline-offset:-3px}
body.home-preview .home-gallery-frame .home-gallery-switcher{
  margin-top:0;
  margin-bottom:12px;
}
body.home-preview .home-gallery-frame #open-image{
  display:block;
  width:100%;
}
@media(max-width:600px){
  .preview-bar.preview-offer{min-height:40px;gap:6px;padding:8px 8px;font-size:9px;letter-spacing:.2px}
  .preview-offer .offer-gift{font-size:13px}
  .preview-offer .offer-arrow{font-size:13px}
  body.home-preview .home-gallery-frame .home-gallery-switcher{margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){
  .preview-bar.preview-offer,.preview-offer .offer-arrow{transition:none}
  .preview-offer:hover .offer-arrow,.preview-offer:focus-visible .offer-arrow{transform:none}
}
/* 2026-10-18 — BRAINYSHACK 2.0 FULL EXISTING-PAGE EXPERIENCE PASS
   Aligned with the approved homepage. No manufactured images, prices or functionality. */
:root{--bs-signature-gradient:linear-gradient(90deg,#0A0932 4%,#101D50 54%,#173D81 100%)}
/* One clear navy-to-blue brand surface from navigation through the inner-page hero. */
body.preview-catalogue,
body.preview-product{--nav-hero-gradient:var(--bs-signature-gradient)}
body.preview-catalogue :is(.site-header,.catalogue-hero),
body.preview-product :is(.site-header,.detail-hero){
 background:var(--nav-hero-gradient);
 color:#FFFFFE;
 border:0;
 box-shadow:none;
}
body.preview-catalogue .nav-shell,
body.preview-product .nav-shell{position:relative;z-index:2}
body:is(.preview-catalogue,.preview-product) .wordmark img{filter:none;box-shadow:none;image-rendering:auto}
body:is(.preview-catalogue,.preview-product) .main-nav a{color:#EAF4FF}
body:is(.preview-catalogue,.preview-product) .main-nav a:hover,
body:is(.preview-catalogue,.preview-product) .main-nav a[aria-current="page"]{color:#68CBFF}
body:is(.preview-catalogue,.preview-product) .main-nav a[aria-current="page"]::after{background:#40C8FF}
body:is(.preview-catalogue,.preview-product) .menu-toggle{background:rgba(255,255,255,.11);border-color:rgba(174,212,255,.45)}
body:is(.preview-catalogue,.preview-product) .menu-toggle span{background:#FFFFFE}
body:is(.preview-catalogue,.preview-product) .nav-cta{background:#FFFFFE;color:#0A3D7A;border:1px solid #86BCE9}
@media(max-width:850px){
 body:is(.preview-catalogue,.preview-product) .main-nav{
  background:#101A47;
  border-top:1px solid rgba(189,219,255,.22);
  box-shadow:0 20px 38px rgba(2,7,33,.35);
 }
 body:is(.preview-catalogue,.preview-product) .main-nav a{color:#EAF4FF;border-bottom-color:rgba(196,224,255,.16)}
 body:is(.preview-catalogue,.preview-product) .main-nav a:hover,
 body:is(.preview-catalogue,.preview-product) .main-nav a[aria-current="page"]{color:#69CDFF}
}

/* Catalogue: strong opening, one consistent hierarchy and an uncluttered filter surface. */
body.preview-catalogue .catalogue-hero{padding:30px 0 102px}
body.preview-catalogue .catalogue-breadcrumb{color:#B6D3F8;margin-bottom:36px;font-size:11px}
body.preview-catalogue .catalogue-breadcrumb a:hover,
body.preview-product .catalogue-breadcrumb a:hover{color:#6CDEFF}
body.preview-catalogue .catalogue-hero .eyebrow{color:#72D7FF}
body.preview-catalogue .catalogue-lead-row h1{color:#FFFFFE;max-width:900px;line-height:1.06}
body.preview-catalogue .catalogue-lead-row h1 em{color:#40C8FF}
body.preview-catalogue .catalogue-lead-row p{
 color:#E2EFFF;
 font-size:15px;
 max-width:730px;
 line-height:1.8;
}
body.preview-catalogue .catalogue-corner{
 color:#E1EDFF;
 border-left-color:rgba(181,216,255,.25);
}
body.preview-catalogue .big-15{color:#FFFFFE}
body.preview-catalogue .big-15 span{color:#83D4FF}
body.preview-catalogue .catalogue-corner p{color:#D1E6FF;line-height:1.65}
body.preview-catalogue .catalogue-tool{
 margin-top:-39px;
 background:#FFFFFE;
 border:1px solid #B8E2FF;
 border-top:3px solid #65C6FF;
 border-radius:20px;
 box-shadow:0 24px 58px rgba(10,31,83,.12);
 padding:32px 34px 25px;
}
body.preview-catalogue .filter-row h2{color:#193970;font-size:clamp(24px,2.4vw,32px)}
body.preview-catalogue .filter-label{color:#193970;font-size:11px}
body.preview-catalogue .search-field{
 background:#F6FBFF;
 border:1px solid #B8DFF8;
 border-radius:11px;
}
body.preview-catalogue .search-field input{color:#193970}
body.preview-catalogue .search-field input::placeholder{color:#526D90}
body.preview-catalogue .segmented{background:#E8F6FF;border:1px solid #D1ECFB}
body.preview-catalogue .segmented button,
body.preview-catalogue .area-pills button{color:#193970;border-color:#CFE5F7}
body.preview-catalogue .segmented button[aria-pressed="true"],
body.preview-catalogue .area-pills button[aria-pressed="true"]{
 background:#193970;
 border-color:#193970;
 color:#FFFFFE;
 box-shadow:0 6px 15px rgba(25,57,112,.14);
}
body.preview-catalogue .segmented button[aria-pressed="false"]:hover,
body.preview-catalogue .area-pills button[aria-pressed="false"]:hover{
 background:#BFEAFF;
 color:#0A3D7A;
 border-color:#55BDFB;
}
body.preview-catalogue #results-count,
body.preview-catalogue .sort-wrap{color:#193970}
body.preview-catalogue .reset-link{
 border-radius:8px;
 padding:6px 8px;
 transition:background .2s,color .2s;
}
body.preview-catalogue .reset-link:hover{background:#DBF4FF;color:#074E96}
body.preview-catalogue .sort-wrap select{border-color:#B8DFF8;color:#193970;background:#F8FCFF}
body.preview-catalogue .catalogue-results{margin:44px 0 36px}
body.preview-catalogue .catalogue-grid{gap:23px}
body.preview-catalogue .catalogue-grid .product-card{
 border:1px solid #D2E6F5;
 border-radius:17px;
 box-shadow:0 15px 37px rgba(17,44,91,.065);
}
body.preview-catalogue .catalogue-grid .product-card:hover{
 border-color:#62BFFF;
 box-shadow:0 23px 48px rgba(0,92,183,.13);
 transform:translateY(-4px);
}
body.preview-catalogue .catalogue-grid .product-details{padding:23px}
body.preview-catalogue .catalogue-grid .product-details h3 a{color:#193970}
body.preview-catalogue .catalogue-grid .product-price{color:#193970}
body.preview-catalogue .catalogue-grid .micro-label{color:#007BE5}
body.preview-catalogue .catalogue-grid .product-details>p{color:#294A78;font-size:13px}
body.preview-catalogue .catalogue-grid .product-areas{color:#294A78}
body.preview-catalogue .catalogue-grid .text-link{color:#0074D8;transition:color .2s}
body.preview-catalogue .catalogue-grid .text-link:hover{color:#004887}
body.preview-catalogue .finder-strip{
 background:linear-gradient(107deg,#E9F8FF 0%,#D8F4FF 55%,#C5ECFF 100%);
 border:1px solid #B3E0F8;
 border-radius:18px;
 padding:29px 32px;
}
body.preview-catalogue .finder-strip strong{color:#193970;font-size:17px}
body.preview-catalogue .finder-strip small{color:#294A78;font-size:12px}
body.preview-catalogue .finder-strip>.button,
body.preview-catalogue .finder-strip>.button.button-primary{
 background:#193970;color:#FFFFFE;border:1px solid #193970;
}
body.preview-catalogue .finder-strip>.button:hover{background:#0068C8;border-color:#0068C8}
body.preview-catalogue .catalogue-disclaimer{color:#294A78}
body.preview-catalogue .no-results{background:#E7F7FF;border-color:#83CFFF}
body.preview-catalogue .no-results p{color:#294A78}

/* Product detail: aligned header, elegant genuine product cover and clearer hierarchy. */
body.preview-product .detail-hero{padding:27px 0 78px}
body.preview-product .catalogue-breadcrumb{color:#BCD8F8}
body.preview-product .detail-copy h1{color:#FFFFFE}
body.preview-product .detail-copy h1 em{color:#40C8FF}
body.preview-product .detail-lead{color:#E0ECFF;font-size:16px}
body.preview-product .detail-points span{color:#D6EAFF}
body.preview-product .detail-purchase>div span{color:#80D8FF}
body.preview-product .detail-cover-box{
 background:#FFFFFE;
 border:1px solid #B8E2FF;
 border-radius:18px;
 padding:11px;
 box-shadow:0 25px 62px rgba(0,8,44,.28);
}
body.preview-product .detail-cover-box>img{background:#EFF7FC;border-radius:11px}
body.preview-product .detail-cover-caption{color:#193970}
body.preview-product .detail-preface{color:#C0D9FA}
body.preview-product .detail-purchase .button-primary{
 border:1px solid #FFFFFE;
 color:#FFFFFE;
 background:#008AFC;
}
body.preview-product .detail-purchase .button-primary:hover{
 background:#0061BC;
 border-color:#FFFFFE;
}
body.preview-product .detail-assurance{
 background:linear-gradient(110deg,#E8F8FF,#D5F1FF);
 border-bottom:1px solid #B7DFF6;
}
body.preview-product .detail-assurance span{color:#193970;font-size:12px}
body.preview-product .benefits-section{padding-top:86px}
body.preview-product .benefit{
 background:#FFFFFE;
 border:1px solid #D4E6F4;
 border-top:3px solid #79D4FF;
 border-radius:17px;
 box-shadow:0 13px 33px rgba(21,66,125,.06);
}
body.preview-product .benefit>span{color:#0078D9}
body.preview-product .benefit-symbol{background:#E4F6FF}
body.preview-product .benefit h3{color:#193970}
body.preview-product .benefit p{color:#294A78}
body.preview-product .showcase-section{
 background:linear-gradient(110deg,#E9F8FF 0%,#D8F2FF 51%,#E7F9FF 100%);
 padding:84px 0;
 margin-top:84px;
}
body.preview-product .showcase-section .section-head p{color:#193970}
body.preview-product .gallery-stage,
body.preview-product .gallery-info{
 background:#FFFFFE;
 border:1px solid #C6E4F8;
 border-radius:18px;
 box-shadow:0 20px 45px rgba(14,67,132,.09);
}
body.preview-product .gallery-top{color:#294A78;justify-content:space-between}
body.preview-product .gallery-stage .detail-image-trigger{
 width:100%;
 padding:0;
 background:transparent;
 border:0;
 border-radius:10px;
 display:block;
 cursor:zoom-in;
 overflow:hidden;
}
body.preview-product .gallery-stage .detail-image-trigger #large-shot{
 display:block;
 width:100%;
 height:auto;
 max-height:560px;
 object-fit:contain;
 object-position:center;
 background:#F6FBFF;
 border-radius:9px;
}
body.preview-product .gallery-stage .detail-image-trigger:focus-visible{
 outline:3px solid #008AFC;
 outline-offset:3px;
}
body.preview-product .gallery-info h3{color:#193970}
body.preview-product .gallery-info>p,
body.preview-product .gallery-info .gallery-note{color:#294A78}
body.preview-product .gallery-info .micro-label{color:#007BE5}
body.preview-product .thumb-button{
 color:#193970;
 border:1px solid #CEE5F7;
 background:#FFFFFE;
 transition:background .2s,border-color .2s,color .2s,box-shadow .2s;
}
body.preview-product .thumb-button:hover{background:#DFF4FF;border-color:#70C8FC}
body.preview-product .thumb-button[aria-pressed="true"]{
 background:#E4F5FF;
 color:#0067C6;
 border-color:#54B8FA;
 box-shadow:inset 0 0 0 1px rgba(0,138,252,.19);
}
body.preview-product .scope-col{
 background:linear-gradient(152deg,#EAF9FF 0%,#F5FBFF 100%);
 border:1px solid #C9E8F8;
 border-radius:18px;
}
body.preview-product .scope-not{background:#FFFFFE}
body.preview-product .scope-head{color:#007DDF}
body.preview-product .scope-col p,
body.preview-product .scope-col ul{color:#193970}
body.preview-product .choice-banner,
body.preview-product .product-end{
 background:var(--bs-signature-gradient);
 border:1px solid rgba(123,195,255,.14);
}
body.preview-product .choice-banner h2,
body.preview-product .product-end h2{color:#FFFFFE}
body.preview-product .choice-banner p,
body.preview-product .product-end p{color:#D8E9FF}
body.preview-product .product-faq .faq-list summary,
body.preview-product .product-faq .faq-list details>p{color:#193970}
body.preview-product .product-faq .faq-list summary:hover{color:#007BE5}
body.preview-product .product-end .button-light:hover{background:#BFEAFF;color:#0A3D7A}

/* Consistent footers and keyboard feedback, without decoration over content. */
body:is(.preview-catalogue,.preview-product) .site-footer{
 background:linear-gradient(110deg,#E7F9FF 0%,#D6F4FF 48%,#BFEAFF 100%);
 border-top:2px solid #74CFFF;
}
body:is(.preview-catalogue,.preview-product) .footer-links span{color:#193970}
body:is(.preview-catalogue,.preview-product) .footer-links a{color:#294A78}
body:is(.preview-catalogue,.preview-product) .footer-links a:hover{color:#0068C8}
body:is(.preview-catalogue,.preview-product) :is(.product-art,.text-link,.reset-link,.thumb-button):focus-visible{
 outline:3px solid #008AFC;outline-offset:3px;
}

/* Existing mobile architecture retained, with the same visual system. */
@media(max-width:850px){
 body.preview-catalogue .catalogue-hero{padding:24px 0 79px}
 body.preview-catalogue .catalogue-tool{margin-top:-29px;padding:23px 20px}
 body.preview-catalogue .catalogue-corner{border-left-color:rgba(187,222,255,.24)}
 body.preview-catalogue .catalogue-grid{gap:16px}
 body.preview-product .detail-hero{padding:24px 0 61px}
 body.preview-product .showcase-section{padding:68px 0}
 body.preview-product .gallery-stage .detail-image-trigger #large-shot{max-height:510px}
}
@media(max-width:600px){
 body.preview-catalogue .catalogue-hero{padding:20px 0 69px}
 body.preview-catalogue .catalogue-breadcrumb{margin-bottom:25px}
 body.preview-catalogue .catalogue-lead-row h1{font-size:clamp(37px,10vw,48px);letter-spacing:-1.7px}
 body.preview-catalogue .catalogue-lead-row p{font-size:13px}
 body.preview-catalogue .catalogue-corner{
  margin-top:22px;
  padding-left:14px;
  align-items:center;
 }
 body.preview-catalogue .big-15{font-size:46px}
 body.preview-catalogue .catalogue-tool{margin-top:-26px;padding:21px 16px 17px}
 body.preview-catalogue .finder-strip{padding:21px 18px}
 body.preview-catalogue .catalogue-grid .product-details{padding:18px}
 body.preview-product .detail-hero{padding:20px 0 52px}
 body.preview-product .detail-lead{font-size:13px}
 body.preview-product .detail-assurance span{font-size:10px}
 body.preview-product .showcase-section{padding:56px 0}
 body.preview-product .gallery-stage .detail-image-trigger #large-shot{max-height:none;height:auto}
 body.preview-product .gallery-info{padding:19px}
}
@media(prefers-reduced-motion:reduce){
 body.preview-product .gallery-stage .detail-image-trigger,
 body.preview-product .thumb-button{transition:none}
}


/* 2026-10-18 — CARD CONTENT HIERARCHY REFINEMENT
   Keep iconography restrained. Lead with readable titles and supporting copy;
   avoid excessive vertical whitespace between icon and text. */
body.home-preview .browse-section .category-tile{
  min-height:148px;
  padding:19px 23px 19px;
  gap:12px;
  justify-content:flex-start;
}
body.home-preview .browse-section .category-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  flex:0 0 46px;
}
body.home-preview .browse-section .category-icon .ico{
  width:23px;
  height:23px;
}
body.home-preview .browse-section .category-tile>span:nth-of-type(2){
  display:block;
  margin:0;
}
body.home-preview .browse-section .category-tile strong{
  color:#193970;
  font-size:18px;
  font-weight:850;
  line-height:1.28;
  letter-spacing:-.35px;
}
body.home-preview .browse-section .category-tile small{
  color:#294A78;
  font-size:12px;
  font-weight:520;
  line-height:1.5;
  margin-top:3px;
}
body.home-preview .browse-section .category-arrow{
  top:20px;
  right:19px;
  color:#007BDF;
}
body.preview-product .benefits-grid .benefit{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:0;
  padding:26px 27px 28px;
}
body.preview-product .benefits-grid .benefit>span{
  position:absolute;
  top:22px;
  right:25px;
  color:#008AFC;
  font-size:11px;
  font-weight:870;
  line-height:1.2;
}
body.preview-product .benefits-grid .benefit-symbol{
  width:49px;
  height:49px;
  border-radius:12px;
  margin:0 0 16px;
  flex:0 0 49px;
  background:#E4F6FF;
}
body.preview-product .benefits-grid .benefit-symbol .ico{
  width:25px;
  height:25px;
}
body.preview-product .benefits-grid .benefit h3{
  color:#193970;
  font-size:21px;
  font-weight:850;
  line-height:1.25;
  letter-spacing:-.45px;
  margin:0 0 8px;
}
body.preview-product .benefits-grid .benefit p{
  color:#294A78;
  font-size:14px;
  font-weight:490;
  line-height:1.65;
  margin:0;
  max-width:44ch;
}
@media(max-width:850px){
  body.home-preview .browse-section .category-tile{min-height:142px;padding:18px 19px;gap:10px}
  body.home-preview .browse-section .category-icon{width:44px;height:44px;flex-basis:44px}
  body.home-preview .browse-section .category-tile strong{font-size:17px}
  body.home-preview .browse-section .category-tile small{font-size:11.5px}
  body.preview-product .benefits-grid .benefit{padding:23px 23px 25px}
  body.preview-product .benefits-grid .benefit>span{top:20px;right:22px}
  body.preview-product .benefits-grid .benefit-symbol{margin-bottom:14px}
  body.preview-product .benefits-grid .benefit h3{font-size:20px}
  body.preview-product .benefits-grid .benefit p{font-size:13.5px}
}
@media(max-width:600px){
  body.home-preview .browse-section .category-tile{min-height:140px;padding:16px;gap:9px}
  body.home-preview .browse-section .category-icon{width:42px;height:42px;flex-basis:42px}
  body.home-preview .browse-section .category-tile strong{font-size:15px;line-height:1.24}
  body.home-preview .browse-section .category-tile small{font-size:11px;line-height:1.45}
  body.home-preview .browse-section .category-arrow{top:13px;right:12px}
  body.preview-product .benefits-grid .benefit{padding:22px 21px 23px}
  body.preview-product .benefits-grid .benefit>span{top:19px;right:20px}
  body.preview-product .benefits-grid .benefit-symbol{width:46px;height:46px;flex-basis:46px;margin-bottom:13px}
  body.preview-product .benefits-grid .benefit h3{font-size:19px}
  body.preview-product .benefits-grid .benefit p{font-size:13px;line-height:1.65;max-width:none}
}
/* BRAINYSHACK 2.0 — original product media browser v1
 * Used by all 15 real product galleries; zero source-image transformations.
 * Approved palette: navy/blue hero, light cyan stage, white cards, navy text.
 */
.bs-gallery{--bg-navy:#193970;--bg-blue:#008AFC;--bg-cyan:#BFEAFF;--bg-ink:#294A78}
.bs-gallery .bs-gallery-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:24px;align-items:start}
.bs-gallery .bs-gallery-stage,.bs-gallery .bs-gallery-side{background:#FFFFFE;border:1px solid #BDDEFA;border-radius:20px;box-shadow:0 20px 44px rgba(8,45,108,.095);min-width:0}
.bs-gallery .bs-gallery-stage{padding:17px}
.bs-gallery .bs-gallery-stage-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:3px 3px 14px}
.bs-gallery .bs-gallery-eyebrow{font-size:10px;font-weight:850;letter-spacing:.7px;color:#193970;display:flex;align-items:center;gap:10px}
.bs-gallery .bs-mac-dots{display:inline-flex;align-items:center;gap:5px;flex:none}
.bs-gallery .bs-mac-dots i{width:7px;height:7px;border-radius:50%;background:#F2A4A6}
.bs-gallery .bs-mac-dots i:nth-child(2){background:#F6D58B}
.bs-gallery .bs-mac-dots i:nth-child(3){background:#96D6C5}
.bs-gallery .bs-gallery-number{font-size:13px;white-space:nowrap;color:#193970;font-weight:850;font-variant-numeric:tabular-nums}
.bs-gallery .bs-gallery-stage-content{background:#F5FAFF;border-radius:12px;min-width:0;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}
.bs-gallery .bs-gallery-stage-content .bs-gallery-zoom-trigger{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:11px;padding:7px;cursor:zoom-in}
.bs-gallery .bs-gallery-stage-content img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:7px}
.bs-gallery .bs-gallery-stage-content video{display:block;width:100%;max-height:100%;background:#071A42;border-radius:8px}
.bs-gallery .bs-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 1px 0;min-height:54px}
.bs-gallery .bs-gallery-caption{font-size:12px;color:#294A78;font-weight:750;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bs-gallery .bs-gallery-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}
.bs-gallery .bs-gallery-nav button{border:1px solid #D0E6F6;background:#193970;color:#FFF;border-radius:9px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:33px;cursor:pointer;font-size:17px;font-weight:750;transition:background .18s,transform .18s,border-color .18s}
.bs-gallery .bs-gallery-nav button:hover:not(:disabled){background:#0068C8;border-color:#008AFC;transform:translateY(-1px)}
.bs-gallery .bs-gallery-nav button:disabled{cursor:not-allowed;opacity:.35;background:#95A7BE;border-color:#DCE5EC}
.bs-gallery .bs-gallery-side{padding:22px;display:flex;flex-direction:column;gap:10px}
.bs-gallery .bs-gallery-side .micro-label{color:#007BDF;font-weight:850}
.bs-gallery .bs-gallery-side h3{color:#193970;margin:4px 0 1px;font-size:21px;line-height:1.27;font-weight:840;letter-spacing:-.4px}
.bs-gallery .bs-gallery-intro{color:#294A78;font-size:13px;line-height:1.65;margin:0 0 7px}
.bs-gallery .bs-gallery-rail{overflow-y:auto;overflow-x:hidden;max-height:440px;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:2px 5px 2px 1px;scrollbar-width:thin;scrollbar-color:#9BCFFE #EAF8FF}
.bs-gallery .bs-gallery-thumb{width:100%;border:1px solid #D3E7F7;background:#FFF;border-radius:11px;display:flex;align-items:center;gap:11px;padding:7px;text-align:left;min-width:0;cursor:pointer;color:#193970;transition:border-color .2s,background .2s,box-shadow .2s}
.bs-gallery .bs-gallery-thumb img{height:54px;width:92px;object-fit:contain;background:#F4FAFF;border-radius:6px;flex:0 0 92px}
.bs-gallery .bs-gallery-thumb .bs-thumb-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.bs-gallery .bs-gallery-thumb .bs-thumb-label{font-size:11px;font-weight:850;color:#193970;line-height:1.3;white-space:normal}
.bs-gallery .bs-gallery-thumb .bs-thumb-type{font-size:10px;font-weight:650;color:#3E6795}
.bs-gallery .bs-gallery-thumb:hover{border-color:#68BFFD;background:#E7F7FF;box-shadow:0 4px 11px rgba(0,90,180,.08)}
.bs-gallery .bs-gallery-thumb.is-active,.bs-gallery .bs-gallery-thumb[aria-pressed="true"]{border-color:#008AFC;background:#E3F4FF;box-shadow:inset 0 0 0 1px #40B3FF}
.bs-gallery .bs-gallery-thumb.is-active .bs-thumb-label{color:#0062B6}
.bs-gallery .bs-gallery-rail-note{font-size:11px;color:#294A78;border-top:1px solid #E4EDF7;margin:9px 0 0;padding-top:14px;line-height:1.6}
.bs-gallery .bs-gallery-video-thumb{position:relative}
.bs-gallery .bs-thumb-play{position:absolute;left:43px;top:20px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#0E3371;color:white;box-shadow:0 0 0 2px #FFF;font-size:12px;pointer-events:none}
.bs-gallery :is(.bs-gallery-thumb,.bs-gallery-nav button,.bs-gallery-zoom-trigger):focus-visible{outline:3px solid #008AFC;outline-offset:3px}
.bs-gallery .bs-gallery-lightbox[hidden]{display:none!important}
.bs-gallery .bs-gallery-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(3,10,38,.94);display:flex;align-items:center;justify-content:center;padding:55px 55px 78px}
.bs-gallery .bs-gallery-lightbox img{max-width:100%;max-height:calc(100vh - 155px);width:auto;height:auto;object-fit:contain;background:#FFF;border-radius:7px;box-shadow:0 25px 60px #0005}
.bs-gallery .bs-lightbox-top{position:absolute;top:15px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#FFF}
.bs-gallery .bs-lightbox-count{font-size:13px;font-weight:800;letter-spacing:1px}
.bs-gallery .bs-gallery-lightbox button{border:1px solid #85CFFF;color:#061E49;background:#FFF;border-radius:10px;cursor:pointer;display:grid;place-items:center;min-width:44px;min-height:42px;transition:background .2s}
.bs-gallery .bs-gallery-lightbox button:hover:not(:disabled){background:#BFEAFF}
.bs-gallery .bs-gallery-lightbox button:disabled{opacity:.28;cursor:not-allowed}
.bs-gallery .bs-gallery-lightbox button:focus-visible{outline:3px solid #40C8FF;outline-offset:3px}
.bs-gallery .bs-lightbox-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:18px;color:#FFF}
.bs-gallery .bs-lightbox-bottom .bs-lightbox-caption{font-size:12px;font-weight:750;min-width:70px;text-align:center}
body.bs-gallery-modal-open{overflow:hidden}
@media(max-width:1100px){.bs-gallery .bs-gallery-layout{grid-template-columns:minmax(0,1.35fr) minmax(255px,.85fr);gap:16px}.bs-gallery .bs-gallery-rail{max-height:390px}.bs-gallery .bs-gallery-side{padding:18px}}
@media(max-width:850px){.bs-gallery .bs-gallery-layout{grid-template-columns:1fr;gap:16px}.bs-gallery .bs-gallery-stage{padding:12px}.bs-gallery .bs-gallery-side{padding:17px}.bs-gallery .bs-gallery-rail{max-height:none;overflow-x:auto;overflow-y:hidden;flex-direction:row;gap:9px;padding-bottom:10px;scroll-snap-type:x proximity}.bs-gallery .bs-gallery-thumb{flex:0 0 170px;scroll-snap-align:start;min-height:74px;padding:8px}.bs-gallery .bs-gallery-thumb img{width:67px;height:48px;flex-basis:67px}.bs-gallery .bs-thumb-play{left:29px;top:27px}.bs-gallery .bs-gallery-rail-note{margin-top:2px;padding-top:10px}}
@media(max-width:600px){.bs-gallery .bs-gallery-stage{padding:8px;border-radius:14px}.bs-gallery .bs-gallery-stage-head{padding:8px 6px 12px;gap:8px}.bs-gallery .bs-gallery-eyebrow{font-size:8px;letter-spacing:.35px}.bs-gallery .bs-gallery-number{font-size:11px}.bs-gallery .bs-gallery-stage-content{aspect-ratio:16/11}.bs-gallery .bs-gallery-stage-content .bs-gallery-zoom-trigger{padding:2px}.bs-gallery .bs-gallery-toolbar{padding:11px 2px 2px;gap:8px}.bs-gallery .bs-gallery-caption{font-size:11px}.bs-gallery .bs-gallery-nav button{min-width:35px;min-height:35px}.bs-gallery .bs-gallery-side{padding:16px;gap:8px}.bs-gallery .bs-gallery-side h3{font-size:18px}.bs-gallery .bs-gallery-intro{font-size:12px}.bs-gallery .bs-gallery-thumb{flex-basis:150px;min-height:69px}.bs-gallery .bs-gallery-thumb img{width:57px;height:43px;flex-basis:57px}.bs-gallery .bs-gallery-thumb .bs-thumb-label{font-size:10px}.bs-gallery .bs-thumb-play{left:24px;top:24px}.bs-gallery .bs-gallery-lightbox{padding:52px 10px 73px}.bs-gallery .bs-gallery-lightbox img{max-height:calc(100vh - 155px)}.bs-gallery .bs-lightbox-bottom{bottom:10px;left:8px;right:8px;gap:9px}.bs-gallery .bs-gallery-lightbox button{min-width:37px;min-height:37px}}
@media(prefers-reduced-motion:reduce){.bs-gallery :is(.bs-gallery-thumb,.bs-gallery-nav button,.bs-gallery-lightbox button){transition:none}.bs-gallery .bs-gallery-nav button:hover{transform:none}.bs-gallery .bs-gallery-rail{scroll-snap-type:none}}
/* Scope badges for evidence-backed secondary product pages */
body.preview-product .bs-product-scope{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:73px;padding-bottom:73px}
body.preview-product .bs-product-scope>div:first-child{max-width:710px}
body.preview-product .bs-product-scope h2{font-size:clamp(25px,2.5vw,36px);color:#193970;margin:11px 0 9px;letter-spacing:-1.2px}
body.preview-product .bs-product-scope p{color:#294A78;font-size:14px;line-height:1.75;margin:0}
body.preview-product .bs-product-area-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:400px}
body.preview-product .bs-product-area-tag{padding:10px 15px;border:1px solid #B2DFF8;background:#E8F8FF;border-radius:9px;color:#193970;font-size:12px;font-weight:830;white-space:nowrap}
@media(max-width:850px){body.preview-product .bs-product-scope{align-items:flex-start;flex-direction:column;gap:20px;padding-top:55px;padding-bottom:55px}body.preview-product .bs-product-area-tags{justify-content:flex-start;max-width:none}}
@media(max-width:600px){body.preview-product .bs-product-scope{padding-top:45px;padding-bottom:45px}body.preview-product .bs-product-scope p{font-size:13px}body.preview-product .bs-product-area-tag{font-size:11px;padding:9px 12px}}

/* BrainyShack 2.0: unified product page buying journey, October 2026.
   Hero → Product fit → Original full gallery → Relevant alternatives → FAQs → CTA.
   Applies to all 15 noindexed product preview pages; Wix live store unchanged. */
body.preview-product .bs-fit-section{
  padding-top:clamp(54px,5.2vw,79px);
  padding-bottom:clamp(52px,4.4vw,72px);
}
body.preview-product .bs-fit-section .section-head{margin-bottom:25px}
body.preview-product .bs-fit-section .section-head h2{
  color:#193970;
  max-width:900px;
  font-size:clamp(29px,3.1vw,43px);
  letter-spacing:-1.15px;
  line-height:1.13;
}
body.preview-product .bs-fit-section .scope-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:20px;
}
body.preview-product .bs-fit-section .scope-col{
  min-width:0;
  background:linear-gradient(145deg,#E8F8FF 0%,#F2FBFF 100%);
  border:1px solid #BCE4FA;
  border-top:3px solid #71CFFF;
  border-radius:18px;
  padding:30px 32px 31px;
  box-shadow:0 11px 30px rgba(20,72,134,.05);
}
body.preview-product .bs-fit-section .scope-col.scope-not{
  background:#FFFFFE;
  border:1px solid #C9E5F8;
  border-top:3px solid #A8DDF9;
}
body.preview-product .bs-fit-section .scope-head{
  display:flex;
  align-items:center;
  gap:9px;
  color:#006FD1;
  font-size:11px;
  font-weight:850;
  letter-spacing:1.15px;
  line-height:1.45;
  margin-bottom:15px;
}
body.preview-product .bs-fit-section .scope-head .ico{width:19px;height:19px;flex:0 0 19px}
body.preview-product .bs-fit-section .scope-col p{
  margin:0;
  max-width:620px;
  color:#193970;
  font-size:14px;
  line-height:1.72;
  font-weight:480;
}
body.preview-product .bs-fit-section .scope-col ul{
  margin:17px 0 0;
  padding-left:18px;
  display:grid;
  gap:10px;
  color:#193970;
  font-size:13px;
  font-weight:640;
  line-height:1.55;
}
body.preview-product .bs-fit-section .scope-col li{padding-left:2px}
/* Allow the real screenshots to lead immediately after the fit decision. */
body.preview-product .bs-fit-section + .bs-gallery{
  margin-top:0;
  padding-top:clamp(56px,5vw,80px);
  padding-bottom:clamp(60px,5vw,85px);
}
/* Relevant alternative paths belong *below* the full product gallery. */
body.preview-product .bs-gallery + .choice-banner{
  margin-top:clamp(48px,5vw,79px);
}
body.preview-product .choice-banner{
  background:linear-gradient(100deg,#0A0932 0%,#101B4A 42%,#173C80 100%);
  border:1px solid rgba(133,207,255,.20);
  box-shadow:0 20px 40px rgba(9,24,74,.09);
  align-items:center;
}
body.preview-product .choice-banner .eyebrow{color:#74D4FF}
body.preview-product .choice-banner h2{font-size:clamp(23px,2.35vw,31px);line-height:1.18;letter-spacing:-.55px}
body.preview-product .choice-banner p{color:#D9EBFF;line-height:1.7;font-size:13px}
body.preview-product .choice-banner .choice-links{display:grid;gap:10px;align-content:center}
body.preview-product .choice-banner .choice-links a{
  background:#FFFFFE;
  border:1px solid #C6E9FA;
  color:#193970;
  border-radius:11px;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:16px 18px;
  transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;
}
body.preview-product .choice-banner .choice-links a:hover{
  background:#BFEAFF;
  border-color:#40C8FF;
  transform:translateY(-2px);
  box-shadow:0 10px 23px rgba(0,12,54,.14);
}
body.preview-product .choice-banner .choice-links a:focus-visible{outline:3px solid #40C8FF;outline-offset:3px}
body.preview-product .choice-banner .choice-links strong{font-size:13px;color:#193970;font-weight:800}
body.preview-product .choice-banner .choice-links small{font-size:11px;color:#294A78;line-height:1.55}
body.preview-product .choice-banner .choice-links .ico{color:#0079DD;width:17px;height:17px;flex:none}
body.preview-product .choice-banner + .product-faq{padding-top:clamp(64px,6.5vw,100px)}
body.preview-product .product-faq .section-head h2{color:#193970}
body.preview-product .product-faq .faq-list summary{color:#193970}
body.preview-product .product-faq .faq-list details>p{color:#294A78;font-size:13px;line-height:1.75}
body.preview-product .product-faq .faq-list summary:focus-visible{outline:3px solid #008AFC;outline-offset:2px;border-radius:4px}
body.preview-product .product-faq + .product-end{margin-top:clamp(62px,5vw,85px)}
@media(max-width:850px){
  body.preview-product .bs-fit-section .scope-grid{grid-template-columns:1fr;gap:13px}
  body.preview-product .bs-fit-section .scope-col{padding:23px 25px 25px}
  body.preview-product .choice-banner{gap:22px}
}
@media(max-width:600px){
  body.preview-product .bs-fit-section{padding-top:51px;padding-bottom:50px}
  body.preview-product .bs-fit-section .section-head{margin-bottom:20px}
  body.preview-product .bs-fit-section .section-head h2{font-size:30px;line-height:1.16}
  body.preview-product .bs-fit-section .scope-grid{gap:12px}
  body.preview-product .bs-fit-section .scope-col{padding:20px 21px 23px}
  body.preview-product .bs-fit-section .scope-head{font-size:10px;margin-bottom:11px}
  body.preview-product .bs-fit-section .scope-col p{font-size:13px;line-height:1.65}
  body.preview-product .bs-fit-section .scope-col ul{font-size:12px;gap:8px;margin-top:14px}
  body.preview-product .choice-banner{margin-top:49px;padding:28px 23px}
  body.preview-product .choice-banner h2{font-size:25px}
  body.preview-product .choice-banner .choice-links a{padding:14px 15px}
}
@media(prefers-reduced-motion:reduce){
  body.preview-product .choice-banner .choice-links a{transition:none}
  body.preview-product .choice-banner .choice-links a:hover{transform:none}
}


/* Shared section typography polish: clearer desktop lines, natural mobile wrapping. */
body p,
body .section-head p,
body .detail-lead,
body .hero-lead { text-wrap: pretty; }
body :is(.section-head h2, .catalogue-lead-row h1, .detail-copy h1, .bs-product-scope h2) { text-wrap: balance; }
body.home-preview .featured-section .section-head > div { min-width: 0; flex: 1 1 auto; }
body.home-preview .featured-section .section-head p {
  max-width: none;
  color: #193970;
}
/* On large layouts the full featured subtitle fits as a single line. */
@media (min-width: 1100px) {
 body.home-preview .featured-section .section-head p { white-space: nowrap; }
}
@media (max-width: 1099px) {
 body.home-preview .featured-section .section-head p {
   white-space: normal;
   text-wrap: pretty;
 }
}
/* No ornamental strokes beside eyebrow labels anywhere in the system. */
body .eyebrow .line { display: none !important; }


/* Compact, centred, text-only homepage system selectors */
body.home-preview .home-gallery-frame .home-gallery-switcher{
 display:flex;grid-template-columns:none;align-items:center;justify-content:center;
 width:max-content;max-width:100%;margin:0 auto 13px;padding:0;gap:8px;flex-wrap:wrap;
}
body.home-preview .home-gallery-frame .home-shot{
 display:inline-flex;flex:0 0 auto;justify-content:center;align-items:center;
 min-width:100px;min-height:38px;width:auto;padding:9px 16px;gap:0;
 background:#FFFFFE;border:1px solid #C6DFF5;border-radius:9px;
 color:#193970;font-size:11px;font-weight:820;line-height:1.25;
 text-align:center;white-space:nowrap;
 transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
body.home-preview .home-gallery-frame .home-shot.active,
body.home-preview .home-gallery-frame .home-shot[aria-pressed="true"]{
 background:#E4F4FF;border-color:#55B9FB;color:#0068C8;
 box-shadow:inset 0 0 0 1px rgba(0,138,252,.18);
}
body.home-preview .home-gallery-frame .home-shot:not(.active):hover{
 background:#DFF4FF;border-color:#67BDF5;color:#07559D;
}
body.home-preview .home-gallery-frame .home-shot:focus-visible{
 outline:3px solid #008AFC;outline-offset:3px;
}
@media(max-width:600px){
 body.home-preview .home-gallery-frame .home-gallery-switcher{
   display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
   width:100%;max-width:none;margin:0 0 10px;gap:5px;
 }
 body.home-preview .home-gallery-frame .home-shot{
   width:100%;min-width:0;min-height:37px;padding:8px 5px;font-size:10.5px;
 }
}
@media(prefers-reduced-motion:reduce){
 body.home-preview .home-gallery-frame .home-shot{transition:none}
}

/* Approved BrainyShack signature gallery feature cards — homepage and all 15 product pages.
   Gallery components, original source imagery, controls and video remain untouched. */
body.home-preview .design-proof,
body.preview-product .showcase-section.bs-gallery {
  background: #FFFFFE;
}
body.home-preview .design-proof {
  padding-top: clamp(44px, 5vw, 76px);
  padding-bottom: clamp(48px, 5vw, 84px);
}
body.home-preview .design-proof > .bs-signature-gallery-card,
body.preview-product .bs-gallery > .bs-signature-gallery-card {
  background: linear-gradient(109deg, #0A0932 0%, #111D4D 48%, #173C7D 100%);
  border: 1px solid rgba(102,187,255,.18);
  color: #FFFFFE;
  border-radius: 26px;
  padding: clamp(28px, 3.4vw, 54px);
  box-shadow: 0 24px 58px rgba(8,31,76,.15);
  position: relative;
  isolation: isolate;
}
body.home-preview .design-proof > .bs-signature-gallery-card {
  grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr);
  gap: clamp(30px,3vw,52px);
  align-items: center;
}
body.home-preview .bs-signature-gallery-card .proof-copy {
  color: #FFFFFE;
  min-width: 0;
}
body.home-preview .bs-signature-gallery-card .proof-copy > .eyebrow,
body.preview-product .bs-signature-gallery-copy .eyebrow {
  color: #5DCCFF;
}
body.home-preview .bs-signature-gallery-card .proof-copy h2,
body.home-preview .bs-signature-gallery-card .proof-product-context h3 {
  color: #FFFFFE;
}
body.home-preview .bs-signature-gallery-card .proof-copy > p,
body.home-preview .bs-signature-gallery-card .proof-product-context p {
  color: #D8E9FF;
  line-height: 1.75;
}
body.home-preview .bs-signature-gallery-card .proof-points > div {
  color: #E4F1FF;
  font-size: 12px;
  line-height: 1.5;
}
body.home-preview .bs-signature-gallery-card .proof-points .ico {
  color: #54D2FF;
}
body.home-preview .bs-signature-gallery-card .proof-product-link {
  background: #FFFFFE;
  border: 1px solid #93D7FF;
  color: #193970;
  box-shadow: 0 11px 25px rgba(0,12,46,.17);
}
body.home-preview .bs-signature-gallery-card .proof-product-link:hover,
body.home-preview .bs-signature-gallery-card .proof-product-link:focus-visible {
  background: #BFEAFF;
  border-color: #40C8FF;
  color: #0A3D7A;
  box-shadow: 0 13px 26px rgba(0,12,46,.2);
}
body.home-preview .bs-signature-gallery-card .proof-product-link:focus-visible {
  outline: 3px solid #40C8FF;
  outline-offset: 3px;
}
body.home-preview .bs-signature-gallery-card .proof-visual { min-width:0; }
/* Full product media browser remains unchanged inside the dark card. */
body.preview-product .showcase-section.bs-gallery {
  margin-top: 0;
  padding-top: clamp(48px,5vw,78px);
  padding-bottom: clamp(44px,5vw,76px);
}
body.preview-product .bs-gallery > .bs-signature-gallery-card {
  display: grid;
  grid-template-columns: minmax(220px,.45fr) minmax(0,1.55fr);
  align-items: center;
  gap: clamp(22px,2.4vw,38px);
}
body.preview-product .bs-gallery .bs-signature-gallery-copy {
  align-self: center;
  display: block;
  margin: 0;
  min-width: 0;
}
body.preview-product .bs-gallery .bs-signature-gallery-copy > div { min-width: 0; }
body.preview-product .bs-gallery .bs-signature-gallery-copy h2 {
  color: #FFFFFE;
  font-size: clamp(31px,3vw,43px);
  line-height: 1.16;
  letter-spacing: -1.35px;
  text-wrap: balance;
  margin: 16px 0 0;
}
body.preview-product .bs-gallery > .bs-signature-gallery-card > .bs-gallery-layout {
  min-width: 0;
  width: 100%;
  gap: clamp(12px,1.2vw,20px);
  grid-template-columns: minmax(0,1.65fr) minmax(220px,.85fr);
  align-items: start;
}
body.preview-product .bs-gallery .bs-gallery-thumb .bs-thumb-text { justify-content:center; }
body.preview-product .bs-gallery .bs-gallery-thumb .bs-thumb-label { line-height:1.45; }
body.preview-product .bs-gallery .bs-gallery-thumb { min-height:65px; }
@media(max-width:1280px) {
  body.preview-product .bs-gallery > .bs-signature-gallery-card {
    grid-template-columns:minmax(0,1fr);
    gap:22px;
  }
  body.preview-product .bs-gallery .bs-signature-gallery-copy h2 {
    font-size:clamp(29px,3.5vw,39px);
    margin-top:10px;
  }
  body.preview-product .bs-gallery > .bs-signature-gallery-card > .bs-gallery-layout {
    grid-template-columns:minmax(0,1.5fr) minmax(230px,.85fr);
  }
}
@media(max-width:850px) {
  body.home-preview .design-proof > .bs-signature-gallery-card {
    grid-template-columns:minmax(0,1fr);
    gap:26px;
  }
  body.preview-product .bs-gallery > .bs-signature-gallery-card > .bs-gallery-layout {
    grid-template-columns:1fr;
  }
}
@media(max-width:600px) {
  body.home-preview .design-proof { padding-top:34px;padding-bottom:43px;margin-top:46px; }
  body.home-preview .design-proof > .bs-signature-gallery-card,
  body.preview-product .bs-gallery > .bs-signature-gallery-card {
    border-radius:18px;
    padding:23px 18px;
  }
  body.home-preview .bs-signature-gallery-card .proof-copy h2 { font-size:clamp(31px,8vw,38px); }
  body.preview-product .showcase-section.bs-gallery { padding-top:40px;padding-bottom:42px; }
  body.preview-product .bs-gallery .bs-signature-gallery-copy h2 { font-size:clamp(27px,7.2vw,35px); }
  body.preview-product .bs-gallery > .bs-signature-gallery-card > .bs-gallery-layout { gap:13px; }
  body.preview-product .bs-gallery .bs-gallery-thumb { min-height:62px; }
}


/* 2026-10-18 — PRODUCT GALLERY CARD WIDTH CORRECTION
   The short product title is a full-width header, never a separate left column.
   The existing original-media stage and thumbnail navigation own the card width.
   Homepage gallery presentation remains unchanged. */
body.preview-product .bs-gallery > .bs-signature-gallery-card{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  column-gap:0;
  row-gap:clamp(20px,2.4vw,30px);
}
body.preview-product .bs-gallery .bs-signature-gallery-copy{
  width:100%;
  max-width:none;
  align-self:start;
  margin:0;
  padding:0;
}
body.preview-product .bs-gallery .bs-signature-gallery-copy > div{
  max-width:none;
  width:100%;
}
body.preview-product .bs-gallery .bs-signature-gallery-copy h2{
  color:#FFFFFE;
  margin:9px 0 0;
  font-size:clamp(29px,2.8vw,41px);
  line-height:1.16;
  letter-spacing:-1.2px;
  max-width:none;
  text-wrap:balance;
}
body.preview-product .bs-gallery > .bs-signature-gallery-card > .bs-gallery-layout{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1.75fr) minmax(250px,.75fr);
  gap:clamp(14px,1.5vw,24px);
  align-items:start;
}
@media(max-width:1100px){
  body.preview-product .bs-gallery > .bs-signature-gallery-card{
    row-gap:20px;
  }
  body.preview-product .bs-gallery > .bs-signature-gallery-card > .bs-gallery-layout{
    grid-template-columns:minmax(0,1.6fr) minmax(235px,.8fr);
  }
}
@media(max-width:850px){
  body.preview-product .bs-gallery > .bs-signature-gallery-card > .bs-gallery-layout{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:600px){
  body.preview-product .bs-gallery > .bs-signature-gallery-card{
    row-gap:17px;
  }
  body.preview-product .bs-gallery .bs-signature-gallery-copy h2{
    font-size:clamp(27px,7.2vw,35px);
    margin-top:9px;
  }
}

/* Search-content preservation: six concise, visible product-specific explanations.
   Complements the approved dark navy gallery, without redesigning it. */
body.preview-product .bs-product-depth {
  padding-top: clamp(62px, 6vw, 91px);
  padding-bottom: clamp(63px, 6vw, 90px);
}
body.preview-product .bs-product-depth .bs-depth-intro {
  max-width: 860px;
  margin-bottom: 27px;
}
body.preview-product .bs-product-depth .bs-depth-intro .eyebrow {
  color: #008AFC;
  font-size: 10px;
  letter-spacing: .18em;
  font-weight: 830;
}
body.preview-product .bs-product-depth h2 {
  color: #193970;
  font-size: clamp(29px, 3.1vw, 41px);
  letter-spacing: -1.4px;
  line-height: 1.17;
  margin: 12px 0 13px;
  text-wrap: balance;
}
body.preview-product .bs-product-depth .bs-depth-intro p {
  color: #284978;
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
  max-width: 80ch;
  text-wrap: pretty;
}
body.preview-product .bs-depth-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 25px;
}
body.preview-product .bs-depth-modules span {
  display: inline-flex;
  align-items: center;
  border: 1px solid #B6DBF5;
  border-radius: 8px;
  background: #EAF8FF;
  color: #193970;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.3;
}
body.preview-product .bs-depth-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}
body.preview-product .bs-depth-card {
  padding: clamp(22px, 2vw, 29px);
  background: #FFFFFE;
  border: 1px solid #D0E4F7;
  border-top: 2px solid #5BC9FF;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(9, 47, 111, .045);
}
body.preview-product .bs-depth-card h3 {
  color: #193970;
  font-size: clamp(17px, 1.5vw, 19px);
  font-weight: 825;
  line-height: 1.34;
  letter-spacing: -.36px;
  margin: 0 0 12px;
  text-wrap: balance;
}
body.preview-product .bs-depth-card p {
  color: #284978;
  font-size: 13.5px;
  line-height: 1.73;
  margin: 0;
  text-wrap: pretty;
}
body.preview-product .bs-depth-reading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 21px;
  color: #284978;
  font-size: 12px;
  line-height: 1.6;
}
body.preview-product .bs-depth-reading a {
  font-weight: 790;
  color: #0077D8;
  text-underline-offset: 3px;
}
body.preview-product .bs-depth-reading a:hover,
body.preview-product .bs-depth-reading a:focus-visible { color: #193970; }
@media(max-width:1100px) {
  body.preview-product .bs-depth-grid {grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media(max-width:650px) {
  body.preview-product .bs-product-depth {padding-top: 47px; padding-bottom: 53px;}
  body.preview-product .bs-product-depth .bs-depth-intro {margin-bottom: 19px;}
  body.preview-product .bs-product-depth h2 {font-size: clamp(27px,7vw,34px); letter-spacing: -1px;}
  body.preview-product .bs-product-depth .bs-depth-intro p {font-size: 13px;}
  body.preview-product .bs-depth-grid {grid-template-columns: minmax(0,1fr); gap: 12px;}
  body.preview-product .bs-depth-card {padding: 20px;}
  body.preview-product .bs-depth-card p {font-size: 13px;}
  body.preview-product .bs-depth-modules {gap:6px;margin-bottom:20px;}
  body.preview-product .bs-depth-modules span {font-size:10.5px;padding:7px 10px;}
}

/* Exact named working views from the canonical module library. */
body.preview-product .bs-depth-keyviews{margin:0 0 28px}
body.preview-product .bs-depth-keyviews .bs-keyview-label{display:block;color:#008AFC;font-size:10px;font-weight:840;letter-spacing:.15em;margin:0 0 11px}
body.preview-product .bs-depth-keyviews .bs-depth-modules{margin:0;gap:7px}
@media(max-width:650px){body.preview-product .bs-depth-keyviews{margin-bottom:22px}body.preview-product .bs-depth-keyviews .bs-depth-modules span{font-size:10px}}
/* BrainyShack 2.0 private legal pages. Only new preview legal pages and footer policy links. */
body.preview-legal { background:#FFFFFE; color:#193970; }
body.preview-legal .legal-hero {
  color:#FFFFFE;
  background:linear-gradient(113deg,#0A0932 0%,#101E4C 52%,#193C7C 100%);
  padding:clamp(54px,6vw,94px) 0 clamp(51px,6vw,80px);
}
body.preview-legal .legal-hero-content { max-width:1000px; }
body.preview-legal .legal-hero .eyebrow { color:#60D0FF; font-size:11px; font-weight:850; letter-spacing:.16em; }
body.preview-legal .legal-hero h1 {
  color:#FFFFFE; font-size:clamp(39px,5vw,66px); line-height:1.06;
  letter-spacing:-.038em; margin:19px 0 18px;
}
body.preview-legal .legal-hero p { max-width:760px; color:#E1EFFF; font-size:clamp(14px,1.35vw,17px); line-height:1.85; margin:0; }
body.preview-legal .legal-meta { display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:25px; color:#C1DAFB; font-size:12px; }
body.preview-legal .legal-meta span { display:inline-flex; align-items:center; gap:8px; }
body.preview-legal .legal-meta span:before { content:''; width:6px; height:6px; background:#46CFFF; border-radius:50%; }
body.preview-legal .legal-main { padding-top:clamp(49px,5vw,80px); padding-bottom:clamp(70px,6vw,106px); }
body.preview-legal .legal-overview {
  border:1px solid #B6DFFA; background:#E9F8FF; border-radius:18px;
  padding:clamp(22px,2.6vw,34px); margin:0 0 34px;
}
body.preview-legal .legal-overview .legal-overview-tag { display:block; color:#0068C8; font-size:10px; font-weight:850; letter-spacing:.16em; margin-bottom:11px; }
body.preview-legal .legal-overview p { margin:0; color:#193970; font-size:clamp(14px,1.2vw,16px); line-height:1.8; font-weight:540; }
body.preview-legal .legal-layout { display:grid; grid-template-columns:minmax(195px,.29fr) minmax(0,1fr); align-items:start; gap:clamp(26px,4.5vw,76px); }
body.preview-legal .legal-index { position:sticky; top:96px; background:#F5F9FF; border:1px solid #D3E6F8; border-radius:16px; padding:22px 18px; max-height:calc(100vh - 120px); overflow:auto; }
body.preview-legal .legal-index strong { display:block; font-size:10px; letter-spacing:.15em; color:#007CE4; margin:0 0 15px; }
body.preview-legal .legal-index a { display:block; font-size:12px; line-height:1.55; padding:9px 10px; color:#193970; text-decoration:none; border-radius:7px; transition:background-color .18s ease,color .18s ease; }
body.preview-legal .legal-index a:hover, body.preview-legal .legal-index a:focus-visible { background:#E0F3FF; color:#006DCC; }
body.preview-legal .legal-article { min-width:0; max-width:920px; }
body.preview-legal .legal-section { padding:0 0 31px; margin:0 0 34px; border-bottom:1px solid #DCE9F5; scroll-margin-top:100px; }
body.preview-legal .legal-section:last-child { border-bottom:none; margin-bottom:0; }
body.preview-legal .legal-section h2 { font-size:clamp(22px,2.1vw,29px); letter-spacing:-.025em; line-height:1.24; color:#193970; margin:0 0 17px; text-wrap:balance; }
body.preview-legal .legal-section p, body.preview-legal .legal-section li { color:#294A78; font-size:14px; line-height:1.92; text-wrap:pretty; }
body.preview-legal .legal-section p { margin:0 0 14px; }
body.preview-legal .legal-section ul { margin:5px 0 20px; padding-left:25px; }
body.preview-legal .legal-section li { margin:0 0 8px; }
body.preview-legal .legal-section strong { color:#193970; font-weight:780; }
body.preview-legal .legal-section a, body.preview-legal .legal-next-links a { color:#0068C8; text-decoration:underline; text-underline-offset:3px; }
body.preview-legal .legal-section a:hover,body.preview-legal .legal-next-links a:hover { color:#004F9E; }
body.preview-legal .legal-cta {
  background:linear-gradient(108deg,#0A0932 0%,#193C7C 100%); color:#FFFFFE;
  border-radius:17px; padding:clamp(23px,3vw,39px); margin-top:34px;
  display:flex; align-items:center; justify-content:space-between; gap:23px;
}
body.preview-legal .legal-cta h2 { color:#FFFFFE; font-size:clamp(20px,2.2vw,26px); margin:0 0 9px; }
body.preview-legal .legal-cta p { margin:0; color:#E1EFFF; font-size:13px; line-height:1.65; }
body.preview-legal .legal-cta a { display:inline-block; background:#FFFFFE; color:#193970; text-decoration:none; border:1px solid #6DD1FF; padding:13px 17px; border-radius:9px; white-space:nowrap; font-weight:800; font-size:12px; }
body.preview-legal .legal-cta a:hover { background:#CFF0FF; }
body.preview-legal .legal-next-links { display:flex; flex-wrap:wrap; gap:9px 21px; margin-top:28px; }
body.preview-legal .legal-next-links a { font-size:12px; font-weight:700; }
body.preview-legal .legal-draft-status { color:#6C82A5; font-size:11px; margin-top:19px; }
/* Complete legal navigation on all preview footers without modifying existing footer colour. */
body .footer-policy-row { border-top:1px solid rgba(29,84,152,.18); display:flex; flex-wrap:wrap; align-items:center; gap:12px 26px; padding:17px 0 15px; }
body .footer-policy-row a { text-decoration:none; font-weight:750; font-size:11px; color:#193970; }
body .footer-policy-row a:hover { color:#0068C8; text-decoration:underline; text-underline-offset:3px; }
body .footer-policy-row a:focus-visible, body.preview-legal a:focus-visible { outline:3px solid #008AFC; outline-offset:3px; }
@media(max-width:900px) {
 body.preview-legal .legal-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
 body.preview-legal .legal-index { position:static; max-height:none; padding:18px; }
 body.preview-legal .legal-index nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 12px; }
 body.preview-legal .legal-main { padding-top:44px; }
 body.preview-legal .legal-article { max-width:none; }
}
@media(max-width:600px) {
 body.preview-legal .legal-hero { padding:48px 0 50px; }
 body.preview-legal .legal-hero h1 { font-size:39px; }
 body.preview-legal .legal-overview { padding:21px 19px; }
 body.preview-legal .legal-index nav { grid-template-columns:1fr; }
 body.preview-legal .legal-section { padding-bottom:22px; margin-bottom:27px; }
 body.preview-legal .legal-section p,body.preview-legal .legal-section li { font-size:13px; line-height:1.85; }
 body.preview-legal .legal-cta { flex-direction:column; align-items:flex-start; }
 body.preview-legal .legal-cta a { white-space:normal; }
 body .footer-policy-row { gap:12px 18px; }
}
@media(prefers-reduced-motion:reduce) {
 body.preview-legal .legal-index a { transition:none; }
}

/* Source-checked UK legal-policy clarifications: company disclosure, data complaints and model cancellation notice. */
.footer-company-disclosure{border-top:1px solid rgba(41,83,132,.16);padding:14px 0 6px;margin:0;color:#294A78;font-size:10px;line-height:1.6;text-wrap:pretty}
.bs-privacy-complaints,.bs-cancellation-template{margin:22px 0 0;padding:19px 22px;border:1px solid #AADFF6;background:#F0FAFF;border-radius:12px}
.bs-privacy-complaints h3{margin:0 0 12px;color:#193970;font-size:18px;line-height:1.35}
.bs-cancellation-template>strong{color:#193970;font-size:14px}
.bs-cancellation-template p:last-child,.bs-privacy-complaints p:last-child{margin-bottom:0}
@media(max-width:600px){.footer-company-disclosure{font-size:10px;line-height:1.75}.bs-privacy-complaints,.bs-cancellation-template{padding:16px 14px;border-radius:10px}}
/* BrainyShack 2.0 migration preview: approved navy footer and new editorial/company templates. */
body .migration-footer.site-footer{background:linear-gradient(113deg,#09092e 0%,#101e4a 52%,#173c7d 100%);color:#FFFFFE;border-top:1px solid #244f92}
body .migration-footer .footer-top{padding:72px 0 56px;gap:70px;grid-template-columns:minmax(220px,.95fr) 1.6fr}
body .migration-footer .footer-brand{width:205px;max-width:100%}
body .migration-footer .footer-top p{color:#cadcf4;line-height:1.85;font-size:12px;margin-top:13px;max-width:340px}
body .migration-footer .footer-top p:first-of-type{font-weight:800;color:#FFFFFE;font-size:14px;letter-spacing:-.1px;margin-top:22px}
body .migration-footer .footer-links{gap:clamp(16px,2.7vw,46px)}
body .migration-footer .footer-links>div{gap:13px}
body .migration-footer .footer-links span{color:#FFFFFE;font-size:12px;font-weight:850;letter-spacing:.02em;margin-bottom:10px}
body .migration-footer .footer-links a,body .migration-footer .migration-footer-mail{color:#cce2fa;font-size:12px;text-decoration:none;transition:color .2s}
body .migration-footer .footer-links a:hover,body .migration-footer .footer-policy-row a:hover,body .migration-footer .migration-footer-mail:hover{color:#49caff;text-decoration:underline;text-underline-offset:4px}
body .migration-footer .migration-footer-mail{display:block;margin-top:20px}
body .migration-footer .migration-footer-location{display:block;margin-top:8px;font-size:11px;color:#9cbce5}
body .migration-footer .footer-policy-row{border-top:1px solid rgba(200,227,255,.2);gap:20px 30px;padding:22px 0 19px}
body .migration-footer .footer-policy-row a{color:#FFFFFE;font-size:11px;font-weight:720}
body .migration-footer .footer-company-disclosure{color:#adc6e7;border-top:0;padding:8px 0 22px;margin:0;line-height:1.7}
body .migration-footer .footer-bottom{border-top:1px solid rgba(200,227,255,.2);color:#adc6e7;padding:23px 0 29px;gap:20px;line-height:1.65}
body .migration-footer .footer-bottom .status-dot{background:#44d8c8;box-shadow:0 0 0 4px rgba(68,216,200,.1)}
.migration-hero{background:linear-gradient(112deg,#0A0932 0%,#111c4a 56%,#173c7d 100%);color:white;padding:clamp(75px,9vw,138px) 0}
.migration-hero-inner{max-width:1150px}
.migration-hero .eyebrow{color:#40caff;font-size:11px;font-weight:900;letter-spacing:.16em}
.migration-hero h1{font-size:clamp(40px,5.6vw,75px);font-weight:850;line-height:1.09;letter-spacing:-.045em;max-width:980px;margin:23px 0 23px}
.migration-hero h1 em{font-style:normal;color:#55c7ff}
.migration-hero p{color:#d3e3f8;font-size:clamp(15px,1.5vw,19px);line-height:1.75;max-width:710px}
.migration-about-opening{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(30px,6vw,100px);padding-top:105px;padding-bottom:106px;align-items:start}
.migration-section-heading .eyebrow,.migration-blog .eyebrow{font-size:11px;color:#007ce8;font-weight:900;letter-spacing:.13em}
.migration-section-heading h2{font-weight:850;line-height:1.15;letter-spacing:-.045em;font-size:clamp(31px,3.5vw,52px);color:#0A0932;margin:15px 0 18px}
.migration-section-heading>p,.migration-about-prose p{line-height:1.85;color:#496280;font-size:15px}
.migration-about-prose{padding-top:22px}.migration-about-prose p{font-size:17px;margin:0 0 20px}
.migration-about-principles{background:#f6faff;padding:95px 0 110px}
.migration-about-principles .migration-section-heading{max-width:700px}
.migration-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.migration-principles-grid article{border:1px solid #d6e9fb;border-radius:17px;background:white;padding:30px 28px;box-shadow:0 15px 40px rgba(10,22,70,.035)}
.migration-principles-grid article>span{font-size:10px;color:#007ce8;letter-spacing:.13em;font-weight:900}
.migration-principles-grid h3{font-size:21px;line-height:1.27;color:#0A0932;letter-spacing:-.5px;margin:23px 0 12px}
.migration-principles-grid p{font-size:14px;color:#536a85;line-height:1.8;margin:0}
.migration-about-catalogue{padding:110px 0 125px}
.migration-about-catalogue>div{background:linear-gradient(110deg,#0A0932,#193d7c);border-radius:24px;padding:clamp(30px,5vw,70px);color:white}
.migration-about-catalogue .eyebrow{color:#41caff}
.migration-about-catalogue h2{font-size:clamp(30px,3.8vw,51px);line-height:1.2;letter-spacing:-1.4px;max-width:850px;margin:20px 0 18px;color:white}
.migration-about-catalogue p{font-size:15px;max-width:680px;line-height:1.8;color:#c8dbf5}
.migration-about-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:28px}
.migration-primary-action,.migration-secondary-action{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:10px;font-size:13px;font-weight:820;text-decoration:none}
.migration-primary-action{background:#58c6ff;color:#0A0932}.migration-primary-action:hover{background:white}
.migration-secondary-action{border:1px solid #7ab7e3;color:white}.migration-secondary-action:hover{background:#ffffff14}
/* Wix Blog index and post presentation */
.migration-blog-header{padding:78px 0 57px;background:linear-gradient(110deg,#0A0932,#193d7a);color:#FFFFFE}
.migration-blog-header .eyebrow{color:#55c8ff}
.migration-blog-header h1{color:white;font-size:clamp(41px,5vw,65px);line-height:1.12;letter-spacing:-.045em;margin:18px 0}
.migration-blog-header p{color:#d4e6fa;max-width:720px;line-height:1.8;font-size:16px;margin:0}
.migration-blog{padding-top:55px;padding-bottom:115px}
.migration-blog-count{font-size:12px;font-weight:800;color:#57708e;margin:0 0 24px}
.migration-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.migration-post-card{border:1px solid #e2edfa;border-radius:17px;background:white;box-shadow:0 15px 40px rgba(10,18,70,.035);overflow:hidden;transition:transform .2s,box-shadow .2s}
.migration-post-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(10,18,70,.09)}
.migration-post-card>a{display:block;color:inherit;text-decoration:none;height:100%}
.migration-post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#e8f4ff}
.migration-post-card-body{padding:25px 24px 28px}
.migration-post-date{font-size:11px;letter-spacing:.015em;font-weight:720;color:#008AFC;display:block;margin-bottom:13px}
.migration-post-card h2{font-size:20px;line-height:1.34;letter-spacing:-.45px;font-weight:830;color:#0A0932;margin:0 0 13px}
.migration-post-card p{font-size:13px;line-height:1.7;color:#647590;margin:0 0 16px}
.migration-post-card .migration-post-link{font-size:12px;font-weight:820;color:#006dcc}
.migration-article-breadcrumb{padding:20px 0;color:#7591b3;font-size:12px}
.migration-article-breadcrumb a{color:#1b64b7;text-decoration:none;font-weight:780}
.migration-article-header{padding:65px 0 65px;max-width:950px}
.migration-article-header .eyebrow{font-size:11px;color:#008AFC;letter-spacing:.15em}
.migration-article-header h1{font-size:clamp(36px,5vw,66px);line-height:1.12;letter-spacing:-.045em;color:#0A0932;font-weight:860;margin:17px 0 21px}
.migration-article-header .article-lede{font-size:17px;line-height:1.75;color:#54708f;max-width:820px;margin:0 0 18px}
.migration-article-byline{font-size:12px;color:#6885a7}
.migration-article-hero{display:block;width:100%;max-width:1050px;margin:0 auto 65px;border:1px solid #e8f1fb;border-radius:18px;aspect-ratio:16/9;object-fit:cover;background:#f6faff}
.migration-article-body{width:min(100%,790px);margin:0 auto;padding:0 0 65px;color:#253d5e;font-size:16px;line-height:1.92}
.migration-article-body h2{color:#0A0932;font-size:clamp(25px,3vw,36px);letter-spacing:-.025em;line-height:1.23;margin:49px 0 18px}
.migration-article-body h3{color:#0d2456;font-size:22px;line-height:1.28;margin:33px 0 15px}
.migration-article-body h4{color:#143465;font-size:18px;margin:26px 0 11px}
.migration-article-body p{margin:0 0 23px}
.migration-article-body a{color:#0079e8;text-decoration:underline;text-underline-offset:3px;font-weight:650;overflow-wrap:anywhere}
.migration-article-body img{display:block;width:auto;max-width:100%;height:auto;margin:25px auto;border-radius:9px}
.migration-article-body figure{margin:33px 0;text-align:center}
.migration-article-body figcaption{margin:11px auto 0;color:#6884a4;font-size:12px;line-height:1.6}
.migration-article-body ul,.migration-article-body ol{padding-left:25px;margin:0 0 25px}
.migration-article-body li{padding-left:2px;margin-bottom:11px}
.migration-article-body blockquote{background:#f1f8ff;color:#163e70;border-left:4px solid #008AFC;padding:18px 25px;border-radius:0 10px 10px 0;margin:26px 0}
.migration-article-body table{width:100%;border-collapse:collapse;font-size:13px;margin:27px 0}
.migration-article-body td,.migration-article-body th{border:1px solid #dce8f6;padding:11px 12px;text-align:left;vertical-align:top;line-height:1.65}
.migration-article-body th{color:#102b5c;background:#eaf4ff}
.migration-article-body .migration-inline-button{display:inline-flex;background:#008AFC;color:white;border-radius:9px;padding:11px 19px;text-decoration:none;font-size:13px;font-weight:820}
.migration-article-body hr{border:0;border-top:1px solid #dce9f7;margin:35px 0}
.migration-post-next{padding:40px 0 115px;border-top:1px solid #e4eef8}
.migration-post-next a{font-size:14px;font-weight:820;color:#0074d9;text-decoration:none}
.migration-preview-label{font-size:11px;color:#8096b4;text-align:center;margin:20px auto 50px}
@media(max-width:950px){body .migration-footer .footer-top{grid-template-columns:1fr;gap:42px}body .migration-footer .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.migration-about-opening{grid-template-columns:1fr;padding-top:78px;padding-bottom:80px}.migration-principles-grid{grid-template-columns:1fr 1fr}.migration-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body .migration-footer .footer-top{padding:49px 0 30px}body .migration-footer .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 14px}body .migration-footer .footer-policy-row{gap:12px 20px}body .migration-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:7px}.migration-hero{padding:69px 0 75px}.migration-about-opening{padding-top:59px;padding-bottom:58px}.migration-about-principles{padding:65px 0 70px}.migration-principles-grid{grid-template-columns:1fr;gap:14px}.migration-about-catalogue{padding:60px 0 75px}.migration-blog-header{padding:61px 0 57px}.migration-blog{padding-top:34px;padding-bottom:65px}.migration-blog-grid{grid-template-columns:1fr;gap:20px}.migration-article-header{padding:34px 0 35px}.migration-article-hero{margin-bottom:33px;border-radius:11px}.migration-article-body{font-size:15px;line-height:1.82;padding-bottom:40px}.migration-article-body h2{margin-top:38px}.migration-post-next{padding-bottom:70px}}