:root{
  --ink:#050509;--ink2:#11111a;--paper:#f5f0e8;--paper2:#fffaf1;--muted:#aaa6b8;--line:rgba(255,255,255,.16);--darkline:rgba(5,5,9,.14);
  --blue:#214cff;--cyan:#38d4ff;--violet:#8d54ff;--acid:#c7ff2d;--hot:#ff3ea5;--red:#e30b19;--amber:#ffb01f;
  --max:1200px;--r:30px;--shadow:0 30px 90px rgba(0,0,0,.34);
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:"Space Grotesk",Inter,sans-serif;--serif:"Playfair Display",Georgia,serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:var(--sans);color:var(--paper);background:radial-gradient(circle at 8% 0,rgba(33,76,255,.3),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(141,84,255,.22),transparent 28rem),#050509;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");opacity:.07;mix-blend-mode:overlay}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}::selection{background:var(--acid);color:#000}.skip{position:absolute;top:-10rem;left:1rem;background:var(--acid);color:#000;padding:.8rem 1rem;border-radius:999px;z-index:999;font-weight:900}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--acid);outline-offset:5px;border-radius:10px}.shell{position:relative;z-index:1}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.wide{width:min(1440px,calc(100% - 32px))}.section{padding:clamp(70px,9vw,140px) 0;position:relative}.tight{padding:clamp(48px,6vw,86px) 0}.paper{background:var(--paper);color:var(--ink);border-radius:clamp(30px,5vw,70px) clamp(30px,5vw,70px) 0 0}.paper+.paper{border-radius:0}.blueprint{background:linear-gradient(rgba(33,76,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(33,76,255,.13) 1px,transparent 1px),var(--paper2);background-size:42px 42px}.eyebrow{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--acid);font-weight:800;display:flex;gap:.6rem;align-items:center;margin:0 0 1rem}.paper .eyebrow{color:var(--blue)}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:18px 0 0 currentColor}.display{font-family:var(--display);font-size:clamp(3.2rem,8.6vw,8.8rem);line-height:.83;letter-spacing:-.09em;margin:0;text-wrap:balance;font-weight:900}.xl{font-family:var(--display);font-size:clamp(2.6rem,6vw,6.9rem);line-height:.88;letter-spacing:-.075em;margin:0;text-wrap:balance;font-weight:900}.lg{font-family:var(--display);font-size:clamp(2rem,4vw,4.2rem);line-height:.94;letter-spacing:-.055em;margin:0;text-wrap:balance;font-weight:900}.md{font-family:var(--display);font-size:clamp(1.5rem,2.7vw,2.8rem);line-height:1;letter-spacing:-.045em;margin:0;font-weight:850;text-wrap:balance}.body-xl{font-size:clamp(1.08rem,1.7vw,1.45rem);line-height:1.55;color:#ddd9e9;max-width:780px}.paper .body-xl{color:#2d2934}.muted{color:var(--muted)}.serif{font-family:var(--serif);font-style:italic;font-weight:700;letter-spacing:-.04em}.tape{position:relative;display:inline-block}.tape:after{content:"";position:absolute;left:-.05em;right:-.05em;bottom:.08em;height:.23em;background:var(--acid);z-index:-1;transform:rotate(-1deg)}
.nav-wrap{position:sticky;top:0;z-index:90;padding:14px 0;transition:.2s}.nav-wrap.scrolled{background:rgba(5,5,9,.74);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1400px,calc(100% - 28px));margin:auto}.brand{display:flex;align-items:center;gap:.72rem;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid var(--line);padding:5px;box-shadow:0 10px 30px rgba(33,76,255,.18)}.brand img{width:100%;height:100%;object-fit:contain}.brand-word{font-family:var(--display);font-weight:900;letter-spacing:.02em;text-transform:uppercase}.brand-word span{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.22em;color:var(--muted);margin-top:-2px}.nav-links{display:flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:6px;border-radius:999px;backdrop-filter:blur(16px)}.nav-links a{font-family:var(--mono);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;padding:.72rem .9rem;border-radius:999px;color:#dad7e8;transition:.2s}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--paper);color:var(--ink);transform:translateY(-1px)}.nav-cta{display:flex;align-items:center;gap:.7rem}.menu{display:none;background:var(--paper);color:var(--ink);border:0;border-radius:999px;padding:.8rem 1rem;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid transparent;border-radius:999px;padding:.9rem 1.15rem;font-weight:900;letter-spacing:-.02em;transition:.2s;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.primary{background:var(--acid);color:#060606;box-shadow:0 18px 40px rgba(199,255,45,.18)}.ghost{background:rgba(255,255,255,.07);color:var(--paper);border-color:var(--line)}.bluebtn{background:var(--blue);color:#fff;box-shadow:0 18px 40px rgba(33,76,255,.22)}.outline{background:transparent;border-color:rgba(5,5,9,.22);color:var(--ink)}
.hero{padding:clamp(54px,8vw,110px) 0 clamp(60px,8vw,120px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center}.pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;padding:.55rem .76rem;background:rgba(255,255,255,.07);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#e7e4ef}.pill.acid{background:rgba(199,255,45,.14);border-color:rgba(199,255,45,.32);color:var(--acid)}.pill.hot{background:rgba(255,62,165,.14);border-color:rgba(255,62,165,.3)}.hero-kicker{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem}.display .blue{color:var(--cyan);text-shadow:0 0 40px rgba(56,212,255,.26)}.hero-copy{margin-top:1.4rem}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2rem;max-width:780px}.stat{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:20px;padding:1rem;min-height:104px;overflow:hidden}.stat strong{display:block;font-family:var(--display);font-size:clamp(1.9rem,3.4vw,3.5rem);letter-spacing:-.08em;line-height:.9}.stat span{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;color:#b7b3c5;letter-spacing:.08em}.hero-note{margin-top:1.2rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:#ada8bd;display:flex;gap:.5rem;align-items:center}.hero-visual{position:relative;min-height:680px;display:grid;place-items:center;perspective:1200px}.phone{width:min(360px,85vw);height:690px;border:2px solid rgba(255,255,255,.45);border-radius:52px;background:#07070d;box-shadow:var(--shadow),inset 0 0 0 10px rgba(255,255,255,.04);padding:18px;position:relative;transform:rotate(-3deg);overflow:hidden}.phone:before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:118px;height:28px;background:#050509;border-radius:999px;z-index:4}.screen{height:100%;border-radius:38px;overflow:hidden;position:relative;background:linear-gradient(180deg,#1d4cff 0%,#8b54ff 48%,#090914 100%)}.screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 14%,rgba(255,255,255,.9),transparent 9rem),radial-gradient(circle at 80% 74%,rgba(199,255,45,.3),transparent 10rem);opacity:.9}.feed{position:absolute;border-radius:26px;background:rgba(255,255,255,.9);color:#060606;border:1px solid rgba(255,255,255,.45);box-shadow:0 20px 60px rgba(0,0,0,.25);backdrop-filter:blur(14px);padding:1rem;animation:float 6s ease-in-out infinite}.feed h4{font-family:var(--display);font-size:1.32rem;line-height:.95;letter-spacing:-.06em;margin:.5rem 0 .2rem}.feed p{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;color:#373342;letter-spacing:.06em;margin:0}.feed.one{left:22px;top:110px;width:210px}.feed.two{right:18px;top:290px;width:170px;background:#12121b;color:white;animation-delay:1s}.feed.two p{color:#bdb8cf}.feed.three{left:36px;bottom:92px;width:250px;background:linear-gradient(135deg,#fff,#d7eaff);animation-delay:2.2s}.tag{display:inline-flex;border-radius:999px;padding:.4rem .55rem;background:var(--blue);color:#fff;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;font-weight:800;letter-spacing:.07em}.feed.two .tag{background:var(--acid);color:#000}.mock{aspect-ratio:1;border-radius:20px;background:linear-gradient(135deg,var(--hot),var(--blue));position:relative;overflow:hidden;margin-bottom:.75rem}.mock:before{content:"HOOK";position:absolute;inset:auto 10px 12px 10px;font-family:var(--display);font-size:3.1rem;line-height:.76;letter-spacing:-.1em;color:white;font-weight:900}.mock:after{content:"";position:absolute;width:110px;height:110px;border:18px solid white;border-radius:50%;right:-32px;top:-32px;opacity:.8}.sticker{position:absolute;z-index:8;display:grid;place-items:center;border-radius:24px;border:2px solid rgba(255,255,255,.34);box-shadow:0 18px 45px rgba(0,0,0,.28);font-weight:1000;font-family:var(--display);letter-spacing:-.08em;animation:float 5s ease-in-out infinite}.a{width:110px;height:110px;background:var(--acid);color:#050509;right:2%;top:15%;font-size:3rem;transform:rotate(12deg)}.b{width:92px;height:92px;background:var(--hot);left:3%;top:35%;font-size:2.5rem;transform:rotate(-9deg);animation-delay:1s}.c{width:150px;height:72px;background:var(--paper);color:#050509;right:0;bottom:14%;font-size:1.15rem;border-radius:999px;transform:rotate(-7deg);animation-delay:1.7s}.cursor{position:absolute;z-index:9;background:#111;color:white;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px rgba(0,0,0,.24);border-radius:10px;padding:.45rem .65rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.02em;animation:drift 8s linear infinite}.cursor.one{left:0;top:8%}.cursor.two{right:6%;top:48%;animation-delay:2s}.cursor.three{left:10%;bottom:7%;animation-delay:4s}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes drift{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(18px,-18px) rotate(4deg)}}.marquee{border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.05);display:flex;white-space:nowrap}.marquee-track{display:flex;gap:2rem;animation:marquee 30s linear infinite;padding:1rem 0}.marquee span{font-family:var(--display);font-weight:900;font-size:clamp(1.2rem,2.5vw,2.2rem);letter-spacing:-.05em;text-transform:uppercase}.marquee em{font-family:var(--serif);color:var(--acid);text-transform:none}@keyframes marquee{to{transform:translateX(-50%)}}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.6rem)}.section-head p{max-width:540px;margin:0;opacity:.76;line-height:1.65}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:start}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.card{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:var(--r);padding:clamp(1rem,2vw,1.5rem);position:relative;overflow:hidden;min-height:220px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset;transition:.25s}.card:hover{transform:translateY(-7px);background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.28)}.paper .card{background:#fff;border-color:var(--darkline);box-shadow:0 18px 50px rgba(5,5,9,.06)}.num{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.paper .num{color:#696273}.card h3{font-family:var(--display);font-size:clamp(1.4rem,2.2vw,2.4rem);line-height:.95;letter-spacing:-.06em;margin:.65rem 0 .8rem}.card p{line-height:1.6;color:#c9c5d7;margin:0}.paper .card p{color:#37323f}.card ul{padding:0;margin:1.2rem 0 0;list-style:none;display:grid;gap:.55rem;color:#cec9da}.paper .card ul{color:#322d3a}.card li{display:flex;gap:.55rem;line-height:1.45}.card li:before{content:"✦";color:var(--acid);font-size:.85rem;translate:0 .13rem}.paper .card li:before{color:var(--blue)}.big{grid-column:span 6;min-height:360px}.small{grid-column:span 3}.mid{grid-column:span 4}.wide-card{grid-column:span 8}.full{grid-column:1/-1}.card.blue{background:linear-gradient(135deg,var(--blue),#1010aa);color:#fff}.card.lime{background:var(--acid);color:#050509;border-color:rgba(0,0,0,.12)}.card.lime p,.card.lime ul{color:#111}.card.lime li:before{color:#111}.card.red{background:linear-gradient(135deg,#510008,var(--red));color:#fff}.icon{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-family:var(--display);font-size:2.4rem;letter-spacing:-.08em;font-weight:900;margin-bottom:1rem}.paper .icon{background:#f2eff8;border-color:rgba(5,5,9,.12)}.service-card{min-height:430px;display:flex;flex-direction:column;justify-content:space-between}.service-card .btn{align-self:flex-start;margin-top:1.3rem}.process{counter-reset:step;display:grid;gap:1rem}.process-item{display:grid;grid-template-columns:130px 1fr auto;gap:1rem;align-items:center;border:1px solid var(--darkline);background:#fff;border-radius:28px;padding:1.15rem;color:var(--ink)}.process-item:before{counter-increment:step;content:"0" counter(step);font-family:var(--display);font-size:clamp(2.4rem,5vw,5rem);line-height:.8;font-weight:900;letter-spacing:-.09em;color:var(--blue)}.process-item h3{font-family:var(--display);font-size:clamp(1.3rem,2vw,2rem);margin:0 0 .25rem;letter-spacing:-.045em;line-height:.95}.process-item p{margin:0;color:#5d5866;line-height:1.55}.chip{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--paper);border-radius:999px;padding:.5rem .65rem;white-space:nowrap}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case{min-height:520px;border-radius:34px;overflow:hidden;border:1px solid var(--line);background:#0c0c12;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);transition:.25s}.case:hover{transform:translateY(-8px) rotate(-1deg)}.visual{height:280px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue),var(--violet))}.visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 22%,rgba(255,255,255,.9),transparent 6rem),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;mix-blend-mode:screen}.visual:after{content:attr(data-word);position:absolute;left:18px;bottom:12px;font-family:var(--display);font-size:clamp(3.2rem,6vw,6.8rem);line-height:.76;letter-spacing:-.1em;color:#fff;font-weight:1000;text-transform:uppercase}.case-content{padding:1.4rem}.case h3{font-family:var(--display);font-size:2rem;line-height:.95;letter-spacing:-.06em;margin:0 0 .75rem}.case p{color:#cac6d8;line-height:1.58;margin:0 0 1rem}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1rem}.metric{border:1px solid var(--line);border-radius:18px;padding:.8rem;background:rgba(255,255,255,.06)}.metric strong{font-family:var(--display);font-size:1.55rem;display:block;letter-spacing:-.06em}.metric span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;color:#aaa5b9;letter-spacing:.08em}.page-hero{padding:clamp(56px,8vw,110px) 0 clamp(38px,6vw,76px)}.page-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}.tagbox{border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.06);padding:1.2rem;display:grid;gap:.8rem}.mini{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#cdc9db;border-bottom:1px solid var(--line);padding-bottom:.8rem}.mini:last-child{border-bottom:0;padding-bottom:0}.mini strong{text-align:right;color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem;align-items:start}.form{background:#fff;color:var(--ink);border:1px solid var(--darkline);border-radius:36px;padding:clamp(1rem,3vw,2rem);box-shadow:0 24px 80px rgba(5,5,9,.14)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .span{grid-column:1/-1}label{display:grid;gap:.45rem;font-weight:850;letter-spacing:-.02em}label span{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#696273}input,textarea,select{width:100%;border:1px solid rgba(5,5,9,.15);border-radius:18px;padding:1rem;background:#f7f3ec;color:var(--ink);outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(33,76,255,.12)}textarea{min-height:150px;resize:vertical}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi{border:1px solid var(--darkline);background:#fff;border-radius:26px;padding:1.1rem;color:var(--ink)}.kpi strong{font-family:var(--display);font-size:clamp(2rem,4vw,4rem);letter-spacing:-.09em;line-height:.85;display:block}.kpi span{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6d6876}.legal{max-width:860px}.legal h2{font-family:var(--display);font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.055em;line-height:1;margin-top:2.2rem}.legal p,.legal li{color:#332e3b;line-height:1.75}.legal a{color:var(--blue);font-weight:900}.sitemap-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sitemap-list a{display:flex;justify-content:space-between;border:1px solid var(--darkline);background:#fff;border-radius:24px;padding:1.2rem;color:var(--ink);font-weight:900}.sitemap-list span{color:var(--blue)}.footer{padding:clamp(48px,7vw,88px) 0 28px;background:#050509;color:var(--paper);position:relative;z-index:1;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.35fr .65fr .65fr .75fr;gap:2rem;align-items:start}.footer h2{font-family:var(--display);font-size:clamp(2.2rem,5vw,5.8rem);line-height:.85;letter-spacing:-.08em;margin:1rem 0}.footer p{color:#c7c2d4;line-height:1.6;max-width:520px}.footer h4{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 1rem}.footer a{display:block;color:#ece8f6;padding:.32rem 0}.footer a:hover{color:var(--acid)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:3rem;padding-top:1.2rem;font-family:var(--mono);font-size:.74rem;color:#9b96ad;text-transform:uppercase;letter-spacing:.07em}.newsletter{display:flex;gap:.5rem;margin-top:1rem}.newsletter input{background:#11111a;color:white;border-color:var(--line);min-width:0}.newsletter .btn{padding:.9rem 1rem}.stack{display:grid;gap:1rem}.stack-lg{display:grid;gap:1.5rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:980px){.hero-grid,.split,.page-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:620px;order:-1}.phone{height:620px}.proof,.case-grid,.kpis,.three{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.big,.small,.mid,.wide-card{grid-column:span 6}.section-head{display:grid;align-items:start}}
@media(max-width:760px){.nav-links{position:fixed;inset:76px 14px auto 14px;display:none;flex-direction:column;align-items:stretch;border-radius:26px;padding:12px;background:rgba(5,5,9,.94)}.nav-links.open{display:flex}.nav-links a{text-align:center;padding:1rem}.menu{display:inline-flex}.nav-cta .btn{display:none}.hero{padding-top:34px}.hero-visual{min-height:540px}.phone{height:530px;width:min(310px,88vw);border-radius:44px}.screen{border-radius:31px}.feed.one{width:170px}.feed.three{width:205px}.a{width:82px;height:82px;font-size:2.2rem}.b{width:70px;height:70px;font-size:2rem}.c{width:120px;height:58px;font-size:.95rem}.proof,.case-grid,.kpis,.two,.three,.footer-grid,.sitemap-list{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.big,.small,.mid,.wide-card,.full{grid-column:1/-1}.process-item{grid-template-columns:1fr}.chip{justify-self:start}.form-grid{grid-template-columns:1fr}.display{font-size:clamp(3.6rem,17vw,6rem)}.newsletter{flex-direction:column}.case{min-height:460px}.visual{height:230px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* --- Footer compact logo fix + portfolio reel module --- */
.footer .brand{gap:.58rem;margin:0 0 .95rem;align-items:center}
.footer .brand-mark{width:34px;height:34px;flex:0 0 34px;padding:2px;border-radius:10px;background:rgba(255,255,255,.035);box-shadow:none;border-color:rgba(255,255,255,.12)}
.footer .brand-word{font-size:.88rem;line-height:.92;letter-spacing:.04em}
.footer .brand-word span{font-size:.48rem;letter-spacing:.2em;margin-top:1px}
.footer-grid>div:first-child{max-width:580px}
.footer h2{margin-top:.65rem}
.reel-section{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 0%,rgba(33,76,255,.25),transparent 28%),radial-gradient(circle at 85% 8%,rgba(194,255,45,.18),transparent 20%),#050509;color:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reel-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.25),rgba(0,0,0,.85));pointer-events:none}
.reel-section .container{position:relative;z-index:1}
.reel-section .section-head p{color:#c9c5d6}
.reel-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1rem;align-items:stretch}
.reel-card,.drive-vault{border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 30px 90px rgba(0,0,0,.28);border-radius:34px;overflow:hidden;backdrop-filter:blur(18px)}
.reel-topbar,.drive-vault-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#d8d4e7}
.reel-dots{display:flex;gap:.4rem}.reel-dots span{width:8px;height:8px;border-radius:99px;background:var(--acid);box-shadow:0 0 20px rgba(194,255,45,.65)}.reel-dots span:nth-child(2){background:var(--blue)}.reel-dots span:nth-child(3){background:var(--hot)}
.reel-player{position:relative;aspect-ratio:16/9;min-height:360px;background:radial-gradient(circle at 25% 20%,rgba(194,255,45,.22),transparent 18%),linear-gradient(135deg,#0b0b14,#17172a 55%,#050509);overflow:hidden}
.reel-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#050509}
.reel-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;overflow:hidden}
.reel-empty:before{content:"PORTFOLIO / PORTFOLIO / PORTFOLIO";position:absolute;left:-5%;right:-5%;top:18%;font-family:var(--display);font-size:clamp(4rem,10vw,10rem);line-height:.82;letter-spacing:-.08em;color:rgba(255,255,255,.07);white-space:nowrap;transform:rotate(-7deg)}
.reel-empty-inner{position:relative;z-index:1;max-width:540px}.reel-empty .giant{display:block;font-family:var(--display);font-size:clamp(4rem,12vw,9rem);line-height:.78;letter-spacing:-.1em;color:var(--paper);text-shadow:8px 8px 0 rgba(33,76,255,.45)}.reel-empty p{color:#c9c5d6;margin:.8rem auto 0;max-width:460px}.reel-empty code{font-family:var(--mono);font-size:.72rem;color:var(--acid);background:rgba(255,255,255,.08);padding:.2rem .35rem;border-radius:8px}
.reel-info{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;padding:1.15rem}.reel-info h3{font-size:clamp(1.5rem,3vw,3.3rem);line-height:.92;letter-spacing:-.06em;margin:0}.reel-info p{margin:.45rem 0 0;color:#c9c5d6;max-width:650px}.reel-badge{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#050509;background:var(--acid);padding:.62rem .75rem;border-radius:999px;white-space:nowrap}
.reel-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.15rem 1.15rem}.reel-arrows{display:flex;gap:.5rem}.reel-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:var(--paper);height:42px;min-width:42px;border-radius:999px;font-weight:900;cursor:pointer;transition:.2s}.reel-btn:hover{transform:translateY(-2px);background:var(--paper);color:var(--ink)}.reel-count{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#b9b5c9}
.reel-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-top:1rem}.reel-thumb{border:1px solid rgba(255,255,255,.14);background:#0d0d16;color:var(--paper);border-radius:24px;min-height:128px;padding:1rem;text-align:left;position:relative;overflow:hidden;cursor:pointer;transition:.2s}.reel-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(33,76,255,.38),transparent 48%),radial-gradient(circle at 80% 20%,rgba(194,255,45,.23),transparent 25%);opacity:.7}.reel-thumb strong,.reel-thumb span{position:relative;z-index:1;display:block}.reel-thumb span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#cdc8dc}.reel-thumb strong{font-size:1.1rem;line-height:1.05;margin-top:1.6rem}.reel-thumb.is-active{border-color:var(--acid);box-shadow:0 0 0 3px rgba(194,255,45,.14),0 22px 55px rgba(0,0,0,.25);transform:translateY(-4px)}
.drive-vault{display:flex;flex-direction:column}.drive-vault iframe{width:100%;height:100%;min-height:446px;border:0;background:#0a0a12}.drive-vault-body{padding:1rem;border-top:1px solid rgba(255,255,255,.12)}.drive-vault-body p{color:#c9c5d6;margin:0 0 1rem}.drive-vault .btn{width:100%}
@media(max-width:980px){.reel-layout{grid-template-columns:1fr}.drive-vault iframe{min-height:380px}.reel-strip{grid-template-columns:1fr 1fr}.reel-player{min-height:300px}}
@media(max-width:760px){.footer .brand-mark{width:30px;height:30px;flex-basis:30px}.reel-info{grid-template-columns:1fr}.reel-badge{justify-self:start}.reel-strip{grid-template-columns:1fr}.reel-player{min-height:260px}.drive-vault iframe{min-height:320px}}

/* --- Reel Vault v3: autoplay loop polish --- */
.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050509;display:block}
.reel-live-pill{position:absolute;right:1rem;top:1rem;z-index:3;border:1px solid rgba(255,255,255,.24);background:rgba(5,5,9,.62);backdrop-filter:blur(12px);color:var(--acid);font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:.5rem .62rem;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.reel-state{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;color:#858098;max-width:350px;text-align:right;line-height:1.35}
.reel-orbit{position:absolute;inset:0;pointer-events:none;filter:blur(.1px)}
.reel-orbit span{position:absolute;width:96px;height:132px;border-radius:22px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:0 24px 70px rgba(0,0,0,.35);animation:orbitFloat 7s ease-in-out infinite}
.reel-orbit span:nth-child(1){left:8%;top:13%;transform:rotate(-10deg);background:linear-gradient(145deg,rgba(33,76,255,.6),rgba(255,62,165,.14))}
.reel-orbit span:nth-child(2){right:13%;top:17%;transform:rotate(8deg);animation-delay:1.1s;background:linear-gradient(145deg,rgba(199,255,45,.35),rgba(255,255,255,.05))}
.reel-orbit span:nth-child(3){left:17%;bottom:8%;transform:rotate(12deg);animation-delay:2s;background:linear-gradient(145deg,rgba(141,84,255,.55),rgba(56,212,255,.12))}
.reel-orbit span:nth-child(4){right:8%;bottom:10%;transform:rotate(-14deg);animation-delay:3s;background:linear-gradient(145deg,rgba(255,62,165,.45),rgba(255,255,255,.04))}
.mini-link{display:inline-flex;margin-top:1rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.72rem .9rem;background:rgba(255,255,255,.08);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--paper)}
.mini-link:hover{background:var(--acid);color:#050509}
@keyframes orbitFloat{0%,100%{translate:0 0 scale(1)}50%{translate:0 -18px scale(1.025)}}
@media(max-width:760px){.reel-controls{align-items:flex-start;flex-direction:column}.reel-state{text-align:left;max-width:100%}.reel-live-pill{right:.7rem;top:.7rem}.reel-orbit span{width:70px;height:96px;border-radius:18px}}

/* --- v4 responsive polish, compact footer mark, Calendly embed --- */
html,body{max-width:100%;overflow-x:hidden}
.container,.wide,.nav{min-width:0}
.nav{flex-wrap:nowrap}
.nav-links{min-width:0;max-width:100%}
.nav-links a,.btn{min-height:42px}
.footer .footer-brand .brand-mark,.footer a.footer-brand .brand-mark{width:20px!important;height:20px!important;flex:0 0 20px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.footer .footer-brand .brand-mark img{width:20px!important;height:20px!important;object-fit:contain!important}
.footer .footer-brand .brand-word{font-size:.74rem!important;line-height:.9!important;letter-spacing:.055em!important}
.footer .footer-brand .brand-word span{font-size:.38rem!important;letter-spacing:.16em!important;margin-top:0!important}
.footer .footer-brand{gap:.42rem!important;margin-bottom:1.1rem!important}
.footer h2{font-size:clamp(2rem,4.2vw,4.7rem)}
.calendly-section{scroll-margin-top:92px}
.calendly-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:clamp(1rem,3vw,2rem);align-items:start}
.calendly-card{background:#fff;border:1px solid var(--darkline);border-radius:34px;overflow:hidden;box-shadow:0 24px 80px rgba(5,5,9,.14);min-width:0}
.calendly-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--darkline);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#585260;background:#f8f5ef}
.calendly-inline-widget{width:100%!important;min-width:0!important;height:700px!important;background:#fff}
.calendly-note{font-family:var(--mono);font-size:.78rem;line-height:1.55;color:#686273;margin:0}
.calendly-kpis{grid-template-columns:repeat(2,1fr)}
.reel-player iframe{background:#050509}
.reel-thumb strong{word-break:normal;overflow-wrap:anywhere}
@media(max-width:1120px){.nav-links a{padding:.66rem .62rem;font-size:.68rem}.nav-cta .btn{padding:.78rem .9rem;font-size:.86rem}.brand-word{font-size:.9rem}.brand-word span{font-size:.5rem}.brand-mark{width:38px;height:38px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr)}}
@media(max-width:900px){.nav{flex-wrap:nowrap}.nav-links{position:fixed;inset:76px 14px auto 14px;display:none;flex-direction:column;align-items:stretch;border-radius:26px;padding:12px;background:rgba(5,5,9,.96);box-shadow:0 30px 80px rgba(0,0,0,.45)}.nav-links.open{display:flex}.nav-links a{text-align:center;padding:1rem;font-size:.75rem}.menu{display:inline-flex}.nav-cta .btn{display:none}.calendly-grid{grid-template-columns:1fr}.calendly-inline-widget{height:720px!important}.calendly-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.container,.wide{width:min(100% - 22px,var(--max))}.section{padding:clamp(54px,14vw,88px) 0}.page-hero{padding:42px 0 44px}.display{font-size:clamp(3rem,16vw,5.4rem);letter-spacing:-.085em}.xl{font-size:clamp(2.35rem,13vw,4.6rem)}.body-xl{font-size:1rem}.hero-grid,.split,.page-grid,.contact-grid,.calendly-grid{gap:1.3rem}.proof,.case-grid,.kpis,.calendly-kpis{grid-template-columns:1fr}.actions{flex-direction:column}.actions .btn,.service-card .btn{width:100%}.card,.case,.form,.calendly-card,.reel-card,.drive-vault{border-radius:24px}.footer{padding-top:42px}.footer-grid{gap:1.45rem}.footer .footer-brand .brand-mark,.footer a.footer-brand .brand-mark{width:16px!important;height:16px!important;flex-basis:16px!important}.footer .footer-brand .brand-mark img{width:16px!important;height:16px!important}.footer .footer-brand .brand-word{font-size:.66rem!important}.footer .footer-brand .brand-word span{font-size:.34rem!important}.footer h2{font-size:clamp(2rem,13vw,3.6rem)}.footer-bottom{font-size:.64rem}.reel-layout{gap:.8rem}.reel-player{aspect-ratio:9/16;min-height:440px}.reel-strip{gap:.65rem}.drive-vault iframe{min-height:360px}.calendly-inline-widget{height:760px!important}.calendly-card-head{font-size:.62rem;align-items:flex-start;flex-direction:column}.newsletter .btn{width:100%}}
@media(max-width:380px){.brand-word{display:none}.nav{width:min(100% - 18px,1400px)}.menu{padding:.72rem .88rem}.display{font-size:clamp(2.65rem,16vw,4.6rem)}.phone{width:min(290px,92vw);height:500px}.reel-player{min-height:390px}.calendly-inline-widget{height:790px!important}.footer h2{font-size:2.3rem}}

/* --- v5 production polish: smaller footer, end-aware Reel Vault, softer details --- */
.footer{padding:clamp(38px,5vw,64px) 0 24px!important}
.footer-grid{grid-template-columns:minmax(0,1.05fr) minmax(130px,.52fr) minmax(150px,.6fr) minmax(180px,.78fr)!important;gap:clamp(1rem,2.5vw,2rem)!important}
.footer .footer-brand{display:inline-flex!important;align-items:center!important;gap:.32rem!important;margin:0 0 .72rem!important;width:auto!important;max-width:max-content!important;padding:.28rem .46rem!important;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035)}
.footer .footer-brand .brand-mark,.footer a.footer-brand .brand-mark{width:14px!important;height:14px!important;flex:0 0 14px!important;min-width:14px!important;max-width:14px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.footer .footer-brand .brand-mark img{width:14px!important;height:14px!important;object-fit:contain!important}
.footer .footer-brand .brand-word{font-size:.56rem!important;line-height:.9!important;letter-spacing:.065em!important;white-space:nowrap!important}
.footer .footer-brand .brand-word span{font-size:.28rem!important;letter-spacing:.14em!important;margin-top:1px!important;color:#9b96ad!important}
.footer h2{font-size:clamp(1.55rem,3.1vw,3.2rem)!important;line-height:.92!important;letter-spacing:-.065em!important;max-width:520px;margin:.55rem 0 .75rem!important}
.footer p{font-size:.94rem!important;line-height:1.65!important;max-width:520px!important}
.footer a{transition:color .18s ease, transform .18s ease}.footer a:hover{transform:translateX(2px)}
.footer-bottom{margin-top:clamp(1.6rem,3vw,2.3rem)!important}

.nav-links a,.btn,.reel-thumb,.card,.case,.process-item{will-change:transform}
.nav-links a{position:relative}.nav-links a[aria-current="page"]:after{content:"";position:absolute;left:50%;bottom:.32rem;width:4px;height:4px;border-radius:50%;background:var(--blue);transform:translateX(-50%)}
.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:-50% auto -50% -40%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(18deg) translateX(-160%);transition:transform .55s ease}.btn:hover:before{transform:rotate(18deg) translateX(520%)}
.card:after,.case:after{content:"";position:absolute;right:18px;top:18px;width:28px;height:28px;border-top:1px solid currentColor;border-right:1px solid currentColor;opacity:.08;pointer-events:none}
.paper .card:after,.paper .case:after{opacity:.12}

.reel-layout{grid-template-columns:minmax(320px,.78fr) minmax(300px,.82fr)!important;gap:clamp(.85rem,2vw,1.25rem)!important;align-items:start!important}
.reel-card{position:relative}.reel-card:after{content:"";position:absolute;inset:52px 14px auto auto;width:36px;height:36px;border-top:1px solid rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.18);pointer-events:none}
.reel-player{aspect-ratio:9/16!important;min-height:0!important;width:min(100%,430px)!important;max-height:760px!important;margin:0 auto!important;border-radius:0 0 30px 30px;background:radial-gradient(circle at 28% 16%,rgba(199,255,45,.18),transparent 22%),linear-gradient(145deg,#07070d,#101022 60%,#050509)!important}
.reel-video,.reel-player iframe{border-radius:0 0 30px 30px!important;background:#050509!important}
.reel-video{object-fit:contain!important}
.reel-live-pill{font-size:.58rem!important;padding:.44rem .56rem!important;color:var(--acid)!important}
.reel-fallback-note{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:3;display:inline-flex;justify-content:center;border:1px solid rgba(255,255,255,.18);background:rgba(5,5,9,.64);backdrop-filter:blur(14px);color:#e9e5f5;border-radius:999px;padding:.58rem .7rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.reel-progress{position:absolute;left:1rem;right:1rem;bottom:1rem;height:4px;border-radius:99px;background:rgba(255,255,255,.16);z-index:4;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.reel-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--acid),var(--cyan));box-shadow:0 0 18px rgba(199,255,45,.42);transition:width .12s linear}
.reel-thumb{min-height:112px!important}.reel-thumb:after{content:"PLAY";position:absolute;right:.8rem;top:.8rem;z-index:1;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:rgba(255,255,255,.58)}.reel-thumb.is-active:after{content:"LIVE";color:var(--acid)}
.reel-state{font-size:.66rem!important;color:#9f99b4!important}
.drive-vault{min-height:100%}.drive-vault iframe{min-height:520px!important}

.calendly-card{isolation:isolate}.calendly-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--blue),var(--violet),var(--acid))}

@media(max-width:1100px){
  .footer-grid{grid-template-columns:1fr 1fr!important}.reel-layout{grid-template-columns:1fr!important}.reel-player{width:min(100%,390px)!important}.drive-vault iframe{min-height:420px!important}
}
@media(max-width:900px){
  .nav{gap:.65rem!important}.nav-links{max-height:calc(100vh - 96px);overflow:auto}.nav-links a[aria-current="page"]:after{bottom:.55rem}.brand-mark{width:36px!important;height:36px!important}.brand-word{font-size:.86rem!important}.brand-word span{font-size:.48rem!important}
}
@media(max-width:680px){
  .footer-grid{grid-template-columns:1fr!important}.footer .footer-brand .brand-mark,.footer a.footer-brand .brand-mark{width:12px!important;height:12px!important;flex-basis:12px!important;min-width:12px!important}.footer .footer-brand .brand-mark img{width:12px!important;height:12px!important}.footer .footer-brand .brand-word{font-size:.5rem!important}.footer .footer-brand .brand-word span{font-size:.24rem!important}.footer h2{font-size:clamp(1.65rem,9vw,2.7rem)!important}.footer p{font-size:.9rem!important}.footer-bottom{font-size:.6rem!important;line-height:1.5!important}
  .reel-player{width:min(100%,340px)!important;max-height:none!important}.reel-info,.reel-controls{padding-left:.9rem!important;padding-right:.9rem!important}.reel-strip{grid-template-columns:1fr!important}.drive-vault iframe{min-height:360px!important}.calendly-inline-widget{height:780px!important}
}
@media(max-width:390px){
  .container,.wide{width:min(100% - 18px,var(--max))!important}.brand-word{display:none!important}.reel-player{width:min(100%,310px)!important}.reel-fallback-note{font-size:.55rem;white-space:normal}.calendly-inline-widget{height:800px!important}
}


/* --- v6 mobile-first breathing room + micro interaction polish --- */
html{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:clip} 
body.nav-open{overflow:hidden;touch-action:none}
section,header,footer,main{max-width:100%}
*{min-width:0}
.display,.xl,.lg,.md,h1,h2,h3{overflow-wrap:normal;word-break:normal}
p,li,a,span,strong{overflow-wrap:anywhere}
main{isolation:isolate}
[id]{scroll-margin-top:96px}
.container,.wide{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
.btn,.menu,.nav-links a,.reel-thumb,.sitemap-list a{min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
input,textarea,select{font-size:16px}
img,video,iframe{max-width:100%}
iframe{border:0}

/* Softer responsive rhythm on all pages */
.section-head{align-items:flex-start}.section-head p{font-size:clamp(.96rem,1.2vw,1.05rem)}
.page-hero .body-xl,.hero-copy{max-width:68ch}
.card,.case,.process-item,.tagbox,.form,.kpi,.calendly-card,.reel-card,.drive-vault{contain:layout style;}

@media (hover:none){
  .btn:hover,.card:hover,.case:hover,.footer a:hover,.nav-links a:hover{transform:none!important}
  .btn:before{display:none!important}
}

@media(max-width:1180px){
  .nav{width:min(100% - 24px,1400px)}
  .nav-links{gap:.18rem}.nav-links a{padding:.66rem .62rem;letter-spacing:.055em}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}
  .hero-visual{min-height:600px}.phone{height:610px;width:min(340px,82vw)}
}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:clamp(1.4rem,4vw,2.4rem)}
  .hero-visual{order:0;min-height:clamp(430px,70vw,610px);margin-top:clamp(1rem,3vw,2rem)}
  .phone{height:min(600px,72vw);width:min(330px,76vw);transform:rotate(-1.5deg)}
  .cursor,.sticker{transform:scale(.82)}
  .section-head{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:clamp(1.6rem,5vw,2.8rem)}
  .bento{gap:.85rem}.service-card{min-height:0}
  .big,.small,.mid,.wide-card{grid-column:span 6;min-height:260px}
  .process-item{grid-template-columns:92px 1fr;align-items:start}.process-item .chip{grid-column:2;justify-self:start}
  .case-grid{grid-template-columns:1fr 1fr}.case{min-height:0}.visual{height:220px}
  .page-grid,.contact-grid,.calendly-grid,.split{grid-template-columns:1fr!important;gap:clamp(1rem,4vw,2rem)}
}

@media(max-width:760px){
  :root{--r:24px}
  .nav-wrap{padding:10px 0}.nav{width:min(100% - 20px,1400px);align-items:center}
  .brand-mark{width:34px!important;height:34px!important;border-radius:12px!important}.brand-word{font-size:.82rem!important}.brand-word span{font-size:.46rem!important}
  .menu{display:inline-flex!important;align-items:center;justify-content:center;min-width:74px;padding:.72rem .92rem;background:rgba(245,240,232,.95);box-shadow:0 12px 36px rgba(0,0,0,.22)}
  .nav-links{position:fixed!important;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:68px;bottom:auto;max-height:min(430px,calc(100dvh - 92px));overflow:auto;display:none!important;grid-template-columns:1fr;gap:8px;padding:10px;border-radius:26px;background:rgba(5,5,9,.94);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 80px rgba(0,0,0,.46);backdrop-filter:blur(22px)}
  .nav-links.open{display:grid!important;animation:mobileMenuIn .22s ease-out both}
  .nav-links a{display:flex;align-items:center;justify-content:space-between;padding:.96rem 1rem;border-radius:18px;background:rgba(255,255,255,.055);font-size:.72rem;text-align:left}.nav-links a:after{content:'↗';position:static!important;width:auto!important;height:auto!important;background:transparent!important;color:#827b93;transform:none!important}
  .nav-links a[aria-current='page']{background:var(--paper);color:var(--ink)}.nav-links a[aria-current='page']:after{color:var(--blue)}
  .nav-cta .btn{display:none!important}

  .container,.wide{width:min(100% - 24px,var(--max))!important}
  .hero{padding:clamp(38px,11vw,58px) 0 clamp(46px,12vw,72px)}
  .hero-kicker{gap:.55rem;margin-bottom:1rem}.pill{padding:.48rem .62rem;font-size:.64rem;letter-spacing:.06em}
  .display{font-size:clamp(2.82rem,14.4vw,4.85rem)!important;line-height:.89!important;letter-spacing:-.074em!important;max-width:9.7ch}
  .page-hero .display{max-width:10.5ch}.xl{font-size:clamp(2.16rem,11vw,4rem)!important;line-height:.94!important;letter-spacing:-.062em!important}.lg{font-size:clamp(1.82rem,8vw,3.1rem)!important;line-height:.97!important}.md{font-size:clamp(1.42rem,6vw,2rem)!important}
  .body-xl{font-size:clamp(.98rem,4vw,1.08rem)!important;line-height:1.62!important}.hero-copy{margin-top:1rem}
  .actions{gap:.7rem;margin-top:1.35rem}.btn{width:100%;padding:.94rem 1rem;border-radius:18px;white-space:normal;text-align:center;min-height:52px}.proof{gap:.66rem;margin-top:1.35rem}.stat{min-height:0;padding:.9rem;border-radius:18px}.stat strong{font-size:clamp(2.1rem,11vw,3rem)}.stat span{font-size:.66rem;line-height:1.35}.hero-note{font-size:.68rem;line-height:1.55;align-items:flex-start}
  .hero-visual{min-height:clamp(380px,108vw,510px);margin-top:1.5rem;overflow:hidden}.phone{width:min(292px,82vw)!important;height:min(535px,142vw)!important;border-radius:42px;padding:13px;transform:rotate(0deg)}.phone:before{width:94px;height:22px;top:13px}.screen{border-radius:31px}.feed{border-radius:20px;padding:.75rem}.feed h4{font-size:1.02rem}.feed p{font-size:.56rem}.tag{font-size:.54rem;padding:.34rem .45rem}.feed.one{left:16px;top:86px;width:172px}.feed.two{right:14px;top:246px;width:138px}.feed.three{left:18px;bottom:78px;width:206px}.mock:before{font-size:2.45rem}.mock:after{width:86px;height:86px;border-width:14px}.cursor,.sticker{display:none!important}
  .marquee{padding:.8rem 0}.marquee-track{font-size:clamp(1.8rem,9vw,3rem)}
  .section{padding:clamp(50px,15vw,82px) 0}.tight{padding:clamp(38px,12vw,62px) 0}.paper{border-radius:28px 28px 0 0}.blueprint{background-size:32px 32px}
  .bento{grid-template-columns:1fr!important;gap:.78rem}.big,.small,.mid,.wide-card,.full{grid-column:1/-1!important;min-height:0!important}.card{padding:1rem!important;border-radius:22px!important}.card h3{font-size:clamp(1.34rem,6.8vw,2rem)!important;line-height:.98!important}.card p{font-size:.95rem;line-height:1.62}.card ul{gap:.45rem;margin-top:.9rem}.icon{width:58px;height:58px;border-radius:18px;font-size:1.75rem}
  .process{gap:.74rem}.process-item{grid-template-columns:1fr!important;gap:.75rem;padding:1rem;border-radius:22px}.process-item:before{font-size:2.8rem}.process-item .chip{grid-column:1!important;justify-self:start}.process-item p{font-size:.94rem}
  .case-grid,.kpis,.three,.two,.metrics,.sitemap-list{grid-template-columns:1fr!important;gap:.78rem}.case{border-radius:24px!important;min-height:0}.case:hover{transform:none}.visual{height:190px}.case-content{padding:1rem}.case h3{font-size:1.55rem}.metrics{margin-top:.8rem}.metric{padding:.72rem;border-radius:16px}
  .page-hero{padding:clamp(36px,11vw,58px) 0 clamp(26px,8vw,44px)}.tagbox{border-radius:22px;padding:1rem}.mini{font-size:.68rem;gap:.7rem}.mini strong{max-width:48%;overflow-wrap:anywhere}
  .form{padding:1rem;border-radius:24px}.form-grid{grid-template-columns:1fr!important;gap:.88rem}label span{font-size:.66rem}input,textarea,select{border-radius:16px;padding:.92rem}textarea{min-height:126px}
  .kpi{padding:.95rem;border-radius:20px}.kpi strong{font-size:2.45rem}.legal{font-size:.96rem}.legal h2{margin-top:1.7rem}.sitemap-list a{padding:1rem;border-radius:18px}
  .reel-section{padding-top:48px!important}.reel-card,.drive-vault{border-radius:24px!important}.reel-card-head{padding:.9rem!important}.reel-layout{gap:1rem!important}.reel-player{width:min(100%,315px)!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(0,0,0,.32)}.reel-video,.reel-player iframe{border-radius:24px!important}.reel-info{padding:1rem!important}.reel-meta{display:grid!important;gap:.7rem!important}.reel-meta h3{font-size:1.45rem!important}.reel-meta p{font-size:.9rem!important;line-height:1.58}.reel-badge{justify-self:start}.reel-controls{padding:0 1rem 1rem!important;gap:.75rem}.reel-dots{order:3;width:100%;justify-content:space-between}.reel-dots button{width:48px;height:48px}.reel-state{font-size:.62rem!important;line-height:1.5}.reel-strip{display:grid!important;grid-template-columns:1fr!important;max-height:none!important}.reel-thumb{min-height:92px!important;padding:.9rem!important;border-radius:18px!important}.reel-thumb strong{font-size:.9rem}.drive-vault iframe{min-height:330px!important}.drive-vault .btn{width:100%}
  .calendly-card{border-radius:24px}.calendly-card-head{padding:.9rem;font-size:.6rem;line-height:1.45}.calendly-inline-widget{height:720px!important;min-height:680px!important}.calendly-note{font-size:.74rem}.calendly-kpis{grid-template-columns:1fr!important}
  .footer{padding:36px 0 22px!important}.footer-grid{grid-template-columns:1fr!important;gap:1.15rem!important}.footer .footer-brand{margin-bottom:.55rem!important}.footer h2{font-size:clamp(1.55rem,8vw,2.38rem)!important;line-height:.98!important;margin:.45rem 0 .62rem!important;max-width:13ch}.footer p{font-size:.88rem!important;line-height:1.64!important}.footer h4{font-size:.66rem;margin-top:.3rem}.footer a{padding:.43rem 0;font-size:.93rem}.newsletter{display:grid;grid-template-columns:1fr;gap:.55rem}.newsletter .btn{width:100%}.footer-bottom{display:grid!important;gap:.55rem;font-size:.58rem!important;text-align:left;border-top-color:rgba(255,255,255,.12)}
}

@media(max-width:390px){
  .container,.wide{width:min(100% - 18px,var(--max))!important}.brand-word{display:none!important}.brand-mark{width:32px!important;height:32px!important}.menu{min-width:68px;padding:.68rem .82rem;font-size:.86rem}.nav-links{top:64px;left:9px;right:9px}
  .display{font-size:clamp(2.44rem,14vw,4.1rem)!important;max-width:9.4ch}.xl{font-size:clamp(2rem,10.5vw,3.55rem)!important}.hero-visual{min-height:370px}.phone{width:min(270px,84vw)!important;height:min(500px,144vw)!important}.feed.one{width:158px}.feed.two{width:126px}.feed.three{width:186px}.reel-player{width:min(100%,288px)!important}.calendly-inline-widget{height:740px!important}.footer h2{max-width:12ch}
}

@media(max-width:340px){
  .container,.wide{width:min(100% - 14px,var(--max))!important}.display{font-size:2.25rem!important}.xl{font-size:1.88rem!important}.body-xl{font-size:.94rem!important}.pill{font-size:.58rem}.phone{width:252px!important;height:462px!important}.feed.two{display:none}.reel-player{width:min(100%,268px)!important}.btn{font-size:.88rem}.footer .footer-brand .brand-word{display:none!important}
}

@media(min-width:761px) and (max-width:980px){
  .actions .btn{width:auto}.proof{grid-template-columns:repeat(3,1fr)}.phone{height:580px}.hero-visual{min-height:590px}.display{max-width:10.5ch}.calendly-inline-widget{height:740px!important}.reel-strip{grid-template-columns:repeat(2,1fr)}
}

@media(orientation:landscape) and (max-height:560px) and (max-width:940px){
  .hero-grid{grid-template-columns:1fr 0.78fr}.hero-visual{min-height:360px;margin-top:0}.phone{height:360px!important;width:min(210px,32vw)!important}.feed.two,.feed.three,.cursor,.sticker{display:none!important}.display{font-size:clamp(2.3rem,7vw,4rem)!important}.section{padding:44px 0}.nav-links{max-height:calc(100dvh - 80px)}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

@keyframes mobileMenuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* --- v6 mobile navigation + creative polish pass --- */
html{scroll-padding-top:92px}
.nav-wrap{--scroll-progress:0%;z-index:1200}
.nav-wrap::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--scroll-progress);background:linear-gradient(90deg,var(--acid),var(--cyan),var(--violet));box-shadow:0 0 18px rgba(56,212,255,.35);transition:width .08s linear;pointer-events:none}
.nav{position:relative}
.nav::before{content:"";position:absolute;inset:-8px;border-radius:999px;background:linear-gradient(90deg,rgba(199,255,45,.08),rgba(56,212,255,.08),rgba(141,84,255,.08));opacity:0;filter:blur(18px);transition:opacity .24s ease;pointer-events:none;z-index:-1}
.nav-wrap.scrolled .nav::before,.nav-wrap.menu-open .nav::before{opacity:1}

.marquee{position:relative;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.marquee-track{width:max-content;min-width:max-content;flex:0 0 auto;gap:clamp(1.25rem,4vw,3rem);will-change:transform}
.marquee span{flex:0 0 auto;display:inline-flex;align-items:center;line-height:1;white-space:nowrap}

.card,.case,.form,.calendly-card,.reel-card,.drive-vault{isolation:isolate}
.card::before,.case::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 0,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at 84% 100%,rgba(33,76,255,.13),transparent 26%);opacity:.32;pointer-events:none;z-index:-1}
.paper .card::before,.paper .case::before{background:radial-gradient(circle at 16% 0,rgba(33,76,255,.09),transparent 28%),radial-gradient(circle at 88% 100%,rgba(255,62,165,.08),transparent 26%)}
.case .visual{position:relative;overflow:hidden}
.case .visual::after{content:"";position:absolute;inset:auto 16px 16px 16px;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);opacity:.58;transform:translateX(-30%);animation:scanline 5.5s ease-in-out infinite}
@keyframes scanline{0%,100%{transform:translateX(-40%);opacity:.15}45%,55%{transform:translateX(40%);opacity:.7}}

@media(max-width:760px){
  html{scroll-padding-top:86px}
  .shell{padding-top:72px}
  .nav-wrap{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;padding:calc(8px + env(safe-area-inset-top)) 0 8px!important;background:rgba(5,5,9,.74)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;transform:none!important;visibility:visible!important;opacity:1!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
  .nav-wrap.scrolled,.nav-wrap.menu-open{background:rgba(5,5,9,.91)!important;box-shadow:0 14px 50px rgba(0,0,0,.3)!important}
  .nav{width:min(100% - 18px,1400px)!important;min-height:48px!important;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 6px 6px 8px;box-shadow:0 16px 48px rgba(0,0,0,.2)}
  .brand{gap:.55rem}.brand-mark{width:34px!important;height:34px!important;box-shadow:none!important}.brand-word{max-width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-word span{display:none!important}
  .menu{position:relative!important;z-index:1205!important;min-width:78px!important;min-height:46px!important;border-radius:999px!important;background:linear-gradient(135deg,#fffaf1,#e9e0ff)!important;color:#050509!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
  .menu::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:10px 0 0 var(--hot);margin-left:.42rem;display:inline-block;vertical-align:middle}
  .nav-links{position:fixed!important;top:calc(70px + env(safe-area-inset-top))!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;z-index:1203!important;max-height:calc(100dvh - 92px - env(safe-area-inset-top))!important;overflow:auto!important;overscroll-behavior:contain!important;padding:10px!important;border-radius:28px!important;background:rgba(5,5,9,.96)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 32px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important}
  .nav-links.open{display:grid!important}
  .nav-links a{min-height:54px!important;padding:1rem!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.07);letter-spacing:.08em}
  .nav-links a[aria-current='page']{background:linear-gradient(135deg,var(--paper),#e9e0ff)!important;border-color:rgba(255,255,255,.36)!important}
  body.nav-open::before{content:"";position:fixed;inset:0;z-index:1190;background:linear-gradient(180deg,rgba(5,5,9,.34),rgba(5,5,9,.72));backdrop-filter:blur(3px);pointer-events:auto}

  .hero{padding-top:clamp(28px,8vw,48px)}
  .hero-kicker .pill{max-width:100%;white-space:normal;line-height:1.25}
  .display{max-width:10.5ch!important}.hero-copy{max-width:35rem}.proof{grid-template-columns:1fr!important}
  .hero-visual{border-radius:30px;background:radial-gradient(circle at 50% 8%,rgba(56,212,255,.12),transparent 34%),rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:12px 0}
  .phone{box-shadow:0 24px 68px rgba(0,0,0,.42), inset 0 0 0 8px rgba(255,255,255,.035)!important}

  .marquee{padding:.75rem 0!important;border-block-color:rgba(255,255,255,.12)}
  .marquee-track{gap:1.45rem!important;animation-duration:42s!important;padding:.65rem 0!important}
  .marquee span{font-size:clamp(1rem,6.2vw,1.55rem)!important;letter-spacing:-.035em!important}

  .section-head{display:grid!important;gap:1rem!important;margin-bottom:1.55rem!important}.section-head .btn{width:100%}
  .card,.case,.form,.calendly-card,.reel-card,.drive-vault,.tagbox{box-shadow:0 18px 56px rgba(5,5,9,.12)!important}
  .card{border-radius:24px!important}.card h3{text-wrap:balance}.card p,.case p,.process-item p{max-width:62ch}
  .reel-player{max-height:min(640px,calc(100dvh - 150px))!important}.reel-strip{gap:.7rem!important}
  .footer{border-radius:28px 28px 0 0;background:radial-gradient(circle at 18% 0,rgba(33,76,255,.2),transparent 32%),#050509}
}

@media(max-width:390px){
  .shell{padding-top:68px}.nav{width:min(100% - 14px,1400px)!important;padding:5px 5px 5px 7px}.nav-links{top:calc(66px + env(safe-area-inset-top))!important;left:8px!important;right:8px!important}.menu{min-width:72px!important;font-size:.82rem!important}.brand-word{display:none!important}.display{max-width:9.8ch!important}.marquee span{font-size:clamp(.96rem,6.6vw,1.35rem)!important}.marquee-track{gap:1.05rem!important}.hero-visual{padding:8px 0}.phone{width:min(264px,82vw)!important;height:min(488px,140vw)!important}.feed.three{width:178px!important}
}

@media(max-width:340px){
  .nav-links a{min-height:50px!important;font-size:.68rem!important}.menu{min-width:66px!important;padding:.62rem .72rem!important}.marquee-track{gap:.85rem!important}.marquee span{font-size:.92rem!important}.shell{padding-top:64px}
}

/* --- v8 final visual-system polish: fixed eyebrow bullets + subtle creative lift --- */
.eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.72rem!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  margin:0 0 1.05rem!important;
  padding:.42rem .7rem .42rem .58rem!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 35px rgba(0,0,0,.08)!important;
  line-height:1.05!important;
  white-space:normal!important;
  overflow:visible!important;
}
.eyebrow::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 27px!important;
  min-width:27px!important;
  max-width:27px!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:14px 0 0 currentColor!important;
  margin:0!important;
  transform:none!important;
}
.paper .eyebrow{
  color:var(--blue)!important;
  background:linear-gradient(135deg,rgba(33,76,255,.09),rgba(141,84,255,.035))!important;
  border-color:rgba(33,76,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 14px 35px rgba(33,76,255,.06)!important;
}
.footer .eyebrow{border-color:rgba(255,255,255,.12)!important}

/* more deliberate section staging */
.section-head{position:relative!important}
.section-head::before{
  content:"";
  position:absolute;
  left:0;
  top:-.9rem;
  width:clamp(36px,8vw,92px);
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--acid),var(--cyan),transparent);
  opacity:.48;
  pointer-events:none;
}
.paper .section-head::before{background:linear-gradient(90deg,var(--blue),var(--violet),transparent);opacity:.38}
.page-hero{position:relative;overflow:hidden}
.page-hero::after{
  content:"";
  position:absolute;
  inset:auto max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(199,255,45,.38),rgba(56,212,255,.24),transparent);
  pointer-events:none;
}
.page-hero .tagbox{transform:translateY(4px)}

/* cards feel more premium without becoming loud */
.card,.service-card,.case,.process-item,.tagbox,.kpi,.sitemap-list a,.calendly-card,.reel-card,.drive-vault{
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease!important;
}
.card,.service-card,.process-item,.tagbox,.kpi,.sitemap-list a{
  box-shadow:0 1px 0 rgba(255,255,255,.48) inset,0 18px 55px rgba(5,5,9,.055)!important;
}
.card:hover,.service-card:hover,.process-item:hover,.tagbox:hover,.sitemap-list a:hover{
  border-color:rgba(33,76,255,.22)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.62) inset,0 24px 70px rgba(33,76,255,.105)!important;
}
.card h3,.service-card h3,.case h3,.process-item h3{letter-spacing:-.058em!important;text-wrap:balance}
.card p,.service-card p,.case p,.process-item p,.tagbox,.legal p,.legal li{font-kerning:normal;text-wrap:pretty}
.service-card{position:relative;isolation:isolate;overflow:hidden}
.service-card::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:18px;
  width:42px;
  height:42px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  opacity:.08;
  pointer-events:none;
}
.paper .service-card::after{opacity:.14}
.icon{position:relative;overflow:hidden}
.icon::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-140%);transition:transform .6s ease}
.card:hover .icon::after,.service-card:hover .icon::after{transform:translateX(140%)}

/* Process rows get a cleaner architecture on narrow screens */
.process-item{position:relative;overflow:hidden}
.process-item::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--blue),var(--violet));opacity:.82}
.process-item .chip{justify-self:end}

/* make portfolio thumbnails breathe better */
.reel-thumb{align-items:flex-start!important;text-align:left!important;line-height:1.15!important}
.reel-thumb strong{margin-top:.2rem;display:block}
.reel-controls{gap:.75rem!important;flex-wrap:wrap!important}
.reel-state{line-height:1.45!important;max-width:100%}

/* richer but quieter mobile experience */
@media(max-width:760px){
  .eyebrow{
    min-height:28px!important;
    padding:.4rem .62rem .39rem .52rem!important;
    gap:.58rem!important;
    font-size:.66rem!important;
    letter-spacing:.115em!important;
    max-width:calc(100vw - 28px)!important;
  }
  .eyebrow::before{
    width:6px!important;
    height:6px!important;
    flex-basis:21px!important;
    min-width:21px!important;
    max-width:21px!important;
    box-shadow:11px 0 0 currentColor!important;
  }
  .section-head::before{top:-.7rem;width:58px;height:2px}
  .page-hero{padding-top:clamp(38px,10vw,64px)!important}
  .page-grid{align-items:start!important;gap:1.15rem!important}
  .tagbox{border-radius:24px!important;padding:1rem!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important}
  .mini{display:grid!important;grid-template-columns:1fr;gap:.25rem!important;align-items:start!important}.mini strong{text-align:left!important;line-height:1.25}
  .service-card{min-height:auto!important;padding:1.1rem!important}
  .process-item{grid-template-columns:1fr!important;gap:.65rem!important;padding:1rem 1rem 1rem 1.15rem!important;border-radius:22px!important}
  .process-item::before{font-size:2.25rem!important;line-height:.8!important;opacity:.9}.process-item .chip{justify-self:start!important}
  .case-grid{gap:.85rem!important}.case{min-height:auto!important}.visual{height:205px!important}.case-content{padding:1rem!important}
  .metrics{grid-template-columns:1fr 1fr!important}.metric{padding:.72rem!important;border-radius:16px!important}
  .sitemap-list{grid-template-columns:1fr!important}.sitemap-list a{padding:1rem!important;border-radius:20px!important;min-height:58px!important;align-items:center}
  .reel-controls{display:grid!important;grid-template-columns:1fr!important}.reel-arrows{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:.6rem}.reel-btn{width:100%!important;min-height:48px!important}
  .drive-vault-body{padding:1rem!important}
  .calendly-card{border-radius:26px!important}.calendly-card-head{padding:.95rem!important}
}
@media(max-width:390px){
  .eyebrow{font-size:.61rem!important;letter-spacing:.1em!important;max-width:calc(100vw - 22px)!important}
  .section-head{gap:.85rem!important}.section-head::before{width:42px}
  .metrics{grid-template-columns:1fr!important}
  .mini{font-size:.68rem!important}
}

/* --- v9 mobile nav clickability fix + final deployment patch --- */
@media(max-width:900px){
  .nav-wrap{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:5000!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .nav,
  .nav-cta,
  .menu{
    position:relative!important;
    z-index:5020!important;
    pointer-events:auto!important;
  }
  .nav-links{
    position:fixed!important;
    z-index:5010!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  .nav-links.open{
    display:grid!important;
    pointer-events:auto!important;
  }
  .nav-links a{
    position:relative!important;
    z-index:5022!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:rgba(199,255,45,.22)!important;
  }
  body.nav-open::before{
    z-index:4900!important;
    pointer-events:auto!important;
  }
}


/* --- v11 portfolio + case-study cleanup: no selector clutter, no giant 01 labels --- */
.reel-strip{display:none!important;}
.reel-theatre{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),#08080f!important;}
.clean-controls{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem!important;}
.clean-controls .reel-count{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.62rem .78rem;background:rgba(255,255,255,.055);color:#e9e5f6;}
.clean-controls .reel-state{flex:1;text-align:right;}
.reel-info{position:relative;}
.reel-info:before{content:"";position:absolute;left:1.15rem;right:1.15rem;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(199,255,45,.56),transparent);}
.reel-btn{min-width:54px!important;height:54px!important;font-size:1.2rem!important;}
.reel-fallback-note{display:none!important;}

.clean-process .process-item,.process.clean-process .process-item{grid-template-columns:auto 1fr!important;align-items:start!important;gap:1rem!important;padding:1.15rem 1.25rem!important;}
.process-item:before{display:none!important;content:none!important;}
.clean-process .chip{justify-self:start!important;order:0;margin-top:.15rem;background:linear-gradient(135deg,var(--ink),#252533);}
.clean-process .process-item{box-shadow:0 18px 46px rgba(5,5,9,.08);}
.clean-process .process-item:hover{transform:translateY(-3px);}

.case-study-grid{align-items:stretch;}
.proof-case{min-height:0!important;background:linear-gradient(180deg,#0d0d16,#090910)!important;}
.proof-case .visual{height:250px;background:radial-gradient(circle at 20% 15%,rgba(199,255,45,.34),transparent 22%),linear-gradient(135deg,var(--blue),#171728 64%,#07070d)!important;}
.case-pill{position:absolute;top:16px;left:16px;z-index:4;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.52rem .7rem;background:rgba(5,5,9,.58);backdrop-filter:blur(12px);font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:#fff;}
.case-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem;}
.case-actions .mini-link{margin-top:0!important;font-size:.64rem!important;padding:.62rem .72rem!important;}
.proof-case .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.proof-case .metric{background:rgba(255,255,255,.075);}

.service-card .icon{font-size:1.8rem!important;}
.card .mini-link,.case .mini-link{transition:.2s;}
.card .mini-link:hover,.case .mini-link:hover{transform:translateY(-2px);border-color:rgba(199,255,45,.42);color:var(--acid);}

@media(max-width:900px){
  .clean-controls .reel-state{text-align:left;flex-basis:100%;}
  .case-study-grid{grid-template-columns:1fr!important;}
}
@media(max-width:680px){
  .reel-layout{gap:1.15rem!important;}
  .clean-controls{display:grid!important;grid-template-columns:1fr!important;gap:.72rem!important;}
  .clean-controls .reel-arrows{order:1;}
  .clean-controls .reel-count{order:2;justify-self:start;font-size:.68rem;}
  .clean-controls .reel-state{order:3;text-align:left;}
  .clean-process .process-item,.process.clean-process .process-item{grid-template-columns:1fr!important;padding:1.05rem!important;}
  .clean-process .chip{order:-1;width:max-content;}
  .proof-case .visual{height:210px!important;}
  .case-actions{display:grid;grid-template-columns:1fr;}
  .case-actions .mini-link{width:100%;justify-content:center;}
}

/* v11.1: remove empty number column everywhere after hiding auto 01 counters */
.process:not(.clean-process) .process-item{grid-template-columns:1fr auto!important;}
@media(max-width:680px){.process:not(.clean-process) .process-item{grid-template-columns:1fr!important;}.process:not(.clean-process) .process-item .chip{justify-self:start!important;}}


/* --- v12 final navigation + composition pass ---
   Built for deployment with clean routes and a calmer, more art-directed rhythm. */
html{scroll-padding-top:92px;}
@media(max-width:900px){html{scroll-padding-top:86px;}}

/* Bullet / label safety: reserve real space so the double-dot never touches text */
.eyebrow{
  position:relative;
  width:max-content;
  max-width:100%;
  isolation:isolate;
}
.eyebrow::before{
  flex:0 0 34px!important;
  width:8px!important;
  height:8px!important;
  min-width:34px!important;
  box-shadow:16px 0 0 currentColor!important;
  margin-right:.12rem!important;
}
@media(max-width:760px){
  .eyebrow{width:max-content;max-width:calc(100vw - 26px);}
  .eyebrow::before{flex-basis:24px!important;min-width:24px!important;box-shadow:12px 0 0 currentColor!important;}
}

/* Mobile nav: remove overlay from tap stack and make links unmissable */
@media(max-width:900px){
  .shell{padding-top:72px!important;}
  .nav-wrap{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    z-index:99990!important;pointer-events:auto!important;
    background:rgba(5,5,9,.88)!important;
    -webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;
  }
  .nav{z-index:99995!important;pointer-events:auto!important;}
  .menu{z-index:100010!important;pointer-events:auto!important;touch-action:manipulation!important;}
  .nav-links{
    display:none!important;
    position:fixed!important;
    top:calc(72px + env(safe-area-inset-top))!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    z-index:100000!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    transform:translateZ(0)!important;
  }
  .nav-links.open{display:grid!important;visibility:visible!important;opacity:1!important;}
  .nav-links a{
    position:relative!important;z-index:100005!important;
    pointer-events:auto!important;touch-action:manipulation!important;
    display:flex!important;min-height:58px!important;
    padding:1.05rem 1.05rem!important;
    border-radius:20px!important;
  }
  body.nav-open::before{pointer-events:none!important;z-index:1!important;}
  body.nav-open{overflow:auto!important;}
}
@media(max-width:390px){.shell{padding-top:68px!important}.nav-links{top:calc(68px + env(safe-area-inset-top))!important}.nav-links a{min-height:54px!important;}}

/* Desktop CTA/button rhythm: no awkward stretching, no clumped buttons */
.actions,.case-actions,.reel-arrows,.footer-bottom,.newsletter{
  align-items:center;
}
@media(min-width:761px){
  .actions{display:flex!important;flex-wrap:wrap!important;gap:clamp(.65rem,1vw,1rem)!important;max-width:min(100%,760px)!important;}
  .actions .btn{width:auto!important;min-width:clamp(156px,14vw,210px)!important;min-height:50px!important;padding-inline:1.18rem!important;}
  .case-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;}
  .case-actions .mini-link{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;width:100%!important;white-space:normal!important;text-align:center!important;}
  .drive-vault .btn,.newsletter .btn{width:auto!important;}
  .reel-controls.clean-controls{display:grid!important;grid-template-columns:auto auto minmax(180px,1fr)!important;align-items:center!important;}
  .clean-controls .reel-state{text-align:right!important;}
}
@media(min-width:981px){
  .nav .btn{min-height:42px!important;padding:.76rem 1rem!important;}
  .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(390px,.82fr)!important;}
  .proof{max-width:720px!important;}
}

/* Spatial polish: more intentional whitespace and subtle art details without visual shouting */
.section{overflow:hidden;}
.section::after{
  content:"";position:absolute;right:clamp(14px,3vw,42px);top:clamp(18px,4vw,54px);
  width:clamp(42px,7vw,96px);height:clamp(42px,7vw,96px);
  border-top:1px solid rgba(199,255,45,.18);border-right:1px solid rgba(56,212,255,.16);
  opacity:.65;pointer-events:none;border-radius:0 18px 0 0;
}
.paper.section::after{border-color:rgba(33,76,255,.22);opacity:.5;}
.container{position:relative;}
.section-head{gap:clamp(1rem,2.5vw,2.2rem)!important;}
.section-head p{max-width:58ch!important;}
.card,.service-card,.case,.tagbox,.process-item,.kpi,.sitemap-list a{
  transform:translateZ(0);
}
.card::before,.service-card::before,.case::before,.tagbox::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 30%,transparent 72%,rgba(199,255,45,.08));
  opacity:.38;mix-blend-mode:soft-light;
}
.case,.card,.service-card,.tagbox{position:relative;isolation:isolate;}
.case-content,.card>*:not(:before),.service-card>*:not(:before),.tagbox>*{position:relative;z-index:1;}
.visual::after{
  background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.2),transparent 18%),linear-gradient(115deg,transparent,rgba(255,255,255,.08),transparent)!important;
}

/* Better use of space on awkward mid-size screens */
@media(min-width:761px) and (max-width:1180px){
  .container{width:min(100% - 34px,var(--max))!important;}
  .bento,.case-grid,.kpis,.three,.two{gap:clamp(.9rem,1.5vw,1.2rem)!important;}
  .section{padding-block:clamp(60px,8vw,105px)!important;}
}
@media(max-width:760px){
  .section{padding-block:clamp(54px,14vw,82px)!important;}
  .section::after{width:38px;height:38px;right:14px;top:18px;opacity:.28;}
  .section-head p{font-size:.95rem!important;line-height:1.62!important;}
  .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .actions .btn{width:100%!important;}
  .proof{grid-template-columns:1fr!important;}
  .hero-grid,.page-grid,.split,.contact-grid,.calendly-grid{gap:clamp(1.25rem,5vw,2rem)!important;}
  .case-actions{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;}
  .case-actions .mini-link{min-height:48px!important;display:flex!important;justify-content:center!important;}
  .reel-controls.clean-controls{border-top:1px solid rgba(255,255,255,.1)!important;}
}

/* Tiny moments people notice */
.btn{position:relative;overflow:hidden;}
.btn::after{
  content:"";position:absolute;inset:-1px;transform:translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;
}
.btn:hover::after{transform:translateX(120%);}
.mini-link{position:relative;overflow:hidden;}
.mini-link::before{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(.2);transform-origin:left;opacity:.35;transition:.25s;}
.mini-link:hover::before{transform:scaleX(1);opacity:.7;}

/* root-relative deployment patch note: clean URLs depend on root paths */

/* --- v13 case-card art direction: remove empty purple slabs, add quiet proof visuals --- */
.case .visual,
.proof-case .visual{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:clamp(215px,18vw,285px)!important;
  background:
    radial-gradient(circle at 19% 21%,rgba(255,255,255,.86),rgba(255,255,255,.18) 13%,transparent 23%),
    radial-gradient(circle at 84% 18%,rgba(199,255,45,.22),transparent 22%),
    linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
    linear-gradient(135deg,#123cff 0%,#3654ff 34%,#7d4dff 72%,#11111a 100%)!important;
  background-size:auto,auto,36px 36px,36px 36px,auto!important;
}
.case .visual::before,
.proof-case .visual::before{
  content:attr(data-line) "\A" attr(data-result)!important;
  white-space:pre-line!important;
  position:absolute!important;
  left:clamp(16px,2vw,24px)!important;
  top:clamp(58px,5vw,74px)!important;
  z-index:4!important;
  width:min(68%,360px)!important;
  padding:.78rem .9rem!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  background:rgba(5,5,9,.38)!important;
  color:#fff!important;
  font-family:var(--mono)!important;
  font-size:clamp(.65rem,.9vw,.82rem)!important;
  line-height:1.45!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  animation:none!important;
  transform:none!important;
}
.case .visual::after,
.proof-case .visual::after{
  content:attr(data-word)!important;
  position:absolute!important;
  left:clamp(16px,2vw,24px)!important;
  right:clamp(14px,2vw,22px)!important;
  bottom:clamp(10px,1.4vw,18px)!important;
  z-index:3!important;
  height:auto!important;
  background:none!important;
  color:rgba(255,255,255,.95)!important;
  font-family:var(--display)!important;
  font-size:clamp(4.1rem,7vw,7.8rem)!important;
  line-height:.72!important;
  letter-spacing:-.12em!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  opacity:.98!important;
  text-shadow:0 22px 60px rgba(0,0,0,.28)!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  animation:none!important;
}
.case .visual > .case-pill,
.proof-case .visual > .case-pill{
  top:clamp(14px,1.6vw,18px)!important;
  left:clamp(16px,2vw,24px)!important;
  z-index:5!important;
  background:rgba(5,5,9,.54)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.2)!important;
}
.case .visual .case-pill::after,
.proof-case .visual .case-pill::after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-left:.5rem;
  border-radius:50%;
  background:var(--acid);
  box-shadow:10px 0 0 var(--cyan);
  vertical-align:middle;
}
.case .visual .visual-badge{display:none!important;}
.case .visual:has(.case-pill)::before{top:clamp(62px,5.5vw,78px)!important;}
.case .visual:not([data-line])::before{
  content:"case study\A proof system"!important;
}
.case .visual:not([data-word])::after{
  content:"↗"!important;
  right:auto!important;
}
.case .visual{
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.case .visual > *{position:relative;z-index:6;}
.case .visual:before{pointer-events:none!important;}
.case .visual:after{pointer-events:none!important;}
.case:hover .visual::after{transform:translateY(-2px)!important;}
.case:hover .visual::before{border-color:rgba(199,255,45,.34)!important;background:rgba(5,5,9,.48)!important;}
.case-grid{align-items:stretch!important;}
.case{display:flex!important;flex-direction:column!important;}
.case-content{display:flex!important;flex:1!important;flex-direction:column!important;}
.case-content .metrics{margin-top:auto!important;}
.case-content .case-actions{margin-top:1rem!important;}

/* Desktop button/card balance patch */
@media(min-width:761px){
  .case-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;}
  .case-actions .mini-link{min-height:48px!important;border-radius:999px!important;}
  .section-head>.btn{justify-self:end!important;align-self:center!important;}
  .btn{min-height:48px!important;}
}

@media(max-width:760px){
  .case .visual,.proof-case .visual{min-height:190px!important;height:190px!important;border-radius:22px 22px 0 0!important;background-size:auto,auto,30px 30px,30px 30px,auto!important;}
  .case .visual::before,.proof-case .visual::before{left:14px!important;top:52px!important;width:calc(100% - 28px)!important;padding:.62rem .7rem!important;font-size:.58rem!important;line-height:1.35!important;border-radius:14px!important;}
  .case .visual:has(.case-pill)::before{top:54px!important;}
  .case .visual::after,.proof-case .visual::after{left:14px!important;right:14px!important;bottom:7px!important;font-size:clamp(3.35rem,20vw,5.1rem)!important;letter-spacing:-.13em!important;}
  .case .visual > .case-pill,.proof-case .visual > .case-pill{left:14px!important;top:12px!important;font-size:.58rem!important;padding:.45rem .58rem!important;max-width:calc(100% - 28px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .case-content{padding:1.05rem!important;}
  .case h3{font-size:clamp(1.5rem,8vw,2rem)!important;}
}

@media(max-width:390px){
  .case .visual,.proof-case .visual{min-height:172px!important;height:172px!important;}
  .case .visual::before,.proof-case .visual::before{font-size:.54rem!important;top:48px!important;}
  .case .visual::after,.proof-case .visual::after{font-size:3.15rem!important;bottom:8px!important;}
  .case .visual > .case-pill,.proof-case .visual > .case-pill{font-size:.52rem!important;}
}


/* --- v14 actual client visuals + stronger proof stats --- */
.proof{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:980px!important;}
.stat:nth-child(4){background:linear-gradient(135deg,rgba(199,255,45,.13),rgba(255,255,255,.055))!important;border-color:rgba(199,255,45,.28)!important;}
.stat:nth-child(4) strong{font-size:clamp(1.55rem,2.55vw,2.8rem)!important;letter-spacing:-.075em!important;}
.stat span{line-height:1.35!important;}

.client-visual{
  position:relative!important;
  height:292px!important;
  min-height:292px!important;
  overflow:hidden!important;
  background:#07070d!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.client-visual::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(5,5,9,.12),rgba(5,5,9,.38) 58%,rgba(5,5,9,.92)),
    radial-gradient(circle at 16% 18%,rgba(199,255,45,.22),transparent 32%),
    radial-gradient(circle at 82% 18%,rgba(56,212,255,.18),transparent 28%)!important;
  z-index:2!important;
  pointer-events:none!important;
}
.client-visual::after{
  content:""!important;
  display:none!important;
}
.client-visual .case-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.9!important;
  transform:scale(1.02)!important;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .35s ease,filter .35s ease!important;
  filter:saturate(.95) contrast(1.04)!important;
  z-index:1!important;
}
.proof-case:hover .client-visual .case-image{transform:scale(1.065)!important;opacity:1!important;filter:saturate(1.08) contrast(1.08)!important;}
.family-card .case-image{
  object-fit:contain!important;
  padding:68px 36px 54px!important;
  background:linear-gradient(135deg,#fff 0%,#fff8ee 48%,#f8f2ea 100%)!important;
  filter:saturate(1.02) contrast(1.03)!important;
  opacity:1!important;
}
.jaxson-card .case-image{object-position:center 45%!important;}
.sabine-card .case-image{object-position:center 42%!important;}
.client-visual .case-pill{
  left:18px!important;
  top:18px!important;
  z-index:5!important;
  max-width:calc(100% - 36px)!important;
  background:rgba(5,5,9,.62)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.32)!important;
}
.family-card .case-pill{background:rgba(255,255,255,.72)!important;color:#111!important;border-color:rgba(0,0,0,.1)!important;}
.case-context{
  position:absolute!important;
  left:18px!important;
  bottom:18px!important;
  z-index:5!important;
  max-width:calc(100% - 150px)!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:.52rem .7rem!important;
  border-radius:999px!important;
  background:rgba(5,5,9,.58)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-family:var(--mono)!important;
  font-size:.62rem!important;
  line-height:1.15!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  backdrop-filter:blur(16px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.family-card .case-context{background:rgba(0,0,0,.72)!important;color:#fff!important;}
.case-result{
  position:absolute!important;
  right:16px!important;
  bottom:6px!important;
  z-index:5!important;
  font-family:var(--display)!important;
  font-size:clamp(4.2rem,7vw,7.4rem)!important;
  line-height:.78!important;
  letter-spacing:-.12em!important;
  color:#fff!important;
  text-shadow:0 16px 42px rgba(0,0,0,.5)!important;
  pointer-events:none!important;
}
.family-card .case-result{color:#ff7f22!important;text-shadow:0 12px 32px rgba(255,127,34,.22)!important;}
.client-visual .visual-badge{display:none!important;}
.case-content h3{max-width:12ch;}
.proof-case:nth-child(2) .case-content h3{max-width:15ch;}
.proof-case:nth-child(3) .case-content h3{max-width:16ch;}

@media(max-width:980px){
  .proof{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .client-visual{height:260px!important;min-height:260px!important;}
}
@media(max-width:680px){
  .proof{grid-template-columns:1fr!important;}
  .client-visual{height:230px!important;min-height:230px!important;border-radius:22px 22px 0 0!important;}
  .family-card .case-image{padding:62px 24px 48px!important;}
  .case-result{font-size:clamp(3.75rem,18vw,5.4rem)!important;right:14px!important;bottom:8px!important;}
  .case-context{left:14px!important;bottom:14px!important;max-width:calc(100% - 118px)!important;font-size:.55rem!important;padding:.46rem .58rem!important;}
  .client-visual .case-pill{left:14px!important;top:14px!important;font-size:.54rem!important;}
  .case-content h3{max-width:100%!important;}
}
@media(max-width:380px){
  .case-result{font-size:3.45rem!important;}
  .case-context{max-width:calc(100% - 104px)!important;}
}

/* --- v15 image-first case cards: remove the gradient boxes from real client visuals --- */
.case .visual.client-visual,
.proof-case .visual.client-visual,
.client-visual{
  background:#07070d!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:292px!important;
  height:292px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.case .visual.client-visual::before,
.proof-case .visual.client-visual::before,
.client-visual::before,
.case .visual.client-visual::after,
.proof-case .visual.client-visual::after,
.client-visual::after{
  content:""!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.client-visual .case-image{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:saturate(1.03) contrast(1.02)!important;
  transform:scale(1.005)!important;
  transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .35s ease!important;
}
.proof-case:hover .client-visual .case-image{
  transform:scale(1.035)!important;
  filter:saturate(1.08) contrast(1.06)!important;
}
.family-card .case-image{
  object-fit:contain!important;
  padding:44px 34px 48px!important;
  background:#fff!important;
}
.jaxson-card .case-image{object-position:center 48%!important;}
.sabine-card .case-image{object-position:center 36%!important;}
.client-visual .case-pill,
.client-visual .case-context,
.client-visual .case-result{
  z-index:5!important;
  position:absolute!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  font-family:var(--mono)!important;
  line-height:1.1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
}
.client-visual .case-pill{
  left:18px!important;
  top:18px!important;
  max-width:calc(100% - 36px)!important;
  padding:.52rem .68rem!important;
  background:rgba(5,5,9,.64)!important;
  color:#fff!important;
  font-size:.62rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.client-visual .case-pill::after{display:none!important;content:""!important;}
.client-visual .case-context{
  left:18px!important;
  bottom:18px!important;
  max-width:calc(100% - 36px)!important;
  padding:.52rem .7rem!important;
  background:rgba(5,5,9,.62)!important;
  color:#fff!important;
  font-size:.6rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.client-visual .case-result{
  right:18px!important;
  top:18px!important;
  bottom:auto!important;
  left:auto!important;
  padding:.54rem .74rem!important;
  min-height:auto!important;
  height:auto!important;
  width:auto!important;
  background:rgba(199,255,45,.9)!important;
  color:#07070d!important;
  font-size:.72rem!important;
  font-weight:900!important;
  text-shadow:none!important;
  letter-spacing:.04em!important;
}
.family-card .case-pill,
.family-card .case-context{
  background:rgba(255,255,255,.82)!important;
  color:#111!important;
  border-color:rgba(0,0,0,.1)!important;
}
.family-card .case-result{background:#ff7f22!important;color:#fff!important;}
.case-study-grid .case-content,
.case-grid .proof-case .case-content{
  padding-top:clamp(1.1rem,1.7vw,1.45rem)!important;
}
.case-study-grid .case-content h3,
.case-grid .proof-case .case-content h3{max-width:16ch!important;}

@media(max-width:980px){
  .case .visual.client-visual,.proof-case .visual.client-visual,.client-visual{height:260px!important;min-height:260px!important;}
}
@media(max-width:680px){
  .case .visual.client-visual,.proof-case .visual.client-visual,.client-visual{height:232px!important;min-height:232px!important;border-radius:22px 22px 0 0!important;}
  .family-card .case-image{padding:48px 24px 46px!important;}
  .client-visual .case-pill{left:14px!important;top:14px!important;font-size:.54rem!important;padding:.46rem .58rem!important;max-width:calc(100% - 106px)!important;}
  .client-visual .case-result{right:14px!important;top:14px!important;font-size:.58rem!important;padding:.46rem .58rem!important;}
  .client-visual .case-context{left:14px!important;right:14px!important;bottom:14px!important;max-width:calc(100% - 28px)!important;font-size:.54rem!important;padding:.48rem .58rem!important;}
  .sabine-card .case-image{object-position:center 30%!important;}
}
@media(max-width:380px){
  .case .visual.client-visual,.proof-case .visual.client-visual,.client-visual{height:210px!important;min-height:210px!important;}
  .client-visual .case-pill{max-width:calc(100% - 96px)!important;}
}

/* --- v16 nav height + kinetic phone art direction pass --- */
@media (min-width: 901px){
  .nav-wrap{padding:8px 0!important;}
  .nav{min-height:58px!important;align-items:center!important;}
  .nav-links{padding:4px!important;gap:.25rem!important;min-height:50px!important;}
  .nav-links a{padding:.58rem .92rem!important;line-height:1!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  .nav-links a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--blue),0 6px 22px rgba(0,0,0,.12)!important;}
  .nav-cta .btn{min-height:40px!important;padding:.66rem 1rem!important;}
  .brand-mark{width:38px!important;height:38px!important;}
}
.hero-visual-v16{isolation:isolate;min-height:clamp(520px,48vw,690px)!important;overflow:visible!important;}
.hero-visual-v16::before{content:"";position:absolute;inset:8% 2% 0 2%;border-radius:42px;background:radial-gradient(circle at 50% 12%,rgba(56,212,255,.12),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.07);opacity:.9;z-index:-3;}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 22px rgba(56,212,255,.08));}
.orbit-a{width:min(580px,90vw);height:min(580px,90vw);transform:rotate(-14deg) scaleX(.78);}
.orbit-b{width:min(440px,72vw);height:min(440px,72vw);transform:rotate(22deg) scaleX(1.12);border-style:dashed;opacity:.55;}
.kinetic-phone{width:min(374px,85vw)!important;height:670px!important;transform:rotate(-4deg)!important;border-color:rgba(255,255,255,.38)!important;box-shadow:0 32px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 8px rgba(255,255,255,.035)!important;}
.kinetic-screen{background:linear-gradient(180deg,#244fff 0%,#8056ff 48%,#0b0b16 100%)!important;overflow:hidden;}
.kinetic-screen::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:38px 38px;opacity:.34;mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 100%);pointer-events:none;}
.soft-light{position:absolute;left:16%;top:8%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.84),rgba(255,255,255,.08) 42%,transparent 70%);filter:blur(2px);opacity:.78;animation:softDrift 7s ease-in-out infinite;}
.signal-orb{position:absolute;right:28px;top:64px;width:82px;height:82px;border-radius:28px;background:var(--acid);box-shadow:0 0 0 8px rgba(199,255,45,.12),0 24px 60px rgba(199,255,45,.28);transform:rotate(14deg);animation:orbPop 4.8s ease-in-out infinite;}
.signal-orb::before{content:"↗";position:absolute;inset:0;display:grid;place-items:center;color:#050509;font-family:var(--display);font-size:2.2rem;font-weight:1000;}
.kinetic-card{position:absolute;border-radius:26px;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 68px rgba(0,0,0,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:1rem;z-index:2;animation:cardFloat 6.8s ease-in-out infinite;}
.kinetic-card span{display:inline-flex;border-radius:999px;padding:.4rem .55rem;background:var(--blue);color:#fff;font-family:var(--mono);font-size:.62rem;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase;}
.kinetic-card strong{display:block;margin:.72rem 0 .28rem;font-family:var(--display);font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:.88;letter-spacing:-.08em;max-width:9ch;}
.kinetic-card small{display:block;font-family:var(--mono);font-size:.64rem;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:rgba(5,5,9,.64);max-width:18ch;}
.main-card{left:28px;top:132px;width:214px;min-height:214px;background:rgba(255,250,241,.92);color:#050509;}
.main-card::before{content:"";position:absolute;right:-32px;top:-36px;width:122px;height:122px;border:18px solid rgba(141,84,255,.18);border-radius:50%;}
.proof-card{right:20px;top:314px;width:172px;background:#101019;color:#fff;animation-delay:1.1s;}
.proof-card span{background:var(--acid);color:#050509;}
.proof-card small{color:#bdb8cf;}
.lead-card{left:36px;bottom:94px;width:250px;background:linear-gradient(135deg,#fff,#eaf5ff);color:#050509;animation-delay:2.2s;}
.motion-ribbon{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(5,5,9,.72);color:#fff;font-family:var(--mono);font-size:.72rem;line-height:1;letter-spacing:.09em;font-weight:900;padding:.72rem .9rem;box-shadow:0 16px 40px rgba(0,0,0,.28);white-space:nowrap;}
.ribbon-one{left:-26px;top:58px;transform:rotate(4deg);}
.ribbon-two{right:-18px;bottom:58px;background:#f5f0e8;color:#050509;border-color:rgba(0,0,0,.1);}
.mini-dock{position:absolute;left:34px;right:34px;bottom:24px;height:38px;border-radius:999px;background:rgba(5,5,9,.66);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;gap:10px;z-index:4;box-shadow:0 14px 40px rgba(0,0,0,.26);}
.mini-dock i{display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.38);}
.mini-dock i:nth-child(2){width:42px;border-radius:999px;background:var(--acid);}
.signal-chip{position:absolute;z-index:6;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#0d0d12;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.38);font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;font-weight:900;padding:.7rem .9rem;white-space:nowrap;}
.chip-top{left:5%;top:18%;transform:rotate(5deg);}.chip-right{right:2%;top:34%;background:var(--acid);color:#050509;border-color:rgba(255,255,255,.38);border-radius:26px;transform:rotate(10deg);font-family:var(--display);font-size:2rem;letter-spacing:-.06em;padding:1.1rem 1.2rem;}.chip-bottom{left:14%;bottom:12%;transform:rotate(-4deg);}.chip-left{left:0;top:54%;background:var(--hot);font-size:1.55rem;border-radius:22px;transform:rotate(-11deg);padding:1rem 1.2rem;}
@keyframes cardFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-10px,0) rotate(.8deg)}}
@keyframes softDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,8px)}}
@keyframes orbPop{0%,100%{transform:rotate(14deg) translateY(0)}50%{transform:rotate(18deg) translateY(-12px)}}

@media(max-width:900px){
  .hero-visual-v16{min-height:clamp(420px,112vw,560px)!important;margin-top:1.6rem!important;padding:10px!important;overflow:hidden!important;border-radius:32px!important;}
  .hero-visual-v16::before{inset:0;border-radius:32px;}
  .kinetic-phone{width:min(286px,78vw)!important;height:min(530px,138vw)!important;border-radius:42px!important;padding:13px!important;transform:rotate(-2deg)!important;}
  .kinetic-phone:before{width:88px!important;height:22px!important;top:13px!important;}
  .kinetic-screen{border-radius:30px!important;}
  .soft-light{width:150px;height:150px;left:18%;top:8%;}
  .signal-orb{width:58px;height:58px;border-radius:20px;right:22px;top:64px;}
  .signal-orb::before{font-size:1.55rem;}
  .kinetic-card{border-radius:20px;padding:.72rem!important;}
  .kinetic-card span{font-size:.48rem;padding:.32rem .42rem;}
  .kinetic-card strong{font-size:1.08rem!important;line-height:.92!important;margin:.48rem 0 .16rem!important;max-width:9ch!important;}
  .kinetic-card small{font-size:.48rem!important;line-height:1.2!important;max-width:14ch!important;}
  .main-card{left:16px;top:100px;width:154px;min-height:158px;}
  .main-card::before{width:78px;height:78px;border-width:12px;right:-22px;top:-20px;}
  .proof-card{right:14px;top:248px;width:126px;}
  .lead-card{left:18px;bottom:78px;width:194px;}
  .motion-ribbon{font-size:.52rem;padding:.52rem .62rem;}
  .ribbon-one{left:8px;top:48px;}.ribbon-two{right:10px;bottom:42px;}
  .mini-dock{left:30px;right:30px;bottom:18px;height:32px;}
  .signal-chip{font-size:.54rem;padding:.5rem .58rem;border-radius:12px;}
  .chip-right{font-size:1.25rem;padding:.75rem .86rem;right:4%;top:30%;}
  .chip-left{font-size:1rem;padding:.7rem .8rem;left:2%;top:58%;}
  .chip-top{left:4%;top:8%;}.chip-bottom{left:14%;bottom:7%;}
  .orbit{display:none;}
}
@media(max-width:420px){
  .hero-visual-v16{min-height:420px!important;padding:6px!important;}
  .kinetic-phone{width:min(258px,80vw)!important;height:min(488px,140vw)!important;}
  .main-card{width:144px;top:96px;left:14px;}.proof-card{width:118px;top:230px;right:12px;}.lead-card{width:174px;bottom:76px;left:16px;}
  .chip-right{display:none;}.chip-left{top:56%;}.chip-bottom{bottom:6%;}
}
@media(max-width:360px){
  .hero-visual-v16{min-height:390px!important;}
  .kinetic-phone{width:238px!important;height:450px!important;}
  .main-card{width:130px;min-height:140px;}.proof-card{top:214px;width:106px;}.lead-card{width:162px;}
  .kinetic-card strong{font-size:.98rem!important;}.kinetic-card small{display:none!important;}
  .motion-ribbon{display:none!important;}
}
@media(prefers-reduced-motion:reduce){.kinetic-card,.soft-light,.signal-orb{animation:none!important;}}

/* --- v17 artwork pass: cinematic composition, clean navigation, tactile micro-details --- */
:root{
  --art-purple:#7b43ff;
  --art-blue:#214cff;
  --art-cream:#f7f1e8;
  --art-lime:#c7ff2d;
  --art-pink:#ff3ea5;
  --art-shadow:0 34px 120px rgba(0,0,0,.44);
}
body::before{opacity:.72!important;background:
  radial-gradient(circle at 18% 12%,rgba(56,212,255,.13),transparent 30vw),
  radial-gradient(circle at 88% 24%,rgba(199,255,45,.09),transparent 22vw),
  radial-gradient(circle at 55% 82%,rgba(255,62,165,.09),transparent 28vw),
  linear-gradient(180deg,#050509 0%,#080810 100%)!important;}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.84),transparent 76%);}

@media (min-width:901px){
  .nav-wrap{padding:5px 0!important;}
  .nav{min-height:52px!important;width:min(1240px,calc(100% - 40px))!important;}
  .nav-links{min-height:44px!important;padding:4px!important;background:rgba(16,24,33,.72)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 18px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;}
  .nav-links a{min-height:34px!important;padding:.5rem .95rem!important;line-height:1!important;}
  .nav-links a[aria-current="page"]:after{display:none!important;content:""!important;}
  .nav-links a[aria-current=page]{box-shadow:none!important;background:linear-gradient(135deg,#f7f1e8,#fff8ec)!important;}
  .brand-mark{width:34px!important;height:34px!important;border-radius:11px!important;}
  .nav-cta .btn{min-height:36px!important;padding:.58rem .92rem!important;}
}

/* Hero as art object rather than a generic phone mockup */
.hero-grid{position:relative;}
.hero-grid::before{content:"";position:absolute;left:-6vw;top:8%;width:92px;height:92px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,62,165,.12),rgba(33,76,255,.04));transform:rotate(-12deg);filter:blur(.1px);}
.hero-visual-v17{isolation:isolate;min-height:clamp(560px,50vw,720px)!important;overflow:visible!important;display:grid!important;place-items:center!important;}
.hero-visual-v17 .master-grid{position:absolute;inset:4% 0 0;border-radius:44px;border:1px solid rgba(255,255,255,.08);background:
  radial-gradient(circle at 24% 16%,rgba(255,255,255,.08),transparent 14rem),
  linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);z-index:-4;}
.hero-visual-v17 .master-grid::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 35%,#000 0 44%,transparent 74%);opacity:.7;}
.hero-visual-v17 .orbit{border-color:rgba(255,255,255,.18)!important;}
.masterpiece-phone{width:min(390px,84vw)!important;height:690px!important;padding:17px!important;border-radius:58px!important;transform:rotate(-4.5deg) translateZ(0)!important;border:2px solid rgba(255,255,255,.36)!important;background:linear-gradient(135deg,#080812,#020205)!important;box-shadow:0 46px 110px rgba(0,0,0,.58),0 0 0 8px rgba(255,255,255,.025),inset 0 0 0 8px rgba(255,255,255,.03)!important;}
.masterpiece-phone::after{content:"";position:absolute;inset:-10px;border-radius:64px;border:1px solid rgba(255,255,255,.16);pointer-events:none;}
.masterpiece-phone:before{width:112px!important;height:28px!important;top:18px!important;background:#050509!important;box-shadow:0 0 0 1px rgba(255,255,255,.06)!important;}
.masterpiece-screen{position:relative;height:100%;border-radius:42px!important;overflow:hidden!important;background:linear-gradient(180deg,#2857ff 0%,#7445ff 42%,#131326 68%,#05050a 100%)!important;}
.masterpiece-screen::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 38% 18%,rgba(255,255,255,.88),rgba(255,255,255,.1) 16%,transparent 34%),
  radial-gradient(circle at 78% 58%,rgba(199,255,45,.22),transparent 22%),
  linear-gradient(160deg,transparent 0 43%,rgba(0,0,0,.28) 44% 100%);opacity:.92;}
.masterpiece-screen::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:36px 36px;opacity:.32;mask-image:linear-gradient(to bottom,#000 0 62%,transparent 100%);}
.screen-glow{position:absolute;left:9%;top:8%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),rgba(255,255,255,.14) 45%,transparent 72%);filter:blur(1px);animation:studioGlow 8s ease-in-out infinite;z-index:1;}
.story-line{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.2);border-radius:999px;opacity:.62;}
.story-line-a{width:280px;height:280px;right:-120px;top:80px;transform:rotate(18deg);}
.story-line-b{width:360px;height:360px;left:-190px;bottom:30px;border-style:dashed;transform:rotate(-16deg);}
.hero-poster{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:1rem;box-shadow:0 28px 70px rgba(0,0,0,.36);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:cardFloat 7s ease-in-out infinite;overflow:hidden;}
.hero-poster::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 55%);pointer-events:none;}
.hero-poster span{display:inline-flex;font-family:var(--mono);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.38rem .54rem;background:var(--blue);color:#fff;position:relative;}
.hero-poster strong{display:block;position:relative;margin:.75rem 0 .25rem;font-family:var(--display);font-size:clamp(1.35rem,2.1vw,2rem);line-height:.9;letter-spacing:-.075em;}
.hero-poster small{display:block;position:relative;font-family:var(--mono);font-size:.61rem;line-height:1.25;text-transform:uppercase;letter-spacing:.06em;opacity:.78;}
.poster-main{left:28px;top:132px;width:230px;min-height:225px;background:rgba(247,241,232,.94);color:#050509;}
.poster-main::after{content:"";position:absolute;right:-28px;top:-36px;width:118px;height:118px;border-radius:50%;border:17px solid rgba(141,84,255,.2);}
.poster-proof{right:20px;top:344px;width:168px;background:#0d0d16;color:#fff;animation-delay:1.2s;}
.poster-proof span{background:var(--art-lime);color:#050509;}
.poster-proof strong{font-size:2.55rem;}
.poster-leads{left:42px;bottom:84px;width:255px;background:linear-gradient(135deg,#fff,#e8f6ff);color:#050509;animation-delay:2.1s;}
.mini-timeline{position:absolute;left:34px;right:34px;bottom:24px;height:38px;border-radius:999px;background:rgba(5,5,9,.68);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;gap:9px;z-index:5;box-shadow:0 14px 38px rgba(0,0,0,.28);}
.mini-timeline i{display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.36);}
.mini-timeline i:nth-child(3){width:42px;border-radius:999px;background:var(--art-lime);}
.motion-spark{position:absolute;z-index:3;border-radius:999px;background:var(--art-lime);box-shadow:0 0 28px rgba(199,255,45,.55);}
.spark-one{width:10px;height:10px;right:92px;top:260px;animation:sparkDrift 6s ease-in-out infinite;}
.spark-two{width:7px;height:7px;left:104px;bottom:260px;background:#fff;animation:sparkDrift 7s ease-in-out infinite reverse;}
.art-ribbon{position:absolute;z-index:9;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#0d0d12;color:#fff;font-family:var(--mono);font-size:.74rem;font-weight:900;letter-spacing:.07em;padding:.72rem .92rem;box-shadow:0 18px 48px rgba(0,0,0,.35);white-space:nowrap;}
.ribbon-culture{left:0;top:15%;transform:rotate(5deg);}.ribbon-engine{left:12%;bottom:8%;transform:rotate(-4deg);}.ribbon-signal{right:0;bottom:16%;background:#f6f0e7;color:#050509;border-color:rgba(0,0,0,.08);border-radius:999px;}
.art-sticker{position:absolute;z-index:8;display:grid;place-items:center;border:2px solid rgba(255,255,255,.32);box-shadow:0 20px 52px rgba(0,0,0,.3);font-family:var(--display);font-weight:1000;letter-spacing:-.08em;animation:float 5.8s ease-in-out infinite;}
.sticker-reply{right:3%;top:21%;width:104px;height:104px;border-radius:28px;background:var(--art-lime);color:#050509;font-size:3rem;transform:rotate(13deg);}
.sticker-logo{left:3%;top:52%;width:92px;height:92px;border-radius:24px;background:var(--art-pink);color:white;font-size:2.7rem;transform:rotate(-11deg);animation-delay:1s;}
@keyframes studioGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,10px) scale(1.08)}}
@keyframes sparkDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-28px) scale(1.7)}}

/* Site-wide art direction: intentional asymmetry, texture, and composition */
.section{position:relative;}
.section::before{content:"";position:absolute;left:clamp(12px,3vw,34px);top:clamp(28px,5vw,70px);width:1px;height:clamp(54px,8vw,120px);background:linear-gradient(to bottom,transparent,var(--line),transparent);opacity:.6;pointer-events:none;}
.section-head{position:relative;}
.section-head::before{content:"";position:absolute;left:-18px;top:.2rem;width:7px;height:7px;border-radius:50%;background:var(--art-lime);box-shadow:14px 0 0 var(--art-blue);}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.46rem .7rem;margin-bottom:.82rem!important;}
.paper .eyebrow{background:rgba(33,76,255,.06);border-color:rgba(33,76,255,.12);}
.card,.case,.metric,.tagbox,.process-item,.reel-card,.drive-vault{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.15)!important;}
.card::after{content:"";position:absolute;right:16px;top:16px;width:30px;height:30px;border-top:1px solid currentColor;border-right:1px solid currentColor;opacity:.18;pointer-events:none;}
.card:hover,.case:hover{transform:translateY(-8px) rotate(-.25deg)!important;}
.card:nth-child(even):hover,.case:nth-child(even):hover{transform:translateY(-8px) rotate(.25deg)!important;}
.btn{position:relative;overflow:hidden;}
.btn::after{content:"";position:absolute;inset:-70% auto -70% -40%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg);transition:.45s;opacity:0;}
.btn:hover::after{left:125%;opacity:1;}
.art-manifesto{padding:0 0 clamp(34px,5vw,70px)!important;margin-top:-20px;}
.manifesto-board{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028));padding:clamp(1rem,2.4vw,1.6rem);position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.25);}
.manifesto-board::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 72%);opacity:.52;}
.manifesto-board > *{position:relative;}
.manifesto-mark{width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,var(--art-pink),var(--art-blue));display:grid;place-items:center;font-family:var(--display);font-size:3rem;font-weight:1000;color:#fff;box-shadow:0 20px 60px rgba(33,76,255,.24);}
.manifesto-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;}
.manifesto-strip span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.72rem .9rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#dcd8e8;background:rgba(5,5,9,.44);}

/* Case cards on both Home and Work: richer editorial covers, no gradient blockage */
.client-visual{background:#08080e!important;}
.client-visual .case-image{filter:saturate(1.05) contrast(1.05)!important;}
.client-visual::before,.client-visual::after{display:none!important;content:""!important;}
.client-visual .case-pill,.client-visual .case-result,.client-visual .case-context{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.family-card .case-image{background:#fff!important;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.22);}
.jaxson-card .case-image,.sabine-card .case-image{transform-origin:center;}
.proof-case:hover .jaxson-card .case-image,.proof-case:hover .sabine-card .case-image{transform:scale(1.055)!important;}

@media(max-width:900px){
  .hero-visual-v17{min-height:clamp(440px,112vw,610px)!important;margin-top:1.2rem!important;padding:8px!important;overflow:hidden!important;border-radius:34px!important;}
  .hero-visual-v17 .master-grid{inset:0;border-radius:34px;}
  .masterpiece-phone{width:min(286px,78vw)!important;height:min(535px,138vw)!important;border-radius:42px!important;padding:13px!important;transform:rotate(-2.5deg)!important;}
  .masterpiece-phone:before{width:86px!important;height:22px!important;top:13px!important;}
  .masterpiece-screen{border-radius:30px!important;}
  .screen-glow{width:126px;height:126px;left:15%;top:8%;}
  .story-line{display:none;}
  .hero-poster{border-radius:20px!important;padding:.7rem!important;}
  .hero-poster span{font-size:.48rem;padding:.32rem .42rem;}
  .hero-poster strong{font-size:1.02rem!important;line-height:.92!important;margin:.48rem 0 .16rem!important;max-width:10ch!important;}
  .hero-poster small{font-size:.48rem!important;line-height:1.18!important;max-width:14ch!important;}
  .poster-main{left:16px;top:96px;width:158px;min-height:164px;}
  .poster-main::after{width:70px;height:70px;border-width:11px;right:-20px;top:-20px;}
  .poster-proof{right:14px;top:248px;width:118px;}
  .poster-proof strong{font-size:1.5rem!important;}
  .poster-leads{left:18px;bottom:78px;width:190px;}
  .art-ribbon{font-size:.52rem;padding:.5rem .6rem;border-radius:12px;}
  .ribbon-culture{left:10px;top:44px;}.ribbon-engine{left:18px;bottom:36px;}.ribbon-signal{right:10px;bottom:54px;}
  .sticker-reply{width:58px;height:58px;border-radius:20px;right:20px;top:108px;font-size:1.8rem;}
  .sticker-logo{width:52px;height:52px;border-radius:16px;left:16px;top:54%;font-size:1.7rem;}
  .mini-timeline{left:28px;right:28px;bottom:16px;height:30px;}
  .manifesto-board{grid-template-columns:1fr!important;border-radius:28px;}
  .manifesto-mark{width:64px;height:64px;border-radius:22px;font-size:2.2rem;}
  .manifesto-strip{grid-template-columns:1fr!important;}
  .section-head::before{display:none;}
}
@media(max-width:420px){
  .hero-visual-v17{min-height:420px!important;padding:5px!important;}
  .masterpiece-phone{width:min(258px,80vw)!important;height:min(488px,140vw)!important;}
  .poster-main{width:142px;top:92px;left:14px;min-height:146px;}
  .poster-proof{width:106px;top:226px;right:12px;}
  .poster-leads{width:168px;bottom:72px;left:16px;}
  .hero-poster small{display:none!important;}
  .ribbon-signal,.sticker-reply{display:none!important;}
}
@media(max-width:360px){
  .hero-visual-v17{min-height:386px!important;}
  .masterpiece-phone{width:238px!important;height:448px!important;}
  .poster-main{width:128px;min-height:132px;}.poster-proof{top:210px;width:96px;}.poster-leads{width:154px;}
  .hero-poster strong{font-size:.93rem!important;}
  .art-ribbon{display:none!important;}
}
@media(prefers-reduced-motion:reduce){.hero-poster,.screen-glow,.motion-spark,.art-sticker{animation:none!important;}}

/* v18 interaction + overlap correction pass
   Goal: no moving text colliding with the manifesto, richer micro-interactions without visual clutter. */
:root{
  --v18-glow: rgba(199,255,45,.18);
  --v18-ink: #f8f2e8;
}

/* The ticker is now a proper rail, not a loose layer sitting on top of the next section. */
.marquee{
  position:relative!important;
  z-index:1!important;
  height:clamp(58px,5.4vw,84px)!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  margin:clamp(26px,3.8vw,56px) 0 clamp(34px,4.4vw,68px)!important;
  padding:0!important;
  border-block:1px solid rgba(255,255,255,.115)!important;
  background:
    linear-gradient(90deg,rgba(5,5,9,.92),rgba(31,23,54,.68),rgba(5,5,9,.92)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 44px)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
  contain:layout paint;
  pointer-events:none;
}
.marquee-track{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:clamp(4.5rem,9vw,10rem)!important;
  padding:0!important;
  animation:marquee 58s linear infinite!important;
  will-change:transform;
}
.marquee span{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  line-height:.82!important;
  padding:.2rem .3rem!important;
  font-size:clamp(1.25rem,3vw,2.85rem)!important;
  letter-spacing:-.055em!important;
}
.marquee span::after{
  content:"";
  display:inline-block;
  width:.42em;
  height:.42em;
  border-radius:999px;
  background:var(--art-lime);
  margin-left:clamp(2rem,5vw,5rem);
  box-shadow:0 0 26px rgba(199,255,45,.42);
}
.marquee:hover .marquee-track{animation-play-state:paused!important;}
.art-manifesto{
  margin-top:0!important;
  padding-top:0!important;
  clear:both!important;
  position:relative!important;
  z-index:2!important;
}
.manifesto-board{
  overflow:hidden!important;
  isolation:isolate;
}
.manifesto-board .xl{
  max-width:13.4ch!important;
  text-wrap:balance;
  line-height:.9!important;
  letter-spacing:-.082em!important;
}
.manifesto-strip{
  align-items:stretch!important;
}
.manifesto-strip span{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:54px!important;
  padding:.92rem 1rem!important;
  line-height:1.05!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Micro-interactions: subtle feedback, not noisy animation. */
.is-micro-surface{
  position:relative!important;
  overflow:hidden!important;
  transform-style:preserve-3d;
  transition:transform .32s cubic-bezier(.2,.8,.2,1), border-color .32s ease, box-shadow .32s ease!important;
}
.is-micro-surface .micro-glow{
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  z-index:9;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), rgba(199,255,45,.18), rgba(56,212,255,.08) 22%, transparent 52%);
  mix-blend-mode:screen;
  transition:opacity .24s ease;
}
.is-micro-surface:hover .micro-glow{opacity:1;}
.card.is-micro-surface:hover,.case.is-micro-surface:hover,.process-item.is-micro-surface:hover{
  border-color:rgba(199,255,45,.28)!important;
  box-shadow:0 34px 95px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.case.is-micro-surface:hover .case-image{transform:scale(1.045) translateY(-2px);filter:saturate(1.08) contrast(1.04);}
.case-image{transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease!important;}
.case-pill,.case-context,.case-result{transition:transform .28s ease, background .28s ease, border-color .28s ease;}
.case:hover .case-pill,.case:hover .case-context{transform:translateY(-2px);}
.case:hover .case-result{transform:translateY(-4px) scale(1.02);}

/* Better desktop CTA/button rhythm. */
.actions,.case-actions,.section-head,.hero-kicker{
  gap:clamp(.68rem,1vw,1rem)!important;
}
.btn{
  min-height:44px;
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .22s ease, background .22s ease!important;
}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0) scale(.985);}
.btn-ripple{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:999px;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(0);
  background:rgba(255,255,255,.55);
  animation:rippleV18 .58s ease-out forwards;
  mix-blend-mode:screen;
}
@keyframes rippleV18{to{transform:translate(-50%,-50%) scale(24);opacity:0;}}

/* Make the hero phone feel alive but keep small labels readable and separated. */
.hero-visual-v17{position:relative!important;}
.masterpiece-phone{transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease!important;}
.hero-visual-v17:hover .masterpiece-phone{transform:rotate(-3deg) translateY(-6px) scale(1.01)!important;}
.hero-poster{max-width:calc(100% - 36px);}
.hero-poster strong{overflow-wrap:normal!important;text-wrap:balance;}
.art-ribbon{max-width:min(220px,42vw);overflow:hidden;text-overflow:ellipsis;}

/* Mobile/tight screens: reduce kinetic layers and create breathing room. */
@media(max-width:900px){
  .marquee{
    height:54px!important;
    min-height:54px!important;
    margin:20px 0 28px!important;
  }
  .marquee-track{gap:3.2rem!important;animation-duration:48s!important;}
  .marquee span{font-size:clamp(1.05rem,6vw,1.6rem)!important;line-height:.88!important;}
  .marquee span::after{margin-left:2.6rem!important;}
  .manifesto-board{grid-template-columns:1fr!important;padding:1rem!important;border-radius:28px!important;gap:.75rem!important;}
  .manifesto-mark{width:58px!important;height:58px!important;border-radius:19px!important;font-size:2rem!important;}
  .manifesto-board .xl{max-width:10.5ch!important;font-size:clamp(2.2rem,14vw,4.5rem)!important;}
  .manifesto-strip{grid-template-columns:1fr!important;gap:.48rem!important;}
  .manifesto-strip span{min-height:46px!important;padding:.8rem .92rem!important;font-size:.68rem!important;white-space:normal!important;}
  .section::before{display:none!important;}
}
@media(max-width:520px){
  .marquee{height:48px!important;margin:16px 0 24px!important;}
  .marquee-track{gap:2.4rem!important;animation-duration:54s!important;}
  .marquee span{font-size:clamp(.95rem,7vw,1.28rem)!important;letter-spacing:-.035em!important;}
  .marquee span::after{width:.34em;height:.34em;margin-left:1.8rem!important;}
  .hero-visual-v17 .master-grid{inset:4% 2% 0!important;border-radius:28px!important;}
  .hero-poster{padding:.72rem!important;border-radius:20px!important;}
  .poster-main{left:18px!important;top:88px!important;width:148px!important;min-height:150px!important;}
  .poster-proof{right:14px!important;top:232px!important;width:118px!important;}
  .poster-proof strong{font-size:1.8rem!important;}
  .poster-leads{left:22px!important;bottom:82px!important;width:180px!important;}
  .art-ribbon{font-size:.58rem!important;padding:.52rem .64rem!important;}
  .ribbon-culture{left:8px!important;top:11%!important;}
  .ribbon-engine{display:none!important;}
  .sticker-logo{width:64px!important;height:64px!important;font-size:2rem!important;left:0!important;top:46%!important;}
}

/* Small details: focus states and accessible delight. */
a:focus-visible,button:focus-visible,.btn:focus-visible{
  outline:2px solid var(--art-lime)!important;
  outline-offset:4px!important;
}
@media(prefers-reduced-motion:reduce){
  .marquee-track,.btn-ripple,.hero-visual-v17:hover .masterpiece-phone{animation:none!important;transition:none!important;}
  .is-micro-surface:hover,.card:hover,.case:hover{transform:none!important;}
}


/* v19 production polish: clean copy, responsive space, lightweight scroll theatre */
:root{--v19-rail:rgba(255,255,255,.11);--v19-soft:#f7f1e8;}

/* Fix cropped/colliding CTA buttons on desktop and keep them elegant on mobile. */
.btn{position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;line-height:1.05;text-align:center;}
.nav-cta .btn{padding:.72rem .98rem;min-height:42px;}
.section-head > .btn,.tight .section-head > .btn{flex:0 0 auto;align-self:center;justify-self:end;white-space:nowrap;}
@media(min-width:901px){
  .tight .section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2rem!important;overflow:visible!important;}
  .tight .section-head .xl{max-width:11ch;}
  .tight .section-head .btn{min-width:220px;}
}
@media(max-width:900px){.section-head > .btn,.tight .section-head > .btn{justify-self:stretch;width:100%;}}

/* Work page reel theatre: use desktop space instead of leaving a flat blue block. */
.reel-section .section-head{align-items:end;}
.reel-section .section-head p{max-width:690px;}
@media(min-width:1040px){
  .reel-layout{grid-template-columns:minmax(360px,.62fr) minmax(520px,1fr)!important;gap:clamp(1.2rem,2.4vw,2rem)!important;align-items:stretch!important;}
  .reel-card,.drive-vault{min-height:640px;}
  .reel-card{display:flex;flex-direction:column;}
  .reel-player{width:min(100%,420px)!important;min-height:0!important;aspect-ratio:9/16;margin:1.25rem auto 0!important;border-radius:32px!important;}
  .drive-vault{position:relative;background:radial-gradient(circle at 18% 12%,rgba(199,255,45,.18),transparent 18rem),linear-gradient(135deg,rgba(33,76,255,.3),rgba(255,255,255,.04));}
  .drive-vault iframe{min-height:470px!important;height:470px!important;border-radius:0 0 24px 24px;}
  .drive-vault-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.2rem;padding:1.15rem 1.25rem!important;}
  .drive-vault-body .btn{width:auto!important;min-width:210px;}
}

/* Home reel teaser: turn unused blue space into an art-directed mini interface. */
.reel-teaser .split{align-items:center;}
.reel-teaser-card{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(260px,.9fr);gap:clamp(1rem,2.4vw,2rem);align-items:stretch;overflow:hidden;min-height:440px!important;}
.reel-teaser-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.24),transparent 11rem),radial-gradient(circle at 85% 75%,rgba(199,255,45,.16),transparent 13rem),linear-gradient(135deg,rgba(33,76,255,.72),rgba(7,7,18,.96));z-index:0;}
.reel-teaser-card::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.16);border-radius:28px;pointer-events:none;z-index:1;}
.reel-teaser-card > *{position:relative;z-index:2;}
.teaser-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;}
.teaser-copy h3{font-size:clamp(2rem,3.4vw,4.25rem)!important;max-width:8.5ch;}
.teaser-copy p{max-width:46ch;color:rgba(248,242,232,.82)!important;}
.vault-preview{position:relative;min-height:320px;border-radius:34px;background:rgba(5,5,9,.42);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 28px 80px rgba(0,0,0,.24);overflow:hidden;isolation:isolate;}
.vault-preview::before{content:"REEL VAULT";position:absolute;left:24px;top:22px;font-family:var(--mono);font-size:.72rem;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.62);z-index:3;}
.vault-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;opacity:.72;z-index:1;}
.vault-frame{position:absolute;z-index:2;border-radius:24px;border:1px solid rgba(255,255,255,.18);padding:1rem;font-family:var(--display);font-weight:1000;line-height:.9;letter-spacing:-.055em;box-shadow:0 22px 65px rgba(0,0,0,.26);}
.frame-one{left:26px;top:72px;width:52%;height:44%;background:linear-gradient(135deg,#fff,#dff0ff);color:#050509;font-size:clamp(1.4rem,2vw,2.2rem);}
.frame-two{right:24px;top:132px;width:45%;height:38%;background:#0e0e16;color:#fff;font-size:clamp(1.25rem,1.8vw,1.8rem);}
.frame-three{left:72px;bottom:28px;width:62%;height:30%;background:var(--art-lime);color:#050509;font-size:clamp(1.25rem,1.8vw,1.8rem);}
.vault-orb{position:absolute;right:36px;top:38px;width:78px;height:78px;border-radius:999px;background:var(--art-pink);z-index:2;box-shadow:0 0 60px rgba(255,56,166,.42);animation:vaultOrb 7s ease-in-out infinite;}
@keyframes vaultOrb{50%{transform:translate(-18px,24px) scale(1.08);}}

/* Remove all placeholder/developer tone from visible supporting sections by giving them finished editorial rhythm. */
.drive-vault-body p,.reel-section .section-head p,.case-study-grid + * p{line-height:1.62;}
.clean-process .process-item{grid-template-columns:auto 1fr!important;}
.clean-process .process-item::before{display:none!important;}
.clean-process .chip{grid-row:1;}

/* Scroll-interaction layer: low-cost transform/opacity reveals, tuned per screen size. */
.motion-word{display:inline-block;opacity:0;transform:translateY(.65em) rotate(.6deg);filter:blur(7px);transition:opacity .58s ease,transform .58s cubic-bezier(.2,.8,.2,1),filter .58s ease;transition-delay:calc(var(--i,0) * 34ms);will-change:transform,opacity,filter;}
.is-visible .motion-word{opacity:1;transform:translateY(0) rotate(0);filter:blur(0);}
.scroll-scene{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.8,.2,1);}
.scroll-scene.is-visible{opacity:1;transform:translateY(0) scale(1);}
.card.scroll-scene:nth-of-type(2n),.case.scroll-scene:nth-of-type(2n){transition-delay:.06s;}
.card.scroll-scene:nth-of-type(3n),.case.scroll-scene:nth-of-type(3n){transition-delay:.12s;}
@media(max-width:680px){
  .motion-word{transition-delay:calc(var(--i,0) * 20ms);filter:blur(4px);}
  .scroll-scene{transform:translateY(22px);transition-duration:.5s;}
}

/* Desktop balance + mobile breathing room for the new creative bits. */
@media(max-width:980px){
  .reel-teaser-card{grid-template-columns:1fr;min-height:auto!important;}
  .vault-preview{min-height:260px;}
  .teaser-copy h3{max-width:10ch;}
}
@media(max-width:560px){
  .reel-teaser-card{border-radius:24px!important;gap:.9rem;}
  .vault-preview{min-height:220px;border-radius:24px;}
  .frame-one{left:18px;top:58px;width:55%;height:38%;}
  .frame-two{right:16px;top:112px;width:44%;height:32%;}
  .frame-three{left:34px;bottom:20px;width:70%;height:28%;}
  .vault-orb{width:54px;height:54px;right:22px;top:32px;}
  .drive-vault-body{padding:1rem!important;}
}
@media(prefers-reduced-motion:reduce){
  .motion-word,.scroll-scene{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
  .vault-orb{animation:none!important;}
}

/* v20 editorial typography + interaction polish
   Inspired by poster systems: bold type, negative space, motion blur, and tactile hover states.
   Kept CSS-only/lightweight so Netlify deploys stay fast. */
:root{
  --type-soft:rgba(245,240,232,.055);
  --type-dark:rgba(5,5,9,.07);
}
.display,.xl,.lg{font-kerning:normal;text-rendering:geometricPrecision;position:relative;}
.kinetic-headline{isolation:isolate;}
.kinetic-headline::after{
  content:attr(data-echo);
  position:absolute;
  right:-.035em;
  top:-.28em;
  z-index:-1;
  font-family:var(--display);
  font-weight:1000;
  font-size:clamp(5.6rem,17vw,19rem);
  letter-spacing:-.13em;
  line-height:.7;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.075);
  text-shadow:0 24px 80px rgba(33,76,255,.16);
  opacity:.72;
  pointer-events:none;
  transform:rotate(-2deg);
  max-width:100vw;
  overflow:hidden;
}
.paper .kinetic-headline::after,.page-hero .kinetic-headline::after{
  -webkit-text-stroke:1px rgba(5,5,9,.085);
  text-shadow:0 18px 70px rgba(33,76,255,.12);
}
.poster-head{position:relative;z-index:1;}
.poster-head .motion-word:nth-child(4n+2),
.kinetic-headline .motion-word:nth-child(5n+3){
  font-family:var(--serif);
  font-style:italic;
  letter-spacing:-.085em;
  color:var(--acid);
  text-shadow:0 0 28px rgba(199,255,45,.16);
}
.paper .poster-head .motion-word:nth-child(4n+2),
.paper .kinetic-headline .motion-word:nth-child(5n+3){color:var(--blue);text-shadow:none;}
.poster-head .motion-word:nth-child(6n),
.kinetic-headline .motion-word:nth-child(6n){
  text-shadow:.055em .045em 0 rgba(33,76,255,.5),-.025em -.02em 0 rgba(255,62,165,.22);
}
.paper .poster-head .motion-word:nth-child(6n),
.paper .kinetic-headline .motion-word:nth-child(6n){text-shadow:.045em .035em 0 rgba(33,76,255,.15);}
.type-field{position:relative;isolation:isolate;overflow:visible;}
.type-field::before{
  content:attr(data-artword);
  position:absolute;
  right:-.04em;
  top:-.55em;
  z-index:-1;
  font-family:var(--display);
  font-weight:1000;
  font-size:clamp(4.2rem,13vw,15rem);
  letter-spacing:-.12em;
  line-height:.7;
  white-space:nowrap;
  color:var(--type-soft);
  -webkit-text-stroke:1px rgba(255,255,255,.04);
  filter:blur(.15px);
  pointer-events:none;
  transform:skewX(-6deg);
}
.paper .type-field::before{color:var(--type-dark);-webkit-text-stroke:1px rgba(5,5,9,.03);}
.type-field::after{
  content:"";
  position:absolute;
  right:clamp(0rem,4vw,4rem);
  top:-.75rem;
  width:clamp(54px,8vw,112px);
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--acid),transparent);
  opacity:.65;
  transform:rotate(-2deg);
  pointer-events:none;
}
.paper .type-field::after{background:linear-gradient(90deg,var(--blue),transparent);opacity:.34;}
/* CTA button crop guard */
.section-head>.btn,.section-head .btn,.nav-cta .btn,.actions .btn{flex:0 0 auto;overflow:visible;max-width:100%;}
.section-head>.btn{padding-inline:1.3rem;min-width:max-content;}
.paper.blueprint.tight .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:visible;}
.paper.blueprint.tight .section-head h2{max-width:12ch;}
@media(max-width:900px){.paper.blueprint.tight .section-head{grid-template-columns:1fr}.paper.blueprint.tight .section-head h2{max-width:100%;}.section-head>.btn{width:max-content;max-width:100%;}}
@media(max-width:680px){.section-head>.btn{width:100%;}.kinetic-headline::after{display:none}.type-field::before{font-size:clamp(3.7rem,19vw,8rem);right:-.2em;top:-.28em;opacity:.62}.type-field::after{display:none}.poster-head .motion-word:nth-child(4n+2),.kinetic-headline .motion-word:nth-child(5n+3){font-family:var(--display);font-style:normal;color:inherit;text-shadow:none}.poster-head .motion-word:nth-child(6n),.kinetic-headline .motion-word:nth-child(6n){text-shadow:none}}
/* More intentional reel/portfolio composition on desktop */
@media(min-width:981px){
  .reel-layout{grid-template-columns:minmax(420px,.82fr) minmax(420px,1.18fr)!important;align-items:stretch;}
  .drive-vault{background:radial-gradient(circle at 18% 16%,rgba(199,255,45,.18),transparent 13rem),radial-gradient(circle at 86% 30%,rgba(255,62,165,.12),transparent 17rem),linear-gradient(145deg,rgba(33,76,255,.18),rgba(255,255,255,.035))!important;}
  .drive-vault-body{grid-template-columns:minmax(0,1fr) auto!important;}
  .drive-vault-body p{max-width:46ch;}
}
/* poster-like visual rhythm, subtle and responsive */
.card h3,.case h3,.process-item h3,.tagbox strong{font-feature-settings:"ss01" 1,"kern" 1;}
.case h3,.card h3{position:relative;}
.case h3::after,.card h3::after{
  content:"";
  display:block;
  width:2.1em;
  height:4px;
  border-radius:999px;
  margin-top:.6rem;
  background:linear-gradient(90deg,var(--acid),transparent);
  opacity:.7;
}
.paper .card h3::after{background:linear-gradient(90deg,var(--blue),transparent);opacity:.42;}
/* micro interactions that don't hurt performance */
@media(hover:hover) and (pointer:fine){
  .mini-link,.btn{position:relative;isolation:isolate;}
  .mini-link::before,.btn::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(110deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-130%);transition:transform .55s ease;z-index:-1;}
  .mini-link:hover::before,.btn:hover::before{transform:translateX(130%);}
  .case-image{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;}
  .case:hover .case-image{transform:scale(1.045) rotate(.35deg);filter:contrast(1.07) saturate(1.06);}
  .stat:hover strong{letter-spacing:-.055em;}
}
/* small typography panels inspired by expressive poster systems */
.manifesto-board{position:relative;overflow:hidden;}
.manifesto-board::after{
  content:"SIGNAL";
  position:absolute;
  right:-.09em;
  bottom:-.18em;
  font-family:var(--display);
  font-size:clamp(5rem,14vw,16rem);
  line-height:.7;
  font-weight:1000;
  letter-spacing:-.13em;
  color:rgba(255,255,255,.045);
  pointer-events:none;
}
.manifesto-strip span{position:relative;overflow:hidden;}
.manifesto-strip span::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--acid),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease;}
.manifesto-strip span:hover::before{transform:scaleX(1);}
@media(max-width:680px){.manifesto-board::after{display:none}.case h3::after,.card h3::after{width:1.6em;height:3px}}
@media(prefers-reduced-motion:reduce){.case-image,.mini-link::before,.btn::before,.manifesto-strip span::before{transition:none!important}.case:hover .case-image{transform:none!important}}

