: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;}}