:root{--bg:#f7f6f2;--paper:#fff;--ink:#050505;--muted:#5d5d5d;--line:#050505;--shadow:10px 12px 0 #050505;--soft:#ededeb;--radius:28px;--fast:250ms ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#fff 0,#f8f7f3 42%,#f1f0ec 100%);color:var(--ink);font-family:Inter,"Space Grotesk","Helvetica Neue",Arial,sans-serif;line-height:1.45}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{min-height:100vh;opacity:0;animation:pageIn .28s ease forwards}.page-shell.is-leaving{opacity:0;transition:opacity .25s ease}.skip-link{position:absolute;left:-999px;top:12px;background:#000;color:#fff;padding:10px 14px;border-radius:10px;z-index:99}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:20;padding:16px 20px 0;mix-blend-mode:multiply}.top-nav{max-width:950px;margin:auto;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;border:1px solid rgba(0,0,0,.1);border-radius:999px;background:rgba(247,246,242,.84);backdrop-filter:blur(12px)}.top-nav a:not(.header-logo){font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:9px 10px;border-radius:999px}.top-nav a:not(.header-logo):hover,.top-nav a.active{background:#000;color:#fff}.header-logo{width:70px;display:flex;align-items:center;justify-content:center}.header-logo img{width:70px;height:38px;object-fit:contain}.first-panel{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:30px 20px 62px}.hero-frame{width:min(1120px,100%);border:2px solid var(--line);border-radius:34px;background:linear-gradient(180deg,#fff,#f5f5f3);box-shadow:var(--shadow);padding:28px 34px 34px;position:relative;overflow:visible}.control-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:10px}.panel-logo{display:flex;flex-direction:column;align-items:center;gap:0;transition:transform var(--fast)}.panel-logo:hover{transform:translateY(-2px)}.panel-logo img{width:240px;height:88px;object-fit:contain}.panel-logo small{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;margin-top:-13px}.mini-nav{display:flex;gap:12px}.mini-left{justify-content:flex-end}.mini-right{justify-content:flex-start}.nav-square{width:56px;height:48px;background:#000;border:2px solid #000;border-radius:14px;box-shadow:5px 5px 0 rgba(0,0,0,.22);display:grid;place-items:center;position:relative;transition:transform var(--fast),box-shadow var(--fast)}.nav-square:before{content:"";width:13px;height:13px;border:2px solid #fff;border-radius:4px;transform:rotate(45deg)}.nav-square span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-4px);white-space:nowrap;background:#000;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;opacity:0;pointer-events:none;transition:opacity var(--fast),transform var(--fast)}.nav-square:hover,.nav-square:focus-visible{transform:translateY(-3px);box-shadow:7px 8px 0 rgba(0,0,0,.26)}.nav-square:hover span,.nav-square:focus-visible span{opacity:1;transform:translateX(-50%) translateY(0)}.pillar-card-row{display:grid;grid-template-columns:.86fr 1.08fr .86fr;align-items:center;gap:20px;margin:12px auto 18px;max-width:950px}.image-card{border-radius:30px;transition:transform .28s ease,filter .28s ease;will-change:transform;outline-offset:7px}.image-card img{border-radius:30px;filter:drop-shadow(0 12px 0 rgba(0,0,0,.92));transition:filter .28s ease}.image-card:hover,.image-card:focus-visible{transform:translateY(-8px) scale(1.025) rotate(var(--tilt,0deg))}.image-card:hover img,.image-card:focus-visible img{filter:drop-shadow(0 18px 0 rgba(0,0,0,1))}.side-card{transform:scale(.9)}.side-card:hover,.side-card:focus-visible{transform:translateY(-8px) scale(.925) rotate(var(--tilt,0deg))}.intro-box,.system-card,.mini-card,.content-card,.form-card,.social-card{background:var(--paper);border:2px solid var(--line);border-radius:22px;box-shadow:7px 8px 0 #000}.intro-box{max-width:830px;margin:0 auto;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.intro-box p{margin:0;color:#222}.cta-row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:2px solid #000;border-radius:999px;background:#000;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:12px;box-shadow:4px 5px 0 rgba(0,0,0,.22);transition:transform var(--fast),box-shadow var(--fast),background var(--fast),color var(--fast)}.btn:hover,.btn:focus-visible{transform:translateY(-3px);box-shadow:6px 7px 0 rgba(0,0,0,.3)}.btn-light{background:#fff;color:#000}.section{width:min(1120px,calc(100% - 40px));margin:0 auto 72px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:950;margin:0 0 12px;color:#444}.section h2{font-size:clamp(34px,5vw,72px);line-height:.95;letter-spacing:-.06em;margin:0 0 28px;text-wrap:balance}.grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.system-card{padding:28px;min-height:230px}.system-card h3{font-size:34px;margin:0 0 50px;letter-spacing:-.05em}.system-card p{font-size:18px;margin:0}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:start}.text-stack{font-size:20px}.check-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.check-list li{border:2px solid #000;border-radius:14px;background:#fff;padding:12px 14px;font-weight:850;box-shadow:4px 5px 0 #000}.mini-card{padding:24px;font-weight:950;text-transform:uppercase;letter-spacing:-.02em;min-height:130px}.final-cta{text-align:center;border:2px solid #000;border-radius:30px;background:#fff;box-shadow:var(--shadow);padding:54px 24px}.final-cta p{font-size:20px;max-width:650px;margin:0 auto 26px}.page-hero{width:min(1040px,calc(100% - 40px));margin:82px auto 48px;border:2px solid #000;border-radius:34px;background:#fff;box-shadow:var(--shadow);padding:52px}.page-hero h1{font-size:clamp(48px,8vw,104px);line-height:.88;letter-spacing:-.07em;margin:0 0 20px}.page-hero p{font-size:22px;max-width:760px;margin:0;color:#222}.content-card{padding:30px}.content-card h2,.content-card h3{margin-top:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare div{padding:20px;border:2px solid #000;border-radius:18px;background:#fff}.form-card{padding:28px;max-width:860px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label{font-weight:850;font-size:13px;text-transform:uppercase;letter-spacing:.06em}input,select,textarea{width:100%;border:2px solid #000;border-radius:14px;background:#fff;padding:13px 14px;font:inherit}textarea{min-height:130px;resize:vertical}.success{display:none;margin-top:16px;padding:14px;border:2px solid #000;border-radius:14px;background:#f2f2f2;font-weight:850}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.social-card{padding:28px;font-weight:950;font-size:22px;text-transform:uppercase}.site-footer{width:min(1120px,calc(100% - 40px));margin:90px auto 30px;padding:24px;border-top:2px solid #000;text-align:center}.site-footer img{width:150px;height:70px;object-fit:contain;margin:0 auto 8px}.site-footer nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.site-footer p{color:#555;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #000;outline-offset:4px}@keyframes pageIn{to{opacity:1}}@media(max-width:850px){.top-nav{display:none}.first-panel{padding-top:20px}.hero-frame{padding:20px 16px 24px;border-radius:28px;box-shadow:7px 8px 0 #000}.control-top{grid-template-columns:1fr;gap:12px}.panel-logo{order:0}.panel-logo img{width:210px}.mini-nav{justify-content:center}.mini-left{order:1}.mini-right{order:2}.nav-square{width:calc(25vw - 17px);max-width:90px;min-width:60px}.nav-square span{position:static;opacity:1;transform:none;background:transparent;color:#fff;font-size:8px;padding:0;margin-top:2px;white-space:normal;text-align:center}.nav-square:before{display:none}.pillar-card-row{grid-template-columns:1fr;max-width:420px;gap:8px}.side-card,.side-card:hover,.side-card:focus-visible{transform:none}.image-card:hover,.image-card:focus-visible{transform:translateY(-4px) scale(1.01)}.intro-box{grid-template-columns:1fr}.three,.four,.split,.social-grid{grid-template-columns:1fr}.section{width:min(100% - 28px,720px);margin-bottom:54px}.section h2{font-size:42px}.page-hero{width:calc(100% - 28px);padding:34px 22px;margin-top:34px}.form-grid{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.site-footer{width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Home hero revision: remove the shrunken boxed-panel feel and make the first load match the EXERTUS control-bar sketch. */
.home-header{display:none}
.first-panel{min-height:100vh;padding:44px 32px 72px;display:block}
.hero-stage{width:min(1500px,100%);margin:0 auto;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible}
.control-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:32px;margin:0 auto 56px;width:100%}
.control-bar .panel-logo{grid-column:2;grid-row:1;align-self:start;margin-top:0}
.control-bar .panel-logo img{width:min(520px,34vw);height:auto;max-height:120px;object-fit:contain}
.control-bar .panel-logo small{font-size:clamp(10px,.8vw,14px);letter-spacing:.14em;margin-top:-16px;font-style:italic}
.control-bar .mini-nav{display:flex;gap:min(7vw,96px);align-items:flex-start;margin-top:26px}
.control-bar .mini-left{grid-column:1;grid-row:1;justify-content:space-around;padding-left:min(2vw,24px)}
.control-bar .mini-right{grid-column:3;grid-row:1;justify-content:space-around;padding-right:min(2vw,24px)}
.control-bar .nav-square{width:clamp(74px,5.3vw,96px);height:clamp(74px,5.3vw,96px);border-radius:10px;box-shadow:none;background:#000;border:0}
.control-bar .nav-square:before{display:none}
.control-bar .nav-square span{top:calc(100% + 12px);font-size:11px;letter-spacing:.09em;background:#000;color:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000}
.pillar-card-row{max-width:1500px;margin:0 auto 54px;display:grid;grid-template-columns:.82fr 1.15fr .82fr;gap:clamp(28px,4vw,72px);align-items:center}
.image-card,.image-card img{border-radius:0}
.image-card img{width:100%;height:auto;filter:none}
.image-card:hover img,.image-card:focus-visible img{filter:none}
.side-card{transform:none}
.side-card:hover,.side-card:focus-visible{transform:translateY(-10px) scale(1.015) rotate(var(--tilt,0deg))}
.build-card:hover,.build-card:focus-visible{transform:translateY(-12px) scale(1.018) rotate(var(--tilt,0deg))}
.intro-box{max-width:920px;margin:0 auto 10px;padding:22px 24px;box-shadow:8px 9px 0 #000;border-radius:20px;background:#fff;grid-template-columns:1.25fr .75fr}

@media(max-width:1100px){
  .first-panel{padding:34px 18px 56px}
  .control-bar{gap:16px;margin-bottom:34px}
  .control-bar .panel-logo img{width:min(420px,42vw)}
  .control-bar .mini-nav{gap:24px;margin-top:18px}
  .control-bar .nav-square{width:64px;height:64px}
  .pillar-card-row{gap:22px}
}
@media(max-width:850px){
  .first-panel{padding:22px 14px 40px;min-height:auto}
  .hero-stage{width:100%}
  .control-bar{grid-template-columns:1fr;gap:14px;margin-bottom:24px;text-align:center}
  .control-bar .panel-logo{grid-column:1;grid-row:1;order:1}
  .control-bar .panel-logo img{width:min(360px,88vw);margin:auto}
  .control-bar .panel-logo small{margin-top:-10px}
  .control-bar .mini-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0;width:100%;padding:0}
  .control-bar .mini-left{grid-column:1;grid-row:2;order:2;justify-content:stretch}
  .control-bar .mini-right{grid-column:1;grid-row:3;order:3;justify-content:stretch}
  .control-bar .nav-square{width:100%;height:52px;border-radius:12px;box-shadow:4px 4px 0 #000;border:2px solid #000}
  .control-bar .nav-square span{position:static;opacity:1;transform:none;background:transparent;color:#fff;border:0;box-shadow:none;padding:0;font-size:10px;white-space:normal}
  .pillar-card-row{grid-template-columns:1fr;max-width:520px;gap:18px;margin-bottom:26px}
  .image-card,.side-card{transform:none!important}
  .intro-box{grid-template-columns:1fr;max-width:520px;padding:18px}
}

/* v5 scale correction: reduced from the oversized 200% pass to roughly 175% visible scale. */
.first-panel{padding:34px 28px 58px;overflow-x:hidden}
.control-bar{margin-bottom:34px;align-items:start}
.control-bar .panel-logo img{width:clamp(455px,43.75vw,665px);max-height:none;height:auto}
.control-bar .panel-logo small{font-size:clamp(13px,1.05vw,18px);margin-top:2px;letter-spacing:.12em}
.control-bar .nav-square{width:clamp(78px,5.8vw,104px);height:clamp(78px,5.8vw,104px)}
.pillar-card-row{max-width:1580px;grid-template-columns:.9fr 1.35fr .9fr;gap:clamp(36px,4.6vw,76px);margin-bottom:42px}
.pillar-card-row .build-card img{width:min(36.75vw,569px);margin:0 auto}
.pillar-card-row .side-card img{width:min(25.4vw,398px);margin:0 auto}
.intro-box{max-width:970px}
@media(max-width:1100px){
  .control-bar .panel-logo img{width:clamp(376px,47.25vw,543px)}
  .pillar-card-row .build-card img{width:min(42vw,490px)}
  .pillar-card-row .side-card img{width:min(27.1vw,315px)}
}
@media(max-width:850px){
  .control-bar .panel-logo img{width:min(88vw,455px)}
  .pillar-card-row .build-card img,.pillar-card-row .side-card img{width:min(88vw,455px)}
}

/* Background scribble layer: decorative only, does not affect layout or clicks. */
.scribble-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;mix-blend-mode:multiply}.page-shell,.skip-link{position:relative;z-index:1}.bg-scribble{position:absolute;width:var(--scribble-size,140px);height:auto;opacity:0;filter:blur(.15px);transform:translate3d(0,0,0) rotate(var(--scribble-rotate,0deg)) scale(var(--scribble-scale,1));transform-origin:center;animation:scribbleDrawFade var(--scribble-life,6.2s) ease-in-out forwards;will-change:opacity,clip-path,transform}.bg-scribble img{width:100%;height:auto;display:block;opacity:.18}@keyframes scribbleDrawFade{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(4px) rotate(var(--scribble-rotate,0deg)) scale(var(--scribble-scale,1))}12%{opacity:1}48%{clip-path:inset(0 0 0 0)}78%{opacity:1}100%{opacity:0;clip-path:inset(0 0 0 0);transform:translateY(-6px) rotate(var(--scribble-rotate,0deg)) scale(var(--scribble-scale,1))}}@media(prefers-reduced-motion:reduce){.scribble-bg{display:none}}

/* Paper texture, new logo sizing, and permanent text buttons. */
body{background-color:#f2f0e8;background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.78) 0,rgba(255,255,255,0) 34%),radial-gradient(circle at 78% 30%,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 30%),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(0,0,0,.018) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.34'/%3E%3C/svg%3E");background-size:auto,auto,38px 38px,38px 38px,260px 260px}body:before{opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 420 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='fiber'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04 .7' numOctaves='5' seed='9'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fiber)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:multiply}.control-bar .panel-logo img{width:clamp(455px,43.75vw,665px);height:auto;max-height:150px;object-fit:contain}.header-logo img,.site-footer img{object-fit:contain}.control-bar .nav-square{width:auto!important;height:auto!important;min-width:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transform:none!important}.control-bar .nav-square:before{display:none!important}.control-bar .nav-square span{position:static!important;opacity:1!important;transform:none!important;pointer-events:auto!important;white-space:nowrap!important;background:#000!important;color:#fff!important;border:2px solid #000!important;border-radius:999px!important;box-shadow:4px 4px 0 rgba(0,0,0,.28)!important;padding:8px 12px!important;font-size:11px!important;line-height:1!important;text-align:center!important}.control-bar .nav-square:hover span,.control-bar .nav-square:focus-visible span{transform:translateY(-2px)!important;box-shadow:5px 6px 0 rgba(0,0,0,.32)!important}.control-bar .mini-nav{margin-top:96px;gap:min(3.3vw,46px)}@media(max-width:1100px){.control-bar .mini-nav{margin-top:72px;gap:18px}.control-bar .nav-square span{font-size:10px!important;padding:8px 10px!important}}@media(max-width:850px){.control-bar .mini-nav{margin-top:0}.control-bar .nav-square{width:100%!important}.control-bar .nav-square span{width:100%;white-space:normal!important}}

/* Top nav logo/footer cleanup. */
.top-nav{gap:18px;min-height:62px;padding:10px 22px;}
.header-logo{width:190px;min-width:190px;padding:0 12px!important;border-radius:0!important;background:transparent!important;}
.header-logo img{width:100%;height:auto;max-height:42px;object-fit:contain;}
.top-nav a.header-logo:hover,.top-nav a.header-logo:focus-visible,.top-nav a.header-logo.active{background:transparent!important;color:inherit!important;}
.site-footer{margin-top:74px;padding:20px 24px;border-top:2px solid #000;text-align:center;}
.site-footer p{margin:0;color:#555;font-size:13px;}
.site-footer img,.site-footer nav{display:none!important;}
@media(max-width:850px){.header-logo{width:160px;min-width:160px}.header-logo img{max-height:36px}}

/* Final logo + nav alignment pass. */
.control-bar .panel-logo img{
  width:clamp(330px,31vw,485px)!important;
  max-height:105px!important;
  height:auto!important;
  object-fit:contain!important;
}
.control-bar .panel-logo small{
  margin-top:0!important;
  font-size:clamp(10px,.8vw,13px)!important;
}
.site-header:not(.home-header){
  padding:40px 20px 0!important;
  display:flex!important;
  justify-content:center!important;
}
.site-header:not(.home-header) .top-nav{
  width:min(950px,calc(100% - 40px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(90px,1fr) minmax(160px,1.25fr) auto minmax(90px,1fr) minmax(90px,1fr)!important;
  justify-items:center!important;
  align-items:center!important;
  gap:14px!important;
}
.site-header:not(.home-header) .header-logo{
  width:170px!important;
  min-width:170px!important;
  justify-self:center!important;
  padding:0!important;
}
.site-header:not(.home-header) .header-logo img{
  width:170px!important;
  height:auto!important;
  max-height:38px!important;
  object-fit:contain!important;
}
@media(max-width:850px){
  .control-bar .panel-logo img{width:min(80vw,380px)!important;max-height:90px!important;}
  .site-header:not(.home-header){padding:18px 12px 0!important;}
  .site-header:not(.home-header) .top-nav{display:none!important;}
}

/* Mobile hamburger navigation only. Desktop is unchanged. */
.mobile-menu-toggle,.mobile-menu-panel{display:none;}
@media(max-width:850px){
  .home-header{position:relative!important;top:auto!important;padding:18px 16px 0!important;mix-blend-mode:multiply;}
  .home-header .top-nav{display:none!important;}
  .control-bar{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;}
  .control-bar .mini-nav{display:none!important;}
  .mobile-menu-toggle{display:flex!important;position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;z-index:80;width:48px;height:48px;border:2px solid #000;border-radius:999px;background:#000;color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.28);align-items:center;justify-content:center;padding:0;cursor:pointer;}
  .mobile-menu-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:99px;position:relative;transition:transform .22s ease,background .22s ease;}
  .mobile-menu-toggle span:before,.mobile-menu-toggle span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;border-radius:99px;transition:transform .22s ease,top .22s ease;}
  .mobile-menu-toggle span:before{top:-7px;}
  .mobile-menu-toggle span:after{top:7px;}
  body.mobile-menu-open .mobile-menu-toggle span{background:transparent;}
  body.mobile-menu-open .mobile-menu-toggle span:before{top:0;transform:rotate(45deg);}
  body.mobile-menu-open .mobile-menu-toggle span:after{top:0;transform:rotate(-45deg);}
  .mobile-menu-panel{display:flex!important;position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);right:16px;z-index:79;flex-direction:column;gap:10px;width:min(245px,calc(100vw - 32px));padding:14px;border:2px solid #000;border-radius:24px;background:rgba(247,246,242,.96);box-shadow:8px 9px 0 #000;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease;}
  body.mobile-menu-open .mobile-menu-panel{opacity:1;pointer-events:auto;transform:translateY(0);}
  .mobile-menu-panel a{display:block;width:100%;padding:13px 15px;border:2px solid #000;border-radius:999px;background:#fff;color:#000;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:900;text-align:center;box-shadow:4px 4px 0 rgba(0,0,0,.22);}
  .mobile-menu-panel a.active{background:#000;color:#fff;}
}


/* Mobile refinement: fixed bottom-right hamburger, centered hero logo, larger mobile cards. */
@media(max-width:850px){
  .mobile-menu-toggle{
    top:auto!important;
    right:18px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;
    width:56px!important;
    height:56px!important;
    z-index:100!important;
  }
  .mobile-menu-panel{
    top:auto!important;
    right:18px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 86px)!important;
    z-index:99!important;
    transform:translateY(8px)!important;
  }
  body.mobile-menu-open .mobile-menu-panel{transform:translateY(0)!important;}
  .control-bar{width:100%!important;}
  .control-bar .panel-logo{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .control-bar .panel-logo img{
    margin-left:auto!important;
    margin-right:auto!important;
    display:block!important;
  }
  .pillar-card-row{
    display:grid!important;
    grid-template-columns:.86fr 1.16fr .86fr!important;
    align-items:center!important;
    gap:12px!important;
    max-width:100%!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .pillar-card-row .build-card img{width:min(35vw,165px)!important;}
  .pillar-card-row .side-card img{width:min(27.5vw,130px)!important;}
}