/* v21 responsive typographic/device-art pass
   Goal: richer art direction from retro media devices + interactive glass UI, but still lightweight and readable. */
.hero-visual-v21{--phone-w:min(410px,84vw);--phone-h:700px;contain:layout paint;}
.hero-visual-v21 .device-collage{width:var(--phone-w)!important;height:var(--phone-h)!important;transform:rotate(-4deg) translateZ(0)!important;overflow:visible!important;background:linear-gradient(145deg,#06060a,#171722 55%,#050509)!important;box-shadow:0 50px 120px rgba(0,0,0,.6),0 0 0 9px rgba(255,255,255,.025),inset 0 0 0 7px rgba(255,255,255,.04)!important;}
.hero-visual-v21 .device-collage::after{content:"";position:absolute;inset:-10px;border-radius:64px;border:1px solid rgba(255,255,255,.18);filter:drop-shadow(0 14px 24px rgba(33,76,255,.18));pointer-events:none;}
.hero-visual-v21 .device-screen{overflow:hidden!important;border-radius:42px!important;background:radial-gradient(circle at 48% 8%,rgba(255,255,255,.94),transparent 9.5rem),radial-gradient(circle at 76% 45%,rgba(199,255,45,.24),transparent 12rem),linear-gradient(180deg,#6fcaff 0%,#2451ff 42%,#5c3cff 60%,#080811 100%)!important;}
.hero-visual-v21 .device-screen::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:38px 38px;opacity:.42;mask-image:linear-gradient(#000 0 58%,transparent 100%);z-index:0;}
.hero-visual-v21 .device-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 58%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.82) 100%);pointer-events:none;z-index:1;}
.scan-hud{position:absolute;z-index:8;left:22px;right:22px;top:26px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.58rem;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.72);text-transform:uppercase;mix-blend-mode:screen;}
.scan-hud::before,.scan-hud::after{content:"";position:absolute;top:2.2rem;width:54px;height:1px;background:rgba(255,255,255,.38);}
.scan-hud::before{left:0}.scan-hud::after{right:0}
.retro-device{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.36);border-radius:18px;background:linear-gradient(180deg,#f4f2e9,#b4b4b9);box-shadow:0 26px 80px rgba(0,0,0,.3),inset 0 0 0 6px rgba(255,255,255,.12);overflow:hidden;animation:deviceDrift 8s ease-in-out infinite;}
.retro-device span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(1.4rem,2.3vw,2.6rem);font-weight:1000;letter-spacing:-.08em;color:#1724ff;text-shadow:.06em .05em 0 rgba(255,62,165,.28);}
.retro-device i{position:absolute;left:14%;right:14%;bottom:12%;height:12px;border-radius:999px;background:linear-gradient(90deg,#111 0 42%,#666 42% 56%,#111 56%);opacity:.8;}
.device-a{left:34px;top:105px;width:210px;height:146px;transform:rotate(-4deg);}
.device-b{right:28px;top:220px;width:165px;height:118px;transform:rotate(7deg);animation-delay:1.4s;}
.device-c{left:46px;bottom:102px;width:190px;height:128px;transform:rotate(4deg);animation-delay:2.5s;}
.glass-card{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.25);border-radius:24px;background:rgba(10,10,18,.56);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(0,0,0,.34);padding:1rem;animation:cardFloat 7s ease-in-out infinite;color:#fff;}
.glass-card span{display:block;font-family:var(--mono);font-size:.58rem;font-weight:900;letter-spacing:.13em;color:var(--acid);text-transform:uppercase;margin-bottom:.45rem;}
.glass-card strong{display:block;font-family:var(--display);font-size:clamp(1.2rem,2vw,2rem);line-height:.92;letter-spacing:-.07em;max-width:10ch;}
.glass-card small{display:block;margin-top:.48rem;font-family:var(--mono);font-size:.56rem;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.7);max-width:18ch;}
.media-one{right:18px;top:330px;width:205px;min-height:140px;}
.media-one i{display:block;margin-top:.85rem;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--acid) 0 64%,rgba(255,255,255,.24) 64%);box-shadow:0 0 22px rgba(199,255,45,.3);}
.media-two{left:22px;top:286px;width:220px;background:rgba(246,248,255,.86);color:#06060a;border-radius:18px;animation-delay:1s;}
.media-two span{color:#1724ff}.media-two small{color:#3a3440}.media-two strong{font-size:1.18rem!important;letter-spacing:-.04em;font-family:var(--mono);line-height:1.1;}
.media-two::before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:linear-gradient(90deg,#e9e9f0,#bcc4ff);border-radius:18px 18px 0 0;}
.signal-card{right:34px;bottom:92px;width:230px;background:linear-gradient(135deg,rgba(255,62,165,.72),rgba(33,76,255,.74));animation-delay:2s;}
.phone-eye{position:absolute;z-index:4;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);box-shadow:inset 0 0 20px rgba(255,255,255,.12),0 0 40px rgba(255,255,255,.12);}
.eye-top{right:38px;top:96px;width:74px;height:74px}.eye-bottom{left:84px;bottom:72px;width:46px;height:46px;background:var(--acid);opacity:.9;}
.device-dock{z-index:9!important;bottom:26px!important;left:50%!important;transform:translateX(-50%)!important;width:58%!important;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 14px!important;}
.device-dock i{height:6px!important;border-radius:999px!important;background:rgba(255,255,255,.76)!important;}
@keyframes deviceDrift{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* Controlled typography-art: expressive, but only in places where it improves hierarchy. */
.poster-head .motion-word:nth-child(3n+1),.kinetic-headline .motion-word:nth-child(4n+2){transform-origin:50% 100%;}
.is-visible .poster-head .motion-word:nth-child(3n+1){transform:translateY(0) rotate(-1.25deg);}
.is-visible .poster-head .motion-word:nth-child(5n+2){transform:translateY(0) rotate(.9deg);}
.xl.poster-head,.display.kinetic-headline{text-wrap:balance;}
.page-type-poster .motion-word:nth-child(2n+2){letter-spacing:-.11em;}
.page-type-poster .motion-word:nth-child(6n+3){filter:blur(.2px);}
@media(hover:hover) and (pointer:fine){
  .poster-head:hover .motion-word:nth-child(4n+2),.kinetic-headline:hover .motion-word:nth-child(5n+3){transform:translateY(-.04em) rotate(-1.4deg) scale(1.015);transition-duration:.25s;}
}

/* Button/CTA crop guard across breakpoints */
.btn,.mini-link{box-sizing:border-box;min-width:0;}
.section-head .bluebtn,.actions .primary,.actions .ghost{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.05;}
.paper.blueprint.tight{overflow:hidden;}
.paper.blueprint.tight .container{overflow:visible;}
.paper.blueprint.tight .section-head{padding-block:clamp(.8rem,2vw,1.4rem);}
@media(min-width:901px){
  .paper.blueprint.tight .section-head{grid-template-columns:minmax(0,1fr) max-content!important;gap:clamp(1.2rem,3vw,3rem)!important;}
  .paper.blueprint.tight .section-head .bluebtn{min-width:230px;max-width:320px;}
}
@media(max-width:520px){
  .paper.blueprint.tight .section-head .bluebtn{width:min(100%,330px)!important;justify-self:center;}
}

/* Responsive safety for the hero device collage. */
@media(max-width:1100px){
  .hero-visual-v21{--phone-w:min(360px,82vw);--phone-h:640px;}
  .device-a{left:26px;top:96px;width:190px;height:132px}.device-b{right:22px;top:210px;width:145px;height:104px}.device-c{left:38px;bottom:100px;width:168px;height:114px}
  .media-one{right:14px;top:312px;width:184px}.media-two{left:18px;top:270px;width:196px}.signal-card{right:26px;bottom:88px;width:204px}
}
@media(max-width:900px){
  .hero-visual-v21{--phone-w:min(324px,80vw);--phone-h:min(590px,142vw);margin-top:1rem;}
  .hero-visual-v21 .device-collage{border-radius:46px!important;padding:14px!important;}
  .hero-visual-v21 .device-screen{border-radius:32px!important;}
  .scan-hud{font-size:.46rem;left:17px;right:17px;top:22px;}
  .retro-device span{font-size:1.28rem;}
  .device-a{left:22px;top:82px;width:168px;height:116px}.device-b{right:16px;top:194px;width:122px;height:92px}.device-c{left:32px;bottom:88px;width:146px;height:100px}
  .glass-card{padding:.72rem;border-radius:20px;}
  .glass-card strong{font-size:1.15rem!important;max-width:9ch}.glass-card small{font-size:.48rem;max-width:13ch}.glass-card span{font-size:.48rem;}
  .media-one{right:11px;top:292px;width:158px;min-height:116px}.media-two{left:16px;top:246px;width:164px}.signal-card{right:20px;bottom:82px;width:172px}
  .eye-top{right:26px;top:86px;width:54px;height:54px}.eye-bottom{left:72px;bottom:62px;width:34px;height:34px}
}
@media(max-width:520px){
  .hero-visual-v21{--phone-w:min(286px,82vw);--phone-h:min(525px,146vw);min-height:430px!important;}
  .hero-visual-v21 .device-collage{transform:rotate(-2.5deg)!important;border-radius:40px!important;}
  .hero-visual-v21 .device-collage::after{border-radius:46px;}
  .hero-visual-v21 .device-screen::before{background-size:30px 30px;}
  .art-sticker.sticker-reply,.art-sticker.sticker-logo{scale:.72;}
  .retro-device{border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 0 0 4px rgba(255,255,255,.12);}
  .retro-device i{height:8px;}
  .device-a{left:18px;top:76px;width:142px;height:98px}.device-b{right:14px;top:176px;width:104px;height:78px}.device-c{left:24px;bottom:82px;width:126px;height:88px}
  .media-two{left:14px;top:218px;width:140px}.media-two strong{font-size:.82rem!important;}
  .media-one{right:10px;top:265px;width:134px;min-height:98px}.signal-card{right:16px;bottom:72px;width:150px;}
  .signal-card small,.media-one small{display:none;}
  .device-dock{bottom:20px!important;width:64%!important;padding:8px 12px!important;}
  .scan-hud span:nth-child(2){display:none;}
}
@media(max-width:380px){
  .hero-visual-v21{--phone-w:252px;--phone-h:462px;min-height:392px!important;}
  .device-a{left:16px;top:70px;width:124px;height:86px}.device-b{right:12px;top:158px;width:90px;height:68px}.device-c{left:22px;bottom:72px;width:108px;height:76px}
  .media-two{top:198px;width:124px}.media-one{top:238px;width:116px}.signal-card{width:130px;bottom:64px;}
  .glass-card strong{font-size:.82rem!important;}
  .glass-card span{font-size:.42rem;}
  .eye-top{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .retro-device,.glass-card{animation:none!important;}
  .poster-head:hover .motion-word,.kinetic-headline:hover .motion-word{transform:none!important;}
}

/* v22 logo + launch-burst device pass
   Real Riseklix mark replaces placeholder R tiles. The phone now opens with a lightweight 3D-style launch burst using transform/opacity only. */
.logo-sticker-real,
.manifesto-logo-real{
  padding:10px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(222,232,255,.92))!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 24px 70px rgba(33,76,255,.28),0 0 0 6px rgba(255,255,255,.08),inset 0 0 34px rgba(33,76,255,.12)!important;
  overflow:hidden!important;
}
.logo-sticker-real::before,
.manifesto-logo-real::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.75),transparent 38%),linear-gradient(135deg,rgba(255,60,166,.12),rgba(33,76,255,.14));
  pointer-events:none;
}
.logo-sticker-real img,
.manifesto-logo-real img{
  position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.16));
}
.sticker-logo.logo-sticker-real{display:grid;place-items:center;color:transparent!important;}
.manifesto-mark.manifesto-logo-real{display:grid;place-items:center;color:transparent!important;}

.hero-visual-v21 .launch-sequence{position:absolute;inset:0;z-index:12;pointer-events:none;perspective:900px;transform-style:preserve-3d;}
.phone-loader-card{position:absolute;left:50%;top:46%;width:210px;min-height:188px;transform:translate(-50%,-50%) rotateX(0deg) scale(1);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(225,236,255,.9));border:1px solid rgba(255,255,255,.68);display:grid;place-items:center;padding:22px 22px 20px;box-shadow:0 32px 85px rgba(0,0,0,.36),0 0 0 10px rgba(255,255,255,.08),inset 0 0 40px rgba(33,76,255,.13);animation:loaderExplode 5.8s cubic-bezier(.16,1,.3,1) both;}
.phone-loader-card::after{content:"";position:absolute;inset:-22px;border-radius:44px;background:conic-gradient(from 0deg,rgba(199,255,30,.08),rgba(255,49,164,.2),rgba(33,76,255,.16),rgba(199,255,30,.08));filter:blur(18px);opacity:.8;z-index:-1;animation:loaderAura 5.8s ease both;}
.phone-loader-card img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(33,76,255,.22));}
.phone-loader-card span{font-family:var(--mono);font-weight:900;letter-spacing:.14em;color:#111;font-size:.82rem;margin-top:12px;}
.phone-loader-card i{display:block;width:142px;height:8px;border-radius:999px;background:rgba(0,0,0,.12);overflow:hidden;position:relative;margin-top:8px;}
.phone-loader-card i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--art-blue),var(--art-pink),var(--acid));animation:loadBar 1.35s cubic-bezier(.4,0,.2,1) forwards;}
.app-bubble,.cash-bill{position:absolute;left:50%;top:48%;display:grid;place-items:center;font-family:var(--display);font-weight:1000;letter-spacing:-.04em;opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(var(--r,0deg));will-change:transform,opacity;animation:burstOut 5.8s cubic-bezier(.16,1,.3,1) both;}
.app-bubble{width:68px;height:68px;border-radius:20px;color:#fff;font-size:1.25rem;border:1px solid rgba(255,255,255,.38);box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 0 22px rgba(255,255,255,.14);}
.cash-bill{width:92px;height:44px;border-radius:12px;color:#061000;font-size:1.2rem;background:linear-gradient(135deg,#d7ff1f,#93ff7c);border:1px solid rgba(255,255,255,.5);box-shadow:0 18px 55px rgba(157,255,45,.22),inset 0 0 16px rgba(255,255,255,.22);}
.cash-bill::before{content:"REVENUE";font-family:var(--mono);font-size:.45rem;letter-spacing:.08em;margin-right:4px;}
.bubble-ig{--x:-178px;--y:-190px;--r:-14deg;background:radial-gradient(circle at 20% 15%,#ffd876,transparent 28%),linear-gradient(135deg,#ff3ea7,#7e46ff 56%,#1f59ff);animation-delay:.55s;}
.bubble-fb{--x:176px;--y:-178px;--r:13deg;background:linear-gradient(135deg,#2b7dff,#0e2bff);animation-delay:.7s;}
.bubble-yt{--x:-196px;--y:34px;--r:10deg;background:linear-gradient(135deg,#ff2b2b,#980014);animation-delay:.78s;}
.bubble-in{--x:176px;--y:84px;--r:-11deg;background:linear-gradient(135deg,#30a7ff,#004dff);animation-delay:.86s;}
.bubble-arrow{--x:30px;--y:-220px;--r:11deg;background:linear-gradient(135deg,var(--acid),#f3ff6c);color:#050509;animation-delay:.94s;}
.bubble-dm{--x:-34px;--y:166px;--r:-8deg;background:linear-gradient(135deg,#111,#303040);color:#fff;border-radius:999px;width:78px;height:44px;font-family:var(--mono);font-size:.9rem;animation-delay:1s;}
.bill-one{--x:-148px;--y:172px;--r:-18deg;animation-delay:1.05s;}
.bill-two{--x:150px;--y:190px;--r:18deg;animation-delay:1.12s;}
@keyframes loadBar{to{width:100%}}
@keyframes loaderAura{0%,38%{opacity:.78;scale:1}46%{opacity:1;scale:1.35}64%,100%{opacity:0;scale:1.85}}
@keyframes loaderExplode{0%{opacity:1;transform:translate(-50%,-50%) rotateX(0deg) scale(.94)}24%{opacity:1;transform:translate(-50%,-50%) rotateX(0deg) scale(1)}38%{opacity:1;transform:translate(-50%,-50%) rotateX(0deg) scale(1.02)}48%{opacity:0;transform:translate(-50%,-50%) rotateX(56deg) scale(.28)}100%{opacity:0;transform:translate(-50%,-50%) rotateX(56deg) scale(.28)}}
@keyframes burstOut{0%,34%{opacity:0;transform:translate(-50%,-50%) translate3d(0,0,-40px) scale(.35) rotate(var(--r));}46%{opacity:1;transform:translate(-50%,-50%) translate3d(calc(var(--x)*.78),calc(var(--y)*.78),90px) scale(1.08) rotate(var(--r));}70%{opacity:1;transform:translate(-50%,-50%) translate3d(var(--x),var(--y),120px) scale(1) rotate(var(--r));}100%{opacity:.95;transform:translate(-50%,-50%) translate3d(var(--x),calc(var(--y) - 8px),120px) scale(1) rotate(var(--r));}}

/* Blend new burst with existing retro-device design. */
.hero-visual-v21 .device-screen{isolation:isolate;}
.hero-visual-v21 .retro-device,.hero-visual-v21 .glass-card,.hero-visual-v21 .scan-hud,.hero-visual-v21 .phone-eye,.hero-visual-v21 .motion-spark,.hero-visual-v21 .device-dock{z-index:4!important;}
.hero-visual-v21 .media-card,.hero-visual-v21 .os-window,.hero-visual-v21 .signal-card{backdrop-filter:blur(18px);}
.hero-visual-v21 .device-screen::after{z-index:2!important;}

/* Keep the art responsive instead of letting the burst collide on small screens. */
@media (max-width:980px){
  .phone-loader-card{width:184px;min-height:166px;border-radius:30px}.phone-loader-card img{width:72px;height:72px}.app-bubble{width:58px;height:58px;border-radius:18px;font-size:1rem}.cash-bill{width:82px;height:40px}.bubble-ig{--x:-142px;--y:-160px}.bubble-fb{--x:138px;--y:-150px}.bubble-yt{--x:-150px;--y:20px}.bubble-in{--x:136px;--y:70px}.bubble-arrow{--x:18px;--y:-185px}.bubble-dm{--x:-22px;--y:142px}.bill-one{--x:-124px;--y:145px}.bill-two{--x:124px;--y:156px}
}
@media (max-width:640px){
  .logo-sticker-real{padding:7px!important}.manifesto-logo-real{padding:8px!important}.phone-loader-card{width:154px;min-height:144px;padding:18px;border-radius:26px}.phone-loader-card img{width:60px;height:60px}.phone-loader-card i{width:108px;height:7px}.phone-loader-card span{font-size:.66rem}.app-bubble{width:48px;height:48px;border-radius:15px;font-size:.86rem}.cash-bill{width:68px;height:34px;border-radius:10px;font-size:.9rem}.cash-bill::before{font-size:.36rem}.bubble-ig{--x:-105px;--y:-130px}.bubble-fb{--x:104px;--y:-122px}.bubble-yt{--x:-114px;--y:14px}.bubble-in{--x:104px;--y:58px}.bubble-arrow{--x:12px;--y:-150px}.bubble-dm{--x:-16px;--y:116px;width:60px;height:36px}.bill-one{--x:-92px;--y:118px}.bill-two{--x:90px;--y:126px}
}
@media (max-width:380px){
  .bubble-yt,.bubble-in{display:none}.bubble-ig{--x:-82px;--y:-116px}.bubble-fb{--x:82px;--y:-108px}.bubble-arrow{--x:4px;--y:-136px}.bill-one{--x:-72px;--y:108px}.bill-two{--x:72px;--y:112px}.phone-loader-card{width:134px;min-height:126px}.phone-loader-card img{width:52px;height:52px}.app-bubble{width:42px;height:42px}.cash-bill{width:58px;height:30px}
}
@media (prefers-reduced-motion:reduce){
  .phone-loader-card{display:none!important}.app-bubble,.cash-bill{animation:none!important;opacity:.92!important;transform:translate(-50%,-50%) translate3d(var(--x),var(--y),0) scale(1) rotate(var(--r))!important;}
}

/* --- v23: abandon phone, build a Riseklix signal-console art object + seamless section atmosphere --- */
:root{--void:#050509;--deep:#090915;--electric:#214cff;--violet:#8b54ff;--neon:#c7ff2d;--pink:#ff3ea5;--cream:#f5f0e8;}
body{
  background:
    radial-gradient(1000px 640px at 18% 7%,rgba(33,76,255,.26),transparent 68%),
    radial-gradient(860px 540px at 88% 9%,rgba(141,84,255,.2),transparent 66%),
    linear-gradient(180deg,#050509 0%,#070712 25%,#0b0a15 45%,#f5f0e8 45.3%,#fffaf1 55%,#06070d 55.2%,#050509 100%)!important;
}
.shell::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(circle at 10% 18%,rgba(199,255,45,.08),transparent 20rem),
  radial-gradient(circle at 78% 42%,rgba(255,62,165,.07),transparent 18rem),
  linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
  linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:auto,auto,70px 70px,70px 70px;opacity:.95;}
.section{margin-top:-1px;overflow:hidden;}
.section::before{content:"";position:absolute;left:0;right:0;top:-110px;height:160px;pointer-events:none;z-index:0;background:linear-gradient(to bottom,transparent,rgba(5,5,9,.15) 30%,transparent);opacity:.42;}
.section>*{position:relative;z-index:1;}
.paper{border-radius:0!important;box-shadow:0 -1px 0 rgba(255,255,255,.08),0 1px 0 rgba(5,5,9,.08) inset;}
.paper::before{background:linear-gradient(to bottom,rgba(5,5,9,.22),rgba(245,240,232,0));opacity:.24;}
.blueprint{background:
  radial-gradient(900px 420px at 12% -8%,rgba(33,76,255,.13),transparent 64%),
  radial-gradient(840px 420px at 95% 4%,rgba(199,255,45,.09),transparent 62%),
  linear-gradient(rgba(33,76,255,.12) 1px,transparent 1px),
  linear-gradient(90deg,rgba(33,76,255,.12) 1px,transparent 1px),
  var(--paper2)!important;background-size:auto,auto,42px 42px,42px 42px,auto!important;}
.hero{position:relative;padding-bottom:clamp(72px,8vw,126px)!important;}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:220px;background:linear-gradient(to bottom,rgba(5,5,9,0),rgba(5,5,9,.82) 58%,rgba(245,240,232,.95) 100%);pointer-events:none;z-index:0;}
.hero-grid{position:relative;z-index:1;}
.signal-visual{min-height:clamp(540px,48vw,720px)!important;display:grid!important;place-items:center!important;position:relative;isolation:isolate;overflow:visible!important;perspective:1200px;}
.signal-visual::before{content:"";position:absolute;inset:6% 3% 2%;border:1px solid rgba(255,255,255,.1);border-radius:44px;background:
  radial-gradient(circle at 52% 38%,rgba(56,212,255,.12),transparent 32%),
  radial-gradient(circle at 62% 52%,rgba(199,255,45,.08),transparent 32%),
  linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 35px 110px rgba(0,0,0,.25);z-index:-4;}
.signal-visual::after{content:"";position:absolute;inset:8% 5%;border-radius:40px;background-image:radial-gradient(circle,rgba(255,255,255,.62) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at 52% 43%,#000 0 42%,transparent 78%);opacity:.12;z-index:-3;}
.cosmic-field{position:absolute;inset:0;z-index:-2;overflow:hidden;border-radius:50px;}
.cosmic-field::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.42) 0 1px,transparent 2px);background-size:32px 32px;opacity:.1;animation:starDrift 18s linear infinite;}
.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 18px #fff;opacity:.72;animation:twinkle 3s ease-in-out infinite;}.s1{left:15%;top:22%;}.s2{right:18%;top:18%;animation-delay:.5s}.s3{left:24%;bottom:22%;animation-delay:1s}.s4{right:24%;bottom:30%;animation-delay:1.5s}.s5{left:52%;top:8%;animation-delay:2s}
.signal-console{position:relative;width:min(330px,78vw);height:520px;border-radius:34px;background:linear-gradient(145deg,#f5eadc,#d8cdbc 58%,#af9e87);border:1px solid rgba(255,255,255,.7);box-shadow:0 44px 110px rgba(0,0,0,.5),0 0 0 10px rgba(255,255,255,.04),inset 0 0 44px rgba(255,255,255,.22);transform:rotate(-9deg) rotateY(-10deg) translateZ(0);animation:consoleFloat 7s cubic-bezier(.45,0,.2,1) infinite;z-index:2;}
.signal-console::before{content:"";position:absolute;inset:16px;border-radius:26px;border:1px solid rgba(5,5,9,.18);pointer-events:none;}
.signal-console::after{content:"";position:absolute;left:22px;right:22px;bottom:118px;height:9px;border-radius:999px;background:linear-gradient(90deg,rgba(5,5,9,.22),rgba(255,255,255,.5),rgba(5,5,9,.14));opacity:.7;}
.console-screen{position:absolute;left:34px;right:34px;top:34px;height:250px;border-radius:26px;background:linear-gradient(180deg,#214cff 0%,#8b54ff 55%,#090914 100%);overflow:hidden;display:grid;place-items:center;text-align:center;padding:26px;color:#fff;box-shadow:inset 0 0 0 10px rgba(255,255,255,.08),inset 0 0 60px rgba(0,0,0,.35);}
.console-screen::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 38% 18%,rgba(255,255,255,.84),transparent 6.5rem),
  linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px;opacity:.65;}
.console-screen img{position:relative;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.2));margin-bottom:.5rem;animation:logoPulse 4s ease-in-out infinite;}
.console-screen strong{position:relative;font-family:var(--display);font-size:clamp(2.4rem,4.2vw,4.6rem);letter-spacing:-.12em;line-height:.74;text-shadow:0 10px 28px rgba(0,0,0,.28);}
.console-label{position:absolute;left:18px;top:16px;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;font-weight:900;color:rgba(255,255,255,.8);z-index:2;}
.console-screen small{position:relative;font-family:var(--mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.78);max-width:25ch;margin-top:.75rem;}
.console-glow{position:absolute;inset:auto -12% -20% -12%;height:110px;background:radial-gradient(ellipse at 50% 100%,rgba(199,255,45,.42),transparent 72%);filter:blur(14px);opacity:.84;animation:screenGlow 4s ease-in-out infinite;}
.console-controls{position:absolute;left:35px;right:35px;bottom:34px;height:102px;}
.console-controls i{position:absolute;width:48px;height:48px;border-radius:50%;background:#0b0b12;box-shadow:inset 0 0 0 5px rgba(255,255,255,.08),0 12px 22px rgba(0,0,0,.24);}.console-controls i:nth-child(1){left:0;top:20px}.console-controls i:nth-child(2){left:58px;top:2px;background:#ff3ea5}.console-controls b{position:absolute;right:0;top:26px;width:100px;height:16px;border-radius:999px;background:#0b0b12;transform:rotate(-8deg);box-shadow:0 24px 38px rgba(0,0,0,.22)}.console-controls b:nth-child(4){top:54px;width:72px;right:22px;background:#214cff}
.console-speaker{position:absolute;right:32px;bottom:132px;display:grid;gap:8px}.console-speaker i{display:block;width:54px;height:4px;border-radius:999px;background:rgba(5,5,9,.34)}
.orbit-ribbon{position:absolute;border-radius:999px;z-index:1;pointer-events:none;filter:drop-shadow(0 0 22px rgba(255,62,165,.34));}.ribbon-a{width:520px;height:118px;border:12px solid transparent;border-top-color:var(--pink);border-bottom-color:var(--electric);transform:rotate(-18deg);animation:orbitSweep 7s ease-in-out infinite;}.ribbon-b{width:610px;height:142px;border:10px solid transparent;border-left-color:var(--neon);border-right-color:var(--pink);transform:rotate(18deg);opacity:.82;animation:orbitSweep 8.5s ease-in-out infinite reverse;}.ribbon-c{width:460px;height:90px;border:7px solid rgba(255,255,255,.18);transform:rotate(-3deg);opacity:.45;animation:orbitBreath 6s ease-in-out infinite;}
.signal-chiplet,.signal-caption{position:absolute;z-index:5;box-shadow:0 18px 50px rgba(0,0,0,.32);animation:chipFloat 5s ease-in-out infinite;}.signal-chiplet{display:grid;place-items:center;border-radius:22px;font-family:var(--display);font-weight:900;letter-spacing:-.08em;}.chip-ig{left:8%;top:32%;width:82px;height:82px;background:#ff3ea5;color:#fff;transform:rotate(-11deg);}.chip-li{right:11%;top:20%;width:78px;height:78px;background:#214cff;color:#fff;animation-delay:.6s}.chip-ad{right:5%;bottom:27%;height:54px;padding-inline:1.1rem;border-radius:18px;background:#fffaf1;color:#050509;font-family:var(--mono);font-size:.82rem;letter-spacing:.08em;animation-delay:1.2s}.chip-rev{left:9%;bottom:25%;width:92px;height:58px;background:var(--neon);color:#050509;transform:rotate(8deg);font-size:2rem;animation-delay:1.8s}.signal-caption{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;font-weight:900;color:#fff;border:1px solid rgba(255,255,255,.17);background:rgba(5,5,9,.74);border-radius:14px;padding:.68rem .86rem;white-space:nowrap;}.cap-one{left:1%;top:18%;transform:rotate(4deg)}.cap-two{right:2%;top:48%;animation-delay:.9s}.cap-three{left:17%;bottom:13%;transform:rotate(-4deg);animation-delay:1.6s}
.orbit-meter{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(5,5,9,.64);display:flex;align-items:center;gap:9px;padding:0 14px;z-index:6;font-family:var(--mono);font-size:.7rem;letter-spacing:.07em;font-weight:900;color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.28)}.orbit-meter i{width:8px;height:8px;background:rgba(255,255,255,.5);border-radius:50%}.orbit-meter i:nth-child(2){width:44px;border-radius:999px;background:var(--neon)}
@keyframes consoleFloat{0%,100%{transform:rotate(-9deg) rotateY(-10deg) translateY(0)}50%{transform:rotate(-6deg) rotateY(5deg) translateY(-18px)}}
@keyframes orbitSweep{0%,100%{transform:rotate(-18deg) translateY(0) scale(1)}50%{transform:rotate(-8deg) translateY(-14px) scale(1.03)}}
@keyframes orbitBreath{0%,100%{transform:rotate(-3deg) scale(.98);opacity:.35}50%{transform:rotate(3deg) scale(1.05);opacity:.62}}
@keyframes chipFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes starDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-32px,32px,0)}}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.6)}}
@keyframes logoPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 12px 20px rgba(0,0,0,.2))}50%{transform:scale(1.06);filter:drop-shadow(0 0 26px rgba(199,255,45,.4))}}
@keyframes screenGlow{0%,100%{opacity:.55;transform:scaleX(.9)}50%{opacity:.95;transform:scaleX(1.08)}}
/* kill the old phone / launch animation artifacts if cached HTML still has them */
.hero-visual .phone:not(.signal-console),.launch-sequence{display:none!important;}
@media (max-width:980px){.signal-visual{min-height:clamp(460px,86vw,620px)!important;margin-top:2rem!important;overflow:hidden!important;border-radius:38px!important}.signal-console{width:min(300px,70vw);height:470px;transform:rotate(-6deg)!important}.console-screen{height:226px;left:28px;right:28px}.ribbon-a{width:430px}.ribbon-b{width:480px}.chip-ig{left:6%;top:33%}.chip-li{right:6%;top:22%}.cap-two{right:4%;top:52%}.cap-one{left:5%;}.cap-three{left:12%;}.hero::after{height:160px}}
@media (max-width:560px){.signal-visual{min-height:440px!important}.signal-console{width:232px;height:370px;border-radius:28px}.console-screen{left:22px;right:22px;top:24px;height:178px;border-radius:22px;padding:18px}.console-screen img{width:48px;height:48px}.console-screen strong{font-size:2.2rem}.console-screen small{display:none}.console-controls{left:24px;right:24px;bottom:24px;transform:scale(.8);transform-origin:center bottom}.console-speaker{right:26px;bottom:108px}.console-speaker i{width:38px}.ribbon-a{width:330px;height:78px;border-width:8px}.ribbon-b{width:350px;height:94px;border-width:7px}.ribbon-c{display:none}.signal-chiplet{border-radius:17px}.chip-ig{width:54px;height:54px;font-size:1.1rem;left:2%;top:30%}.chip-li{width:52px;height:52px;font-size:1.05rem;right:4%;top:18%}.chip-ad{height:38px;font-size:.66rem;right:0;bottom:31%}.chip-rev{width:64px;height:42px;font-size:1.35rem;left:6%;bottom:20%}.signal-caption{font-size:.58rem;padding:.52rem .62rem}.cap-one{left:0;top:14%}.cap-two{display:none}.cap-three{left:14%;bottom:6%}.orbit-meter{height:36px;font-size:.58rem;bottom:2%}.orbit-meter span{display:none}}
@media (max-width:370px){.signal-console{width:210px;height:342px}.console-screen{height:164px}.chip-ig,.chip-li{display:none}.cap-one{left:5%;}.ribbon-a{width:285px}.ribbon-b{width:300px}.orbit-meter{display:none}.signal-visual{min-height:390px!important}}
@media (prefers-reduced-motion:reduce){.signal-console,.orbit-ribbon,.signal-chiplet,.signal-caption,.cosmic-field::before,.star,.console-screen img,.console-glow{animation:none!important}.signal-console{transform:rotate(-5deg)!important}}

/* --- v24: pixel arcade growth console pass
   Replaces the phone/console object with a Riseklix-relevant pixel GameBoy-style pipeline machine.
   Built with CSS + optimized pixel assets; animations use transform/opacity only. */
.pixel-visual{
  position:relative!important;
  min-height:clamp(540px,56vw,720px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border-radius:52px!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(199,255,45,.20),transparent 16rem),
    radial-gradient(circle at 78% 16%,rgba(255,62,165,.18),transparent 18rem),
    radial-gradient(circle at 50% 88%,rgba(33,76,255,.32),transparent 22rem),
    linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  isolation:isolate;
  perspective:1200px;
  contain:layout paint;
}
.pixel-visual::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:radial-gradient(circle at 50% 48%,#000 0 46%,transparent 76%);
  opacity:.75;
}
.pixel-visual::after{
  content:"";position:absolute;inset:auto 6% 5%;height:16%;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at center,rgba(33,76,255,.26),transparent 70%);
  filter:blur(14px);
}
.pixel-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit;}
.pixel-ambient span{position:absolute;width:8px;height:8px;background:var(--acid);box-shadow:0 0 24px rgba(199,255,45,.7);image-rendering:pixelated;opacity:.75;animation:pixelSpark 8s steps(6,end) infinite;}
.pixel-ambient span:nth-child(1){left:14%;top:20%;animation-delay:.3s}.pixel-ambient span:nth-child(2){right:18%;top:32%;background:var(--hot);box-shadow:0 0 24px rgba(255,62,165,.55);animation-delay:1.8s}.pixel-ambient span:nth-child(3){left:60%;bottom:18%;background:#fff;animation-delay:3.2s}
@keyframes pixelSpark{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.25}35%{transform:translate3d(18px,-20px,0) scale(1.6);opacity:.85}70%{transform:translate3d(-12px,14px,0) scale(.85);opacity:.45}}
.pixel-scene{position:relative;width:min(560px,86vw);height:clamp(520px,52vw,680px);display:grid;place-items:center;z-index:2;transform-style:preserve-3d;cursor:pointer;}
.pixel-scene:focus-within{outline:2px solid var(--acid);outline-offset:6px;border-radius:38px;}
.pixel-gameboy{position:relative;width:min(310px,56vw);height:460px;background:linear-gradient(145deg,#f7eedf 0%,#d9c8ad 52%,#a69070 100%);border:6px solid #050509;box-shadow:0 34px 0 #050509,0 54px 105px rgba(0,0,0,.56),inset 0 0 0 7px rgba(255,255,255,.28),inset -16px -14px 0 rgba(0,0,0,.12);clip-path:polygon(0 7%,5% 7%,5% 2%,95% 2%,95% 7%,100% 7%,100% 93%,95% 93%,95% 98%,5% 98%,5% 93%,0 93%);transform:rotate(-8deg) rotateY(-8deg) translateZ(40px);animation:pixelConsoleFloat 7.5s cubic-bezier(.45,0,.2,1) infinite;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease;}
.pixel-scene:hover .pixel-gameboy{transform:rotate(-5deg) rotateY(-4deg) translateY(-10px) translateZ(60px);filter:drop-shadow(0 0 22px rgba(199,255,45,.18));}
.gb-shell-noise{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(45deg,rgba(5,5,9,.22) 25%,transparent 25%),linear-gradient(-45deg,rgba(5,5,9,.14) 25%,transparent 25%);background-size:8px 8px;mix-blend-mode:multiply;}
.gb-topbar{position:absolute;left:26px;right:26px;top:26px;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-weight:900;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#050509;}
.gb-topbar i{font-style:normal;color:#214cff;text-shadow:2px 2px 0 rgba(255,62,165,.18)}
.gb-screen{position:absolute;left:30px;right:30px;top:56px;height:238px;background:linear-gradient(180deg,#1d2cff 0%,#6d38ff 38%,#ff3ea5 78%,#ff7a1a 100%);border:7px solid #050509;box-shadow:inset 0 0 0 5px rgba(255,255,255,.16),0 14px 0 rgba(5,5,9,.18);overflow:hidden;display:grid;place-items:center;text-align:center;color:#fff;image-rendering:pixelated;}
.gb-screen::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:18px 18px;opacity:.55;}
.gb-screen::after{content:"";position:absolute;inset:-22%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.86),transparent 9%,transparent 100%);opacity:0;transform:scale(.4);pointer-events:none;}
.pixel-scene.play .gb-screen::after{animation:screenPop 1.1s cubic-bezier(.18,.8,.18,1) .72s both;}
.gb-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.65;}
.gb-logo{position:relative;width:62px;height:62px;object-fit:contain;z-index:2;filter:drop-shadow(0 7px 0 rgba(0,0,0,.16));animation:logoBleep 5s steps(3,end) infinite;}
.gb-screen strong{position:absolute;left:18px;right:18px;bottom:60px;font-family:var(--display);font-size:clamp(2.05rem,4.4vw,3.55rem);line-height:.78;letter-spacing:-.095em;text-align:left;text-transform:uppercase;text-shadow:3px 3px 0 rgba(5,5,9,.22);z-index:2;}
.gb-screen small{position:absolute;left:18px;right:18px;bottom:36px;font-family:var(--mono);font-weight:900;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:rgba(255,255,255,.88);z-index:2;}
.loading-track{position:absolute;left:18px;right:18px;bottom:18px;height:10px;border:2px solid #fff;background:rgba(5,5,9,.32);z-index:3;box-shadow:3px 3px 0 rgba(5,5,9,.32);}
.loading-track i{display:block;height:100%;width:0;background:var(--acid);box-shadow:0 0 18px rgba(199,255,45,.7);}
.pixel-scene.play .loading-track i{animation:loadPixel 1.04s steps(8,end) .05s both;}
.gb-controls{position:absolute;left:32px;right:32px;bottom:82px;display:flex;align-items:center;justify-content:space-between;}
.gb-dpad{position:relative;width:74px;height:74px;filter:drop-shadow(5px 7px 0 rgba(5,5,9,.2));}
.gb-dpad i:first-child{position:absolute;left:26px;top:0;width:22px;height:74px;background:#050509}.gb-dpad i:last-child{position:absolute;left:0;top:26px;width:74px;height:22px;background:#050509}
.gb-buttons{display:flex;gap:18px;transform:rotate(-18deg)}
.gb-buttons b{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff3ea5,#214cff);border:4px solid #050509;box-shadow:4px 7px 0 rgba(5,5,9,.24)}
.gb-speaker{position:absolute;left:34px;right:34px;bottom:36px;display:flex;gap:10px;justify-content:flex-end;transform:skewX(-18deg)}
.gb-speaker i{width:10px;height:42px;background:#050509;opacity:.8;}
.pixel-trail{position:absolute;z-index:0;border:6px solid rgba(255,255,255,.16);border-left-color:transparent;border-bottom-color:rgba(199,255,45,.36);border-radius:50%;filter:blur(.2px);animation:orbitalSweep 13s linear infinite;}
.trail-one{width:520px;height:210px;transform:rotate(-18deg)}.trail-two{width:450px;height:360px;transform:rotate(22deg);animation-direction:reverse;border-top-color:rgba(255,62,165,.24)}
.burst-item{position:absolute;left:50%;top:50%;z-index:5;will-change:transform,opacity;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(var(--s,1)) rotate(var(--r,0deg));filter:drop-shadow(0 22px 26px rgba(0,0,0,.36));}
.pixel-icon,.pixel-bill{image-rendering:pixelated;image-rendering:crisp-edges;}
.pixel-icon{width:clamp(56px,8vw,86px);height:clamp(56px,8vw,86px);object-fit:contain;background:rgba(255,255,255,.04);border:3px solid rgba(5,5,9,.9);box-shadow:5px 7px 0 rgba(5,5,9,.8);}
.pixel-bill{width:clamp(125px,18vw,205px);height:auto;border:3px solid rgba(5,5,9,.85);box-shadow:5px 7px 0 rgba(5,5,9,.75);}
.pixel-facebook{--x:-205px;--y:-140px;--r:-9deg;--s:1.02;animation-delay:.76s}.pixel-instagram{--x:185px;--y:-128px;--r:10deg;--s:.98;animation-delay:.84s}.pixel-dollar{--x:182px;--y:96px;--r:-6deg;--s:1;animation-delay:.92s}
.pixel-chip{font-family:var(--mono);font-weight:1000;letter-spacing:.08em;text-transform:uppercase;border:3px solid #050509;background:#f7f1e8;color:#050509;padding:.72rem .82rem;box-shadow:5px 7px 0 #050509;line-height:.9;text-align:center;image-rendering:pixelated;}
.chip-ads{--x:-198px;--y:76px;--r:7deg;background:#c7ff2d;animation-delay:.96s}.chip-leads{--x:0px;--y:-210px;--r:-3deg;background:#ff3ea5;color:#fff;animation-delay:1.02s}.chip-rev{--x:-26px;--y:198px;--r:3deg;background:#214cff;color:#fff;animation-delay:1.08s}
.pixel-scene.play .burst-item{animation-name:pixelBurst;animation-duration:1.15s;animation-timing-function:cubic-bezier(.16,.86,.18,1.08);animation-fill-mode:both;}
.pixel-scene:hover .burst-item{filter:drop-shadow(0 25px 30px rgba(0,0,0,.42)) saturate(1.08);}
.pixel-caption{position:absolute;z-index:6;font-family:var(--mono);font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88);background:rgba(5,5,9,.7);border:1px solid rgba(255,255,255,.18);box-shadow:5px 6px 0 rgba(5,5,9,.45);padding:.55rem .72rem;backdrop-filter:blur(12px);}
.cap-load{left:4%;bottom:9%;transform:rotate(-3deg)}.cap-loop{right:1%;top:14%;transform:rotate(3deg);color:var(--acid)}
@keyframes loadPixel{0%{width:0}100%{width:100%}}
@keyframes screenPop{0%{opacity:0;transform:scale(.35) rotate(0deg)}38%{opacity:.72;transform:scale(1.2) rotate(12deg)}100%{opacity:0;transform:scale(2.3) rotate(24deg)}}
@keyframes pixelBurst{0%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(.12) rotate(0deg)}38%{opacity:1;transform:translate(-50%,-50%) translate(calc(var(--x) * .46),calc(var(--y) * .46)) scale(1.12) rotate(calc(var(--r) * .45))}100%{opacity:1;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(var(--s,1)) rotate(var(--r,0deg))}}
@keyframes pixelConsoleFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:1deg}}
@keyframes orbitalSweep{to{rotate:360deg}}
@keyframes logoBleep{0%,100%{transform:translate(0,0) scale(1)}42%{transform:translate(2px,-2px) scale(1.04)}44%{transform:translate(-1px,1px) scale(.98)}}

@media (max-width:980px){
  .pixel-visual{min-height:clamp(500px,86vw,650px)!important;margin-top:2rem!important;overflow:hidden!important;border-radius:40px!important;}
  .pixel-scene{width:min(520px,92vw);height:clamp(500px,86vw,630px)}
  .pixel-gameboy{width:min(292px,58vw);height:430px;transform:rotate(-6deg) translateZ(30px)}
  .gb-screen{height:220px}.pixel-facebook{--x:-170px;--y:-132px}.pixel-instagram{--x:160px;--y:-112px}.pixel-dollar{--x:150px;--y:96px}.chip-ads{--x:-165px;--y:70px}.chip-leads{--x:0px;--y:-192px}.chip-rev{--x:-20px;--y:180px}.trail-one{width:470px}.trail-two{width:395px}.cap-load{left:5%;bottom:6%}.cap-loop{right:4%;top:10%}
}
@media (max-width:620px){
  .pixel-visual{min-height:460px!important;border-radius:34px!important;}
  .pixel-scene{height:450px;width:96vw;}
  .pixel-gameboy{width:218px;height:332px;border-width:5px;box-shadow:0 23px 0 #050509,0 34px 70px rgba(0,0,0,.48),inset 0 0 0 5px rgba(255,255,255,.22);}
  .gb-topbar{left:21px;right:21px;top:21px;font-size:.5rem}.gb-topbar i{display:none}
  .gb-screen{left:22px;right:22px;top:48px;height:168px;border-width:5px}.gb-screen strong{font-size:2.08rem;bottom:48px;left:14px;right:14px}.gb-screen small{display:none}.gb-logo{width:48px;height:48px}.loading-track{left:14px;right:14px;bottom:14px;height:8px}.gb-controls{left:24px;right:24px;bottom:60px}.gb-dpad{width:54px;height:54px}.gb-dpad i:first-child{left:19px;width:16px;height:54px}.gb-dpad i:last-child{top:19px;width:54px;height:16px}.gb-buttons{gap:11px}.gb-buttons b{width:28px;height:28px;border-width:3px}.gb-speaker{bottom:26px}.gb-speaker i{width:8px;height:28px}
  .pixel-icon{width:54px;height:54px;border-width:2px;box-shadow:4px 5px 0 #050509}.pixel-bill{width:118px;border-width:2px;box-shadow:4px 5px 0 #050509}.pixel-chip{font-size:.55rem;padding:.52rem .6rem;border-width:2px;box-shadow:4px 5px 0 #050509}
  .pixel-facebook{--x:-116px;--y:-116px;}.pixel-instagram{--x:112px;--y:-98px}.pixel-dollar{--x:104px;--y:82px}.chip-ads{--x:-118px;--y:70px}.chip-leads{--x:0px;--y:-158px}.chip-rev{--x:-10px;--y:146px}.pixel-caption{font-size:.49rem;padding:.42rem .5rem}.cap-load{bottom:4%;left:6%}.cap-loop{right:5%;top:7%}.trail-one{width:330px;height:160px;border-width:4px}.trail-two{width:330px;height:250px;border-width:4px}
}
@media (max-width:390px){
  .pixel-visual{min-height:420px!important;}
  .pixel-scene{height:410px;}
  .pixel-gameboy{width:196px;height:306px;transform:rotate(-4deg) translateZ(20px)}
  .gb-screen{height:150px}.gb-screen strong{font-size:1.76rem}.gb-logo{width:42px;height:42px}.pixel-facebook{--x:-96px;--y:-102px}.pixel-instagram{--x:96px;--y:-86px}.pixel-dollar{--x:88px;--y:72px}.chip-ads{--x:-98px;--y:62px}.chip-leads{display:none}.chip-rev{--x:-4px;--y:128px}.cap-loop{display:none}.cap-load{font-size:.44rem}.trail-two{display:none}
}
@media (prefers-reduced-motion: reduce){
  .pixel-gameboy,.pixel-ambient span,.pixel-trail,.pixel-scene.play .burst-item,.pixel-scene.play .loading-track i,.pixel-scene.play .gb-screen::after,.gb-logo{animation:none!important;transition:none!important;}
  .loading-track i{width:100%!important}.burst-item{opacity:1!important}
}

/* --- v25 production repair pass: seamless atmosphere, mobile breathing space, cleaner pixel console focus --- */
body{
  background:
    radial-gradient(1000px 640px at 18% 7%,rgba(33,76,255,.26),transparent 68%),
    radial-gradient(860px 540px at 88% 9%,rgba(141,84,255,.20),transparent 66%),
    radial-gradient(900px 620px at 45% 34%,rgba(255,62,165,.055),transparent 70%),
    linear-gradient(180deg,#050509 0%,#080812 44%,#070811 100%)!important;
}
.shell::before{
  background:
    radial-gradient(circle at 10% 18%,rgba(199,255,45,.07),transparent 20rem),
    radial-gradient(circle at 78% 42%,rgba(255,62,165,.055),transparent 18rem),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px)!important;
  background-size:auto,auto,70px 70px,70px 70px!important;
}
.section{isolation:isolate;}
.section.paper{
  background:
    radial-gradient(900px 420px at 12% -4%,rgba(33,76,255,.08),transparent 64%),
    linear-gradient(180deg,#f5f0e8 0%,#fffaf2 100%)!important;
  box-shadow:0 -80px 120px rgba(245,240,232,.09),0 80px 120px rgba(5,5,9,.08)!important;
}
.section.paper.blueprint{
  background:
    radial-gradient(900px 420px at 12% -8%,rgba(33,76,255,.13),transparent 64%),
    radial-gradient(840px 420px at 95% 4%,rgba(199,255,45,.075),transparent 62%),
    linear-gradient(rgba(33,76,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(33,76,255,.12) 1px,transparent 1px),
    #f5f0e8!important;
  background-size:auto,auto,42px 42px,42px 42px,auto!important;
}
.section.paper::before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:-120px!important;height:150px!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(5,5,9,0),rgba(245,240,232,.34) 45%,rgba(245,240,232,.88) 100%)!important;
  opacity:1!important;
}
.section.paper + .section::before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:-125px!important;height:150px!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(245,240,232,.70),rgba(5,5,9,.10) 72%,rgba(5,5,9,0) 100%)!important;
  opacity:1!important;
}
.hero::after{
  height:190px!important;
  background:linear-gradient(to bottom,rgba(5,5,9,0),rgba(5,5,9,.78) 60%,rgba(5,5,9,0) 100%)!important;
}

/* Service cards: remove the accidental cream wash and keep acquisition section readable. */
.section:not(.paper) .service-card,
.section:not(.paper) .card.big.service-card{
  background:
    radial-gradient(520px 260px at 18% 5%,rgba(199,255,45,.09),transparent 58%),
    radial-gradient(520px 300px at 88% 18%,rgba(255,62,165,.055),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
  color:#f8f4ec!important;
  border-color:rgba(255,255,255,.13)!important;
}
.section:not(.paper) .service-card p{color:rgba(235,231,244,.72)!important;}
.section:not(.paper) .service-card .num{color:rgba(221,216,237,.54)!important;}
.section:not(.paper) .service-card .icon{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#f8f4ec!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Pixel console: no acid focus outline after mouse/touch replay; keyboard still gets a subtle inner cue. */
.pixel-scene:focus,
.pixel-scene:focus-visible,
.pixel-scene:focus-within{
  outline:none!important;
  box-shadow:none!important;
}
.pixel-scene:focus-visible .pixel-gameboy{
  filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 0 18px rgba(199,255,45,.35))!important;
}
.pixel-visual{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 32px 110px rgba(0,0,0,.22)!important;
}
.pixel-caption{pointer-events:none!important;}
.pixel-scene:hover .pixel-caption.cap-load{opacity:.95!important;}

/* Mobile composition: fewer floating objects, more air, clearer hierarchy. */
@media(max-width:760px){
  .container,.wide{width:min(100% - 24px,var(--max))!important;}
  .hero{padding-top:28px!important;padding-bottom:54px!important;}
  .hero-grid{grid-template-columns:1fr!important;gap:1.45rem!important;}
  .hero-kicker{gap:.45rem!important;flex-wrap:wrap!important;}
  .hero-kicker .pill{font-size:.62rem!important;padding:.42rem .55rem!important;}
  .display{font-size:clamp(3.05rem,15.5vw,5.25rem)!important;line-height:.88!important;letter-spacing:-.08em!important;}
  .xl{font-size:clamp(2.35rem,12.4vw,4.45rem)!important;line-height:.92!important;}
  .body-xl,.hero-copy{font-size:1rem!important;line-height:1.55!important;max-width:62ch!important;}
  .proof{gap:.65rem!important;margin-top:1.2rem!important;}
  .stat{padding:.95rem!important;border-radius:20px!important;}
  .stat strong{font-size:clamp(1.9rem,11vw,3.1rem)!important;}
  .hero-note{font-size:.82rem!important;line-height:1.55!important;}
  .section-head{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;margin-bottom:1.6rem!important;}
  .section-head p{max-width:64ch!important;}
  .bento{gap:.85rem!important;}
  .card,.service-card{min-height:auto!important;padding:1.05rem!important;border-radius:24px!important;}
  .service-card{gap:1.5rem!important;}
  .service-card .btn{width:100%!important;justify-content:center!important;}
  .icon{width:58px!important;height:58px!important;border-radius:18px!important;font-size:1.72rem!important;}
  .case-grid{gap:1rem!important;}
  .case{min-height:auto!important;border-radius:26px!important;}
  .visual{height:220px!important;}
  .case-content{padding:1.05rem!important;}
  .metrics{gap:.55rem!important;}
  .metric{padding:.7rem!important;border-radius:16px!important;}
  .process-item{padding:1rem!important;border-radius:24px!important;gap:.8rem!important;}
  .process-item::before{font-size:2.45rem!important;}
}
@media(max-width:620px){
  .pixel-visual{min-height:390px!important;border-radius:30px!important;margin-top:.55rem!important;}
  .pixel-scene{height:376px!important;width:min(100%,340px)!important;}
  .pixel-gameboy{width:178px!important;height:286px!important;transform:rotate(-3deg) translateZ(20px)!important;}
  .gb-topbar{left:18px!important;right:18px!important;top:18px!important;font-size:.44rem!important;letter-spacing:.12em!important;}
  .gb-screen{left:18px!important;right:18px!important;top:42px!important;height:144px!important;border-width:5px!important;}
  .gb-logo{width:38px!important;height:38px!important;}
  .gb-screen strong{font-size:1.62rem!important;bottom:42px!important;left:12px!important;right:12px!important;}
  .loading-track{left:12px!important;right:12px!important;bottom:12px!important;height:7px!important;}
  .gb-controls{left:22px!important;right:22px!important;bottom:58px!important;}
  .gb-dpad{width:46px!important;height:46px!important;}
  .gb-dpad i:first-child{left:16px!important;width:14px!important;height:46px!important}.gb-dpad i:last-child{top:16px!important;width:46px!important;height:14px!important;}
  .gb-buttons{gap:9px!important;}.gb-buttons b{width:24px!important;height:24px!important;}
  .gb-speaker{bottom:24px!important;}.gb-speaker i{height:24px!important;width:7px!important;}
  .pixel-facebook,.chip-leads,.cap-loop{display:none!important;}
  .pixel-instagram{--x:80px!important;--y:-84px!important;width:46px!important;height:46px!important;}
  .pixel-dollar{--x:78px!important;--y:64px!important;width:92px!important;}
  .chip-ads{--x:-84px!important;--y:54px!important;font-size:.48rem!important;padding:.42rem .5rem!important;}
  .chip-rev{--x:-3px!important;--y:112px!important;font-size:.48rem!important;padding:.42rem .5rem!important;}
  .pixel-caption.cap-load{left:50%!important;bottom:8px!important;transform:translateX(-50%) rotate(0deg)!important;font-size:.42rem!important;opacity:.72!important;white-space:nowrap!important;}
  .trail-one{width:260px!important;height:130px!important;border-width:3px!important;opacity:.55!important;}.trail-two{display:none!important;}
}
@media(max-width:390px){
  .pixel-visual{min-height:350px!important;border-radius:26px!important;}
  .pixel-scene{height:340px!important;width:min(100%,306px)!important;}
  .pixel-gameboy{width:158px!important;height:260px!important;}
  .gb-screen{height:130px!important;}.gb-screen strong{font-size:1.42rem!important;}
  .pixel-instagram{--x:68px!important;--y:-72px!important;width:40px!important;height:40px!important;}
  .pixel-dollar{--x:64px!important;--y:58px!important;width:78px!important;}
  .chip-ads{--x:-70px!important;--y:48px!important;}.chip-rev{--x:0px!important;--y:98px!important;}
  .pixel-caption.cap-load{display:none!important;}
}

/* Keep the creative typography visible on phones, but soften it so it doesn't clutter. */
@media(max-width:680px){
  .type-field::before{
    display:block!important;
    font-size:clamp(3.4rem,22vw,7.2rem)!important;
    top:-.18em!important;right:-.12em!important;
    opacity:.5!important;
    color:rgba(245,240,232,.075)!important;
    -webkit-text-stroke:1px rgba(255,255,255,.06)!important;
  }
  .paper .type-field::before{color:rgba(5,5,9,.075)!important;-webkit-text-stroke:1px rgba(5,5,9,.035)!important;}
  .poster-head .motion-word:nth-child(4n+2),
  .kinetic-headline .motion-word:nth-child(5n+3){
    font-family:var(--serif)!important;
    font-style:italic!important;
    color:var(--acid)!important;
    letter-spacing:-.075em!important;
  }
  .paper .poster-head .motion-word:nth-child(4n+2),
  .paper .kinetic-headline .motion-word:nth-child(5n+3){color:var(--blue)!important;}
}

/* v25 readability guard: scroll typography should animate in, never stay blurred. */
.is-visible .motion-word{opacity:1!important;transform:translateY(0) rotate(0)!important;filter:blur(0)!important;}
@media(max-width:760px){
  .motion-word{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
}

/* v25 contrast guard for colored cards. */
.card.red p,.card.red li,.card.blue p,.card.blue li{color:rgba(255,255,255,.86)!important;}
.card.red .num,.card.blue .num{color:rgba(255,255,255,.64)!important;}

/* --- v29 mobile navigation rebuild from v25 base: scroll-safe, top-layer, animated, thumb-friendly --- */
.nav-wrap{isolation:isolate;z-index:2147483000!important;}
@media(max-width:900px){
  html.nav-open,body.nav-open{overflow:hidden!important;overscroll-behavior:none!important;}
  body{padding-top:68px!important;}
  .nav-wrap{
    position:fixed!important;
    inset:0 0 auto 0!important;
    padding:max(8px,env(safe-area-inset-top)) 0 8px!important;
    background:linear-gradient(180deg,rgba(5,5,9,.94),rgba(5,5,9,.66) 70%,rgba(5,5,9,0))!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
    pointer-events:auto!important;
  }
  .nav-wrap:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-1px;height:2px;
    background:linear-gradient(90deg,transparent,var(--acid),var(--blue),transparent);
    transform-origin:left;
    transform:scaleX(calc(var(--scroll-progress,0%) / 100));
    opacity:.75;
    pointer-events:none;
  }
  .nav{
    width:min(100% - 22px,760px)!important;
    min-height:52px!important;
    padding:7px!important;
    gap:8px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
    box-shadow:0 16px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }
  .brand{gap:.52rem!important;min-width:0!important;}
  .brand-mark{width:36px!important;height:36px!important;border-radius:13px!important;padding:4px!important;background:rgba(255,255,255,.09)!important;}
  .brand-word{font-size:.82rem!important;line-height:.82!important;max-width:120px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .brand-word span{font-size:.45rem!important;letter-spacing:.18em!important;margin-top:1px!important;}
  .menu{
    display:inline-flex!important;
    position:relative!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:78px!important;
    min-height:44px!important;
    padding:.72rem .9rem!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    background:linear-gradient(135deg,#f7f1e8,#fffaf0)!important;
    color:#060606!important;
    box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 0 0 rgba(199,255,45,.0)!important;
    letter-spacing:-.035em!important;
    overflow:hidden!important;
    z-index:2147483003!important;
  }
  .menu:before{
    content:"";position:absolute;inset:auto 11px 9px 11px;height:3px;border-radius:999px;
    background:linear-gradient(90deg,var(--blue),var(--hot),var(--acid));
    transform:scaleX(.42);transform-origin:left;transition:transform .24s ease;
  }
  .nav-wrap.menu-open .menu{background:var(--acid)!important;box-shadow:0 0 0 6px rgba(199,255,45,.09),0 18px 46px rgba(0,0,0,.34)!important;}
  .nav-wrap.menu-open .menu:before{transform:scaleX(1);}
  .mobile-nav-scrim{
    position:fixed!important;inset:0!important;z-index:2147482990!important;border:0!important;margin:0!important;padding:0!important;
    background:radial-gradient(620px 380px at 50% 4%,rgba(33,76,255,.20),transparent 72%),rgba(0,0,0,.54)!important;
    backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
    opacity:0;pointer-events:none;transition:opacity .22s ease;cursor:pointer;
  }
  .mobile-nav-scrim.is-visible{opacity:1;pointer-events:auto;}
  .nav-links{
    position:fixed!important;
    z-index:2147483002!important;
    top:calc(74px + env(safe-area-inset-top))!important;
    left:max(13px,env(safe-area-inset-left))!important;
    right:max(13px,env(safe-area-inset-right))!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    max-height:min(470px,calc(100dvh - 96px - env(safe-area-inset-top)))!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px!important;
    border-radius:28px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045)),
      radial-gradient(440px 180px at 12% 0%,rgba(199,255,45,.14),transparent 68%),
      rgba(5,5,9,.96)!important;
    box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:blur(24px) saturate(1.2)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.2)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-12px) scale(.965)!important;
    transform-origin:top center!important;
    transition:opacity .23s ease,transform .23s cubic-bezier(.2,.8,.2,1),visibility .23s!important;
    counter-reset:mobileNav;
  }
  .nav-links.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    display:grid!important;
  }
  .nav-links:before{
    content:"Riseklix navigation";
    display:block;
    padding:.72rem .85rem .28rem;
    color:var(--acid);
    font-family:var(--mono);
    font-size:.62rem;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .nav-links a{
    counter-increment:mobileNav;
    position:relative!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:.8rem!important;
    min-height:56px!important;
    padding:.9rem 1rem!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.1)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.088),rgba(255,255,255,.035))!important;
    color:#f5f0e8!important;
    text-align:left!important;
    font-family:var(--mono)!important;
    font-size:.76rem!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    opacity:0;
    transform:translateY(8px);
  }
  .nav-links.open a{animation:navItemRise .34s cubic-bezier(.2,.8,.2,1) both;}
  .nav-links.open a:nth-child(2){animation-delay:.025s;}
  .nav-links.open a:nth-child(3){animation-delay:.055s;}
  .nav-links.open a:nth-child(4){animation-delay:.085s;}
  .nav-links.open a:nth-child(5){animation-delay:.115s;}
  .nav-links.open a:nth-child(6){animation-delay:.145s;}
  .nav-links a:before{
    content:"0" counter(mobileNav);
    display:inline-flex;align-items:center;justify-content:center;
    width:34px;height:34px;border-radius:13px;
    background:rgba(255,255,255,.075);
    color:var(--acid);
    font-size:.62rem;
    letter-spacing:.04em;
  }
  .nav-links a:after{
    content:"↗"!important;position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:34px!important;height:34px!important;border-radius:13px!important;background:rgba(255,255,255,.08)!important;
    color:#9f98ad!important;transform:none!important;font-family:var(--sans)!important;font-size:.9rem!important;
  }
  .nav-links a:hover,.nav-links a:focus-visible{background:rgba(255,255,255,.14)!important;transform:none!important;}
  .nav-links a[aria-current="page"]{background:linear-gradient(135deg,#f7f1e8,#fff8ec)!important;color:#070707!important;border-color:rgba(255,255,255,.36)!important;}
  .nav-links a[aria-current="page"]:before{background:var(--blue)!important;color:#fff!important;}
  .nav-links a[aria-current="page"]:after{background:rgba(0,0,0,.08)!important;color:#111!important;}
  .nav-cta .btn{display:none!important;}
  body:after{z-index:2!important;}
}
@keyframes navItemRise{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:390px){
  .nav-links{top:calc(70px + env(safe-area-inset-top))!important;left:9px!important;right:9px!important;border-radius:24px!important;padding:10px!important;}
  .nav-links a{min-height:54px!important;padding:.82rem .86rem!important;font-size:.7rem!important;gap:.62rem!important;}
  .nav-links a:before,.nav-links a:after{width:30px!important;height:30px!important;border-radius:11px!important;}
  .menu{min-width:70px!important;min-height:42px!important;font-size:.84rem!important;}
}
@media(prefers-reduced-motion:reduce){
  .nav-links,.mobile-nav-scrim,.menu:before{transition:none!important;animation:none!important;}
  .nav-links.open a{animation:none!important;opacity:1!important;transform:none!important;}
}

/* --- v30 mobile nav blur-screen fix: opaque premium sheet, no page blur --- */
@media(max-width:900px){
  /* Kill older pseudo/backdrop layers that were creating a full-screen blur wash. */
  body.nav-open::before,
  html.nav-open::before{
    content:none!important;
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .mobile-nav-scrim{
    background:
      radial-gradient(620px 360px at 50% 0%,rgba(33,76,255,.24),transparent 70%),
      radial-gradient(520px 360px at 12% 26%,rgba(199,255,45,.10),transparent 72%),
      rgba(3,3,7,.74)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transition:opacity .18s ease!important;
  }

  .nav-wrap{
    z-index:2147483600!important;
    isolation:isolate!important;
  }

  .nav-wrap.menu-open{
    background:linear-gradient(180deg,rgba(5,5,9,.98),rgba(5,5,9,.90))!important;
  }

  .nav-wrap.menu-open .nav{
    border-color:rgba(199,255,45,.24)!important;
    box-shadow:0 16px 52px rgba(0,0,0,.42),0 0 0 1px rgba(199,255,45,.06),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }

  .nav-links{
    z-index:2147483602!important;
    background:
      linear-gradient(160deg,rgba(15,15,24,.985),rgba(5,5,9,.985)),
      radial-gradient(320px 180px at 20% 0%,rgba(199,255,45,.13),transparent 70%)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    box-shadow:0 34px 100px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }

  .nav-links.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    display:grid!important;
  }

  .nav-links a{
    background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .nav-links a:active{
    transform:translateY(1px)!important;
  }
}


/* --- v31 mobile nav: lighter, clickable, no dark screen wash --- */
@media(max-width:900px){
  body.nav-open::before,
  html.nav-open::before{
    content:none!important;
    display:none!important;
    pointer-events:none!important;
  }
  .mobile-nav-scrim,
  .mobile-nav-scrim.is-visible{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .nav-wrap{
    z-index:2147483600!important;
    background:linear-gradient(180deg,rgba(5,5,9,.96),rgba(5,5,9,.80))!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .nav-wrap.menu-open{
    background:linear-gradient(180deg,rgba(5,5,9,.98),rgba(5,5,9,.94))!important;
  }
  .nav-wrap .nav{
    background:rgba(10,10,18,.94)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .nav-links{
    z-index:2147483646!important;
    top:calc(74px + env(safe-area-inset-top))!important;
    background:
      radial-gradient(320px 180px at 18% 0%,rgba(199,255,45,.12),transparent 68%),
      linear-gradient(155deg,#12121d 0%,#07070d 72%,#050509 100%)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.1)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
  }
  .nav-links.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    display:grid!important;
    transform:translateY(0) scale(1)!important;
  }
  .nav-links a{
    position:relative!important;
    z-index:2!important;
    pointer-events:auto!important;
    opacity:1!important;
    transform:none!important;
    animation:none!important;
    touch-action:manipulation!important;
    background:rgba(255,255,255,.075)!important;
  }
  .nav-links a:active{
    transform:scale(.985)!important;
    background:rgba(255,255,255,.14)!important;
  }
  .nav-links a[aria-current="page"]{
    background:#f7f1e8!important;
    color:#060606!important;
  }
  .nav-links:before{
    color:rgba(199,255,45,.94)!important;
  }
}


/* --- v32 mobile nav hard fix + pixel manifesto mark ---
   Starts from v25/v31 base: no full-screen blur, nav always top layer, links clickable, background locked.
*/
.manifesto-pixel-mark{
  width:86px!important;
  height:86px!important;
  border-radius:26px!important;
  padding:10px!important;
  background:linear-gradient(145deg,rgba(8,9,20,.98),rgba(15,18,36,.96))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 64px rgba(33,76,255,.22),0 0 0 5px rgba(255,255,255,.045),inset 0 1px 0 rgba(255,255,255,.14)!important;
  overflow:hidden!important;
}
.manifesto-pixel-mark::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),
    radial-gradient(circle at 28% 14%,rgba(62,205,255,.26),transparent 48%);
  background-size:8px 8px,8px 8px,auto;
  pointer-events:none;
}
.manifesto-pixel-mark svg{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  image-rendering:pixelated;
  filter:drop-shadow(4px 4px 0 rgba(0,0,0,.35));
}
.manifesto-pixel-mark rect{transition:transform .22s ease,filter .22s ease;}
.manifesto-board:hover .manifesto-pixel-mark rect:nth-child(odd){transform:translateY(-1px);filter:brightness(1.08);}
.manifesto-board:hover .manifesto-pixel-mark rect:nth-child(even){transform:translateY(1px);filter:brightness(1.08);}

@media(max-width:900px){
  /* Keep the mobile navbar and dropdown above every creative/card section. */
  .nav-wrap{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:2147483647!important;
    isolation:auto!important;
    pointer-events:auto!important;
    background:linear-gradient(180deg,rgba(5,5,9,.97),rgba(5,5,9,.88))!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .nav-wrap *{pointer-events:auto;}
  .nav-wrap.menu-open{z-index:2147483647!important;background:rgba(5,5,9,.985)!important;}
  .nav{
    position:relative!important;
    z-index:2147483647!important;
  }
  .menu{
    position:relative!important;
    z-index:2147483647!important;
  }
  .mobile-nav-scrim,
  .mobile-nav-scrim.is-visible,
  body.nav-open::before,
  html.nav-open::before{
    display:none!important;
    content:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .nav-links{
    position:fixed!important;
    z-index:2147483647!important;
    top:calc(70px + env(safe-area-inset-top))!important;
    left:max(12px,env(safe-area-inset-left))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:auto!important;
    max-height:calc(100dvh - 92px - env(safe-area-inset-top))!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:
      radial-gradient(360px 160px at 14% 0%,rgba(199,255,45,.11),transparent 70%),
      linear-gradient(160deg,#151521 0%,#0a0a11 72%,#07070b 100%)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 22px 58px rgba(0,0,0,.42),0 0 0 1px rgba(199,255,45,.04),inset 0 1px 0 rgba(255,255,255,.12)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    transform:translateY(-8px) scale(.98)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .nav-links.open{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  .nav-links.open a,
  .nav-links a{
    pointer-events:auto!important;
    position:relative!important;
    z-index:2147483647!important;
    touch-action:manipulation!important;
  }
  html.nav-open,body.nav-open{overflow:hidden!important;overscroll-behavior:none!important;}

  /* Ensure manifesto never sits above the open mobile menu. */
  .art-manifesto,.manifesto-board,.manifesto-board *{z-index:auto!important;}
  .manifesto-pixel-mark{width:64px!important;height:64px!important;border-radius:20px!important;padding:8px!important;}
}
@media(max-width:390px){
  .nav-links{top:calc(66px + env(safe-area-inset-top))!important;left:9px!important;right:9px!important;}
  .manifesto-pixel-mark{width:58px!important;height:58px!important;border-radius:18px!important;padding:7px!important;}
}

/* --- v33 interactive Riseklix OS console layer (built on v25/v32 base) --- */
.pixel-scene{cursor:default!important;}
.console-start{
  position:absolute;
  left:50%;
  bottom:7.5%;
  z-index:14;
  transform:translateX(-50%) rotate(-2deg);
  appearance:none;
  border:3px solid #050509;
  background:var(--acid);
  color:#050509;
  box-shadow:5px 7px 0 #050509,0 0 26px rgba(199,255,45,.28);
  border-radius:0;
  padding:.72rem 1rem;
  font-family:var(--mono);
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.12em;
  line-height:1;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  image-rendering:pixelated;
}
.console-start::before{content:"▶";margin-right:.5rem;}
.console-start:hover{transform:translateX(-50%) translateY(-3px) rotate(1deg);filter:saturate(1.08);box-shadow:7px 10px 0 #050509,0 0 34px rgba(199,255,45,.34);}
.console-start:active{transform:translateX(-50%) translateY(2px) rotate(-1deg);box-shadow:3px 4px 0 #050509;}
.console-start:focus-visible{outline:3px solid #fff;outline-offset:5px;}
.pixel-scene.play .console-start{animation:startBlink 2.6s steps(2,end) 1.4s infinite;}
@keyframes startBlink{50%{filter:brightness(1.25) saturate(1.2)}}

.rk-os-open{overflow:hidden!important;}
.rk-os-modal{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:clamp(14px,4vw,38px);
  background:radial-gradient(circle at 50% 45%,rgba(33,76,255,.18),transparent 34rem),rgba(5,5,9,.55);
  isolation:isolate;
}
.rk-os-modal[hidden]{display:none!important;}
.rk-os-backplate{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(5,5,9,.12),rgba(5,5,9,.42));}
.rk-os-window{
  position:relative;
  z-index:2;
  width:min(980px,94vw);
  max-height:min(720px,88svh);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:4px solid #050509;
  border-radius:28px;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(135deg,#111828 0%,#101037 42%,#43114b 100%);
  background-size:22px 22px,22px 22px,100% 100%;
  box-shadow:12px 14px 0 #050509,0 34px 120px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.16);
  color:#fff8ee;
  transform:scale(.08) translateY(120px) rotate(-7deg);
  opacity:0;
  transform-origin:50% 75%;
  transition:transform .52s cubic-bezier(.16,.86,.18,1.08),opacity .28s ease;
}
.rk-os-modal.is-open .rk-os-window{transform:scale(1) translateY(0) rotate(0);opacity:1;}
.rk-os-modal.is-exiting .rk-os-window{transform:scale(.08) translateY(130px) rotate(-7deg);opacity:0;transition:transform .34s cubic-bezier(.6,-.08,.72,.2),opacity .28s ease;}
.rk-os-topbar{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:clamp(.72rem,1.6vw,1rem) clamp(.84rem,2vw,1.2rem);
  border-bottom:3px solid #050509;
  background:linear-gradient(90deg,#f7f1e8 0%,#dce8ff 52%,#c7ff2d 100%);
  color:#050509;
  font-family:var(--mono);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.rk-os-topbar strong{font-weight:1000;}
.rk-os-topbar small{margin-right:auto;font-size:.68rem;font-weight:900;opacity:.74;}
.os-light{width:12px;height:12px;background:#ff3ea5;border:2px solid #050509;box-shadow:3px 3px 0 #050509;animation:osLight 1.3s steps(2,end) infinite;}
.os-exit{
  appearance:none;
  border:2px solid #050509;
  background:#050509;
  color:#fff8ee;
  font-family:var(--mono);
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:.56rem .72rem;
  cursor:pointer;
}
.os-exit:hover,.os-exit:focus-visible{background:#ff3ea5;color:#fff;outline:2px solid #214cff;outline-offset:2px;}
.rk-os-screen{
  display:grid;
  grid-template-columns:250px 1fr;
  gap:clamp(1rem,2vw,1.4rem);
  padding:clamp(1rem,2.5vw,1.6rem);
  overflow:auto;
}
.os-dock{display:grid;gap:.74rem;align-content:start;}
.os-app{
  appearance:none;
  width:100%;
  text-align:left;
  border:2px solid rgba(255,255,255,.16);
  background:rgba(5,5,9,.54);
  color:#fff8ee;
  box-shadow:5px 6px 0 rgba(5,5,9,.56);
  padding:.9rem .86rem;
  font-family:var(--mono);
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.os-app span{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-right:.66rem;background:#214cff;color:#fff;border:2px solid #050509;box-shadow:2px 3px 0 #050509;}
.os-app:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);}
.os-app.is-active{background:var(--acid);color:#050509;border-color:#050509;transform:translateY(-3px);}
.os-panel{
  position:relative;
  overflow:hidden;
  min-height:360px;
  border:3px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 88% 18%,rgba(199,255,45,.20),transparent 12rem),
    radial-gradient(circle at 12% 88%,rgba(255,62,165,.16),transparent 13rem),
    rgba(255,255,255,.055);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),7px 9px 0 rgba(5,5,9,.48);
  padding:clamp(1rem,3vw,2rem);
}
.os-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 1px,transparent 1px 6px);opacity:.56;mix-blend-mode:screen;}
.os-mini{position:relative;z-index:1;margin:0 0 .65rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--acid);font-weight:1000;font-size:.72rem;}
.os-panel h3{position:relative;z-index:1;margin:0 0 .8rem;font-family:var(--display);font-size:clamp(2.3rem,6vw,5.8rem);line-height:.86;letter-spacing:-.075em;text-transform:uppercase;max-width:10ch;}
.os-panel p[data-os-copy]{position:relative;z-index:1;max-width:58ch;font-size:clamp(1rem,1.65vw,1.25rem);line-height:1.5;color:rgba(255,248,238,.84);margin:0 0 1.15rem;}
.os-metrics{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1rem;}
.os-metrics span{font-family:var(--mono);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;border:1px solid rgba(255,255,255,.18);background:rgba(5,5,9,.42);padding:.55rem .68rem;}
.os-terminal{position:relative;z-index:1;margin-top:1rem;max-width:640px;background:#050509;color:#c7ff2d;border:2px solid rgba(255,255,255,.18);box-shadow:5px 6px 0 rgba(5,5,9,.5);font-family:var(--mono);font-weight:900;line-height:1.65;padding:.9rem 1rem;min-height:92px;}
.os-terminal.pulse{animation:terminalPulse .36s steps(2,end) both;}
.os-cta{position:relative;z-index:1;margin-top:1rem;display:inline-flex;}
.rk-os-footer{display:flex;justify-content:space-between;gap:1rem;padding:.76rem 1rem;border-top:2px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,248,238,.66);background:rgba(5,5,9,.38);}
@keyframes osLight{50%{background:#c7ff2d}}
@keyframes terminalPulse{0%{filter:brightness(1.5);transform:translateY(-1px)}100%{filter:brightness(1);transform:none}}

@media (max-width:760px){
  .console-start{bottom:5.5%;font-size:.62rem;padding:.62rem .78rem;box-shadow:4px 5px 0 #050509;}
  .rk-os-modal{padding:10px;background:rgba(5,5,9,.46);align-items:end;}
  .rk-os-window{width:100%;max-height:92svh;border-radius:22px;box-shadow:6px 8px 0 #050509,0 28px 75px rgba(0,0,0,.56);transform:scale(.12) translateY(170px) rotate(-5deg);}
  .rk-os-modal.is-open .rk-os-window{transform:scale(1) translateY(0) rotate(0);}
  .rk-os-modal.is-exiting .rk-os-window{transform:scale(.12) translateY(170px) rotate(-5deg);}
  .rk-os-topbar{gap:.5rem;flex-wrap:wrap;}
  .rk-os-topbar small{display:none;}
  .os-exit{margin-left:auto;padding:.52rem .62rem;}
  .rk-os-screen{grid-template-columns:1fr;padding:.9rem;gap:.85rem;}
  .os-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;}
  .os-app{padding:.7rem .58rem;font-size:.62rem;line-height:1.1;box-shadow:3px 4px 0 rgba(5,5,9,.52);}
  .os-app span{display:block;margin:0 0 .38rem;width:1.55rem;height:1.55rem;font-size:.58rem;}
  .os-panel{min-height:310px;padding:1rem;border-width:2px;}
  .os-panel h3{font-size:clamp(2.25rem,15vw,3.8rem);line-height:.9;max-width:8ch;}
  .os-panel p[data-os-copy]{font-size:.96rem;line-height:1.48;}
  .os-metrics{gap:.45rem;}
  .os-metrics span{font-size:.58rem;padding:.45rem .52rem;}
  .os-terminal{font-size:.72rem;line-height:1.55;min-height:82px;padding:.72rem;}
  .rk-os-footer{display:none;}
}
@media (max-width:380px){
  .console-start{font-size:.54rem;padding:.55rem .64rem;bottom:6%;}
  .os-dock{grid-template-columns:1fr 1fr;}
  .os-app{font-size:.56rem;}
  .os-panel h3{font-size:2.45rem;}
  .os-panel p[data-os-copy]{font-size:.9rem;}
}
@media (prefers-reduced-motion:reduce){
  .console-start,.rk-os-window,.os-app,.os-light,.os-terminal.pulse{animation:none!important;transition:none!important;}
}


/* --- v34 OS sizing + responsive repair + analytics build --- */
/* Keep the Riseklix OS zoom inside the viewport on desktop and make it behave like a neat app drawer on mobile. */
.rk-os-modal{
  padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))!important;
  overflow:hidden!important;
  place-items:center!important;
}
.rk-os-backplate{background:rgba(5,5,9,.28)!important;}
.rk-os-window{
  box-sizing:border-box!important;
  width:min(820px, calc(100vw - 72px))!important;
  max-width:820px!important;
  max-height:min(650px, calc(100dvh - 76px))!important;
  border-width:3px!important;
  border-radius:24px!important;
  box-shadow:8px 9px 0 #050509,0 28px 90px rgba(0,0,0,.56),inset 0 0 0 1px rgba(255,255,255,.15)!important;
  transform:scale(.12) translateY(96px) rotate(-5deg)!important;
  transform-origin:50% 76%!important;
}
.rk-os-modal.is-open .rk-os-window{transform:scale(1) translateY(0) rotate(0)!important;}
.rk-os-modal.is-exiting .rk-os-window{transform:scale(.12) translateY(96px) rotate(-5deg)!important;}
.rk-os-topbar{padding:.72rem .88rem!important;min-height:52px!important;}
.rk-os-screen{
  grid-template-columns:minmax(180px,210px) minmax(0,1fr)!important;
  gap:1rem!important;
  padding:1rem!important;
  overflow:auto!important;
  min-height:0!important;
}
.os-panel{min-height:315px!important;padding:1.2rem!important;}
.os-panel h3{font-size:clamp(2rem,4.8vw,4.8rem)!important;line-height:.9!important;max-width:11ch!important;}
.os-panel p[data-os-copy]{font-size:clamp(.96rem,1.2vw,1.08rem)!important;line-height:1.48!important;}
.os-terminal{max-width:100%!important;min-height:78px!important;font-size:.78rem!important;}
.os-app{padding:.78rem .72rem!important;font-size:.7rem!important;line-height:1.12!important;}
.os-app span{width:1.68rem!important;height:1.68rem!important;margin-right:.48rem!important;}

@media (min-width:1280px){
  .rk-os-window{width:min(780px, calc(100vw - 96px))!important;max-height:min(610px, calc(100dvh - 96px))!important;}
  .rk-os-screen{grid-template-columns:196px minmax(0,1fr)!important;}
}
@media (max-width:900px){
  .rk-os-modal{padding:14px!important;align-items:center!important;place-items:center!important;background:rgba(5,5,9,.42)!important;}
  .rk-os-window{
    width:min(94vw, 640px)!important;
    max-height:calc(100dvh - 28px)!important;
    border-radius:22px!important;
    box-shadow:5px 7px 0 #050509,0 24px 70px rgba(0,0,0,.54)!important;
    transform:scale(.14) translateY(112px) rotate(-4deg)!important;
  }
  .rk-os-modal.is-open .rk-os-window{transform:scale(1) translateY(0) rotate(0)!important;}
  .rk-os-modal.is-exiting .rk-os-window{transform:scale(.14) translateY(112px) rotate(-4deg)!important;}
  .rk-os-topbar{min-height:auto!important;gap:.42rem!important;padding:.66rem .72rem!important;flex-wrap:nowrap!important;}
  .rk-os-topbar strong{font-size:.75rem!important;white-space:nowrap!important;}
  .os-light{width:10px!important;height:10px!important;flex:0 0 auto!important;}
  .os-exit{font-size:.62rem!important;padding:.46rem .56rem!important;margin-left:auto!important;white-space:nowrap!important;}
  .rk-os-screen{grid-template-columns:1fr!important;padding:.75rem!important;gap:.72rem!important;}
  .os-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.48rem!important;}
  .os-app{font-size:.55rem!important;line-height:1.08!important;padding:.56rem .5rem!important;min-height:58px!important;box-shadow:3px 4px 0 rgba(5,5,9,.52)!important;}
  .os-app span{display:inline-grid!important;width:1.35rem!important;height:1.35rem!important;margin:0 .32rem 0 0!important;font-size:.5rem!important;vertical-align:middle!important;}
  .os-panel{min-height:auto!important;padding:.86rem!important;border-width:2px!important;}
  .os-panel h3{font-size:clamp(2rem,11vw,3.2rem)!important;line-height:.92!important;max-width:9.5ch!important;margin-bottom:.55rem!important;}
  .os-panel p[data-os-copy]{font-size:.88rem!important;line-height:1.42!important;margin-bottom:.8rem!important;}
  .os-metrics{gap:.38rem!important;margin-bottom:.72rem!important;}
  .os-metrics span{font-size:.52rem!important;padding:.38rem .44rem!important;}
  .os-terminal{font-size:.64rem!important;line-height:1.45!important;min-height:70px!important;padding:.58rem!important;margin-top:.72rem!important;}
  .os-cta{width:100%!important;justify-content:center!important;margin-top:.75rem!important;}
}
@media (max-width:420px){
  .rk-os-modal{padding:10px!important;}
  .rk-os-window{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:18px!important;}
  .rk-os-topbar{padding:.58rem .58rem!important;}
  .rk-os-topbar strong{font-size:.68rem!important;letter-spacing:.055em!important;}
  .os-exit{font-size:.56rem!important;padding:.4rem .46rem!important;}
  .rk-os-screen{padding:.62rem!important;gap:.58rem!important;}
  .os-app{font-size:.49rem!important;min-height:52px!important;padding:.46rem .4rem!important;letter-spacing:.04em!important;}
  .os-app span{width:1.18rem!important;height:1.18rem!important;margin-right:.24rem!important;}
  .os-panel h3{font-size:clamp(1.8rem,10.5vw,2.55rem)!important;letter-spacing:-.06em!important;}
  .os-panel p[data-os-copy]{font-size:.82rem!important;}
  .os-terminal{font-size:.58rem!important;min-height:62px!important;}
}
@media (max-height:680px) and (min-width:761px){
  .rk-os-window{max-height:calc(100dvh - 40px)!important;width:min(760px, calc(100vw - 72px))!important;}
  .rk-os-screen{padding:.8rem!important;}
  .os-panel{min-height:260px!important;padding:1rem!important;}
  .os-panel h3{font-size:clamp(2rem,4vw,3.6rem)!important;}
  .os-terminal{min-height:60px!important;line-height:1.45!important;}
}

/* --- v35: smaller OS viewport + desktop-only pixel firefly --- */
/* The OS is intentionally compact now so the full app drawer remains visible on desktop. */
.rk-os-modal{
  padding:clamp(22px,5vw,76px)!important;
  overflow:hidden!important;
  align-items:center!important;
  justify-items:center!important;
}
.rk-os-window{
  width:min(620px, calc(100vw - 180px))!important;
  max-width:620px!important;
  max-height:min(540px, calc(100dvh - 136px))!important;
  border-width:3px!important;
  border-radius:20px!important;
  box-shadow:6px 7px 0 #050509,0 22px 70px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.13)!important;
  transform-origin:50% 72%!important;
}
.rk-os-topbar{
  padding:.54rem .68rem!important;
  min-height:42px!important;
  gap:.48rem!important;
  border-bottom-width:2px!important;
}
.rk-os-topbar strong{font-size:.75rem!important;letter-spacing:.055em!important;white-space:nowrap!important;}
.rk-os-topbar small{font-size:.55rem!important;max-width:19ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.os-light{width:9px!important;height:9px!important;box-shadow:2px 2px 0 #050509!important;}
.os-exit{font-size:.58rem!important;padding:.42rem .56rem!important;border-width:2px!important;}
.rk-os-screen{
  grid-template-columns:145px minmax(0,1fr)!important;
  gap:.72rem!important;
  padding:.72rem!important;
  overflow:auto!important;
}
.os-dock{gap:.48rem!important;}
.os-app{
  padding:.56rem .52rem!important;
  font-size:.55rem!important;
  line-height:1.05!important;
  letter-spacing:.045em!important;
  box-shadow:3px 4px 0 rgba(5,5,9,.5)!important;
}
.os-app span{
  width:1.22rem!important;
  height:1.22rem!important;
  margin-right:.34rem!important;
  font-size:.48rem!important;
  box-shadow:1px 2px 0 #050509!important;
}
.os-panel{
  min-height:235px!important;
  padding:.88rem!important;
  border-width:2px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),4px 5px 0 rgba(5,5,9,.46)!important;
}
.os-mini{font-size:.55rem!important;margin-bottom:.42rem!important;}
.os-panel h3{
  font-size:clamp(1.75rem,3.6vw,3.35rem)!important;
  line-height:.9!important;
  max-width:10ch!important;
  margin-bottom:.5rem!important;
  letter-spacing:-.065em!important;
}
.os-panel p[data-os-copy]{font-size:.86rem!important;line-height:1.4!important;margin-bottom:.7rem!important;max-width:50ch!important;}
.os-metrics{gap:.36rem!important;margin-bottom:.58rem!important;}
.os-metrics span{font-size:.5rem!important;padding:.34rem .42rem!important;}
.os-terminal{font-size:.58rem!important;line-height:1.42!important;min-height:58px!important;padding:.56rem!important;margin-top:.58rem!important;box-shadow:3px 4px 0 rgba(5,5,9,.48)!important;}
.os-cta{margin-top:.68rem!important;font-size:.76rem!important;min-height:42px!important;padding:.7rem .9rem!important;}
.rk-os-footer{font-size:.52rem!important;padding:.5rem .68rem!important;}

@media (min-width:1280px){
  .rk-os-window{width:600px!important;max-width:600px!important;max-height:min(520px, calc(100dvh - 150px))!important;}
  .rk-os-screen{grid-template-columns:138px minmax(0,1fr)!important;}
}
@media (max-height:740px) and (min-width:901px){
  .rk-os-modal{padding:34px 80px!important;}
  .rk-os-window{width:570px!important;max-width:570px!important;max-height:calc(100dvh - 74px)!important;}
  .rk-os-screen{padding:.58rem!important;gap:.58rem!important;}
  .os-panel{min-height:205px!important;padding:.72rem!important;}
  .os-panel h3{font-size:2.35rem!important;}
  .os-terminal{display:none!important;}
  .rk-os-footer{display:none!important;}
}
@media (max-width:900px){
  .rk-os-modal{padding:14px!important;align-items:center!important;justify-items:center!important;background:rgba(5,5,9,.42)!important;}
  .rk-os-window{width:min(92vw,560px)!important;max-height:calc(100dvh - 28px)!important;border-radius:20px!important;}
  .rk-os-screen{grid-template-columns:1fr!important;padding:.72rem!important;gap:.68rem!important;}
  .os-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.46rem!important;}
  .os-panel{min-height:auto!important;}
  .rk-os-footer{display:none!important;}
}
@media (max-width:520px){
  .rk-os-modal{padding:10px!important;}
  .rk-os-window{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:18px!important;}
  .rk-os-topbar{padding:.52rem .55rem!important;}
  .rk-os-topbar small{display:none!important;}
  .rk-os-screen{padding:.58rem!important;gap:.56rem!important;}
  .os-app{font-size:.48rem!important;min-height:50px!important;padding:.44rem .38rem!important;}
  .os-app span{width:1.08rem!important;height:1.08rem!important;margin-right:.2rem!important;}
  .os-panel{padding:.72rem!important;}
  .os-panel h3{font-size:clamp(1.65rem,9.2vw,2.35rem)!important;max-width:9.5ch!important;}
  .os-panel p[data-os-copy]{font-size:.8rem!important;line-height:1.38!important;}
  .os-metrics span{font-size:.46rem!important;}
  .os-terminal{font-size:.54rem!important;min-height:54px!important;}
  .os-cta{width:100%!important;justify-content:center!important;}
}

.pixel-firefly{
  position:fixed;
  left:0;
  top:0;
  width:16px;
  height:16px;
  z-index:2147482500;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-100px,-100px,0);
  transition:opacity .32s ease;
  will-change:transform;
  filter:drop-shadow(0 0 5px rgba(199,255,45,.92)) drop-shadow(0 0 14px rgba(199,255,45,.38));
  mix-blend-mode:screen;
}
.pixel-firefly.is-live{opacity:.92;}
.pixel-firefly.is-perched{filter:drop-shadow(0 0 4px rgba(255,62,165,.9)) drop-shadow(0 0 15px rgba(199,255,45,.55));}
.pixel-firefly::before{
  content:"";
  position:absolute;
  left:6px;
  top:6px;
  width:4px;
  height:4px;
  background:#c7ff2d;
  box-shadow:
    0 -6px #fff8ee,
    0 -3px #c7ff2d,
    0 3px #c7ff2d,
    0 6px #fff8ee,
    -6px 0 #fff8ee,
    -3px 0 #c7ff2d,
    3px 0 #c7ff2d,
    6px 0 #fff8ee,
    -3px -3px rgba(33,76,255,.95),
    3px 3px rgba(255,62,165,.95);
  image-rendering:pixelated;
  animation:fireflyTwinkle .9s steps(2,end) infinite;
}
.pixel-firefly::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(199,255,45,.32),transparent 65%);
  transform:scale(1.7);
  opacity:.6;
}
@keyframes fireflyTwinkle{50%{filter:brightness(1.8);transform:scale(.82)}}
@media (max-width:1023px),(pointer:coarse),(prefers-reduced-motion:reduce){
  .pixel-firefly{display:none!important;}
}

/* --- v36: OS viewport hard-fix — smaller, slightly left, never clipped --- */
.rk-os-open{overflow:hidden!important;}
.rk-os-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  display:grid!important;
  align-items:center!important;
  justify-items:center!important;
  padding:24px 14vw 24px 4vw!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.rk-os-modal[hidden]{display:none!important;}
@media (min-width:901px){
  .rk-os-window{
    width:min(470px, calc(100vw - 340px))!important;
    max-width:470px!important;
    max-height:min(470px, calc(100dvh - 90px))!important;
    margin-left:clamp(-128px,-7vw,-58px)!important;
    border-width:2px!important;
    border-radius:18px!important;
    box-shadow:5px 6px 0 #050509,0 18px 56px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.12)!important;
  }
  .rk-os-topbar{
    min-height:36px!important;
    padding:.42rem .52rem!important;
    gap:.36rem!important;
  }
  .rk-os-topbar strong{font-size:.62rem!important;letter-spacing:.05em!important;}
  .rk-os-topbar small{font-size:.46rem!important;max-width:14ch!important;}
  .os-light{width:7px!important;height:7px!important;}
  .os-exit{font-size:.48rem!important;padding:.32rem .42rem!important;}
  .rk-os-screen{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:.48rem!important;
    padding:.5rem!important;
  }
  .os-dock{gap:.34rem!important;}
  .os-app{
    padding:.42rem .36rem!important;
    min-height:44px!important;
    font-size:.43rem!important;
    line-height:1.05!important;
    letter-spacing:.035em!important;
    box-shadow:2px 3px 0 rgba(5,5,9,.46)!important;
  }
  .os-app span{
    width:.98rem!important;
    height:.98rem!important;
    margin-right:.22rem!important;
    font-size:.38rem!important;
    border-width:1px!important;
  }
  .os-panel{
    min-height:190px!important;
    padding:.62rem!important;
    border-width:2px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),3px 4px 0 rgba(5,5,9,.42)!important;
  }
  .os-mini{font-size:.43rem!important;margin-bottom:.3rem!important;letter-spacing:.1em!important;}
  .os-panel h3{
    font-size:clamp(1.38rem,2.6vw,2.35rem)!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    max-width:10ch!important;
    margin-bottom:.36rem!important;
  }
  .os-panel p[data-os-copy]{font-size:.68rem!important;line-height:1.34!important;margin-bottom:.48rem!important;}
  .os-metrics{gap:.24rem!important;margin-bottom:.42rem!important;}
  .os-metrics span{font-size:.38rem!important;padding:.24rem .3rem!important;}
  .os-terminal{font-size:.45rem!important;line-height:1.32!important;min-height:42px!important;padding:.42rem!important;margin-top:.42rem!important;}
  .os-cta{min-height:34px!important;font-size:.58rem!important;padding:.52rem .62rem!important;margin-top:.5rem!important;}
  .rk-os-footer{font-size:.42rem!important;padding:.38rem .52rem!important;}
}
@media (min-width:1280px){
  .rk-os-window{width:455px!important;max-width:455px!important;margin-left:-110px!important;}
}
@media (min-width:901px) and (max-height:690px){
  .rk-os-window{width:430px!important;max-width:430px!important;max-height:calc(100dvh - 54px)!important;margin-left:-88px!important;}
  .os-terminal{display:none!important;}
  .rk-os-footer{display:none!important;}
  .os-panel{min-height:160px!important;}
}
@media (max-width:900px){
  .rk-os-modal{padding:12px!important;align-items:center!important;justify-items:center!important;}
  .rk-os-window{margin-left:0!important;width:min(92vw,520px)!important;max-height:calc(100dvh - 24px)!important;}
}