:root{--ink:#131424;--paper:#f4f2ee;--white:#fff;--line:rgba(19,20,36,.14);--muted:#646574;--violet:#6554ed;--violet2:#978cff;--night:#101120;--round:18px;--shell:min(1360px,calc(100% - 80px))}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration-thickness:1px}img{max-width:100%;height:auto}::selection{background:#9f97fa;color:#111}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:700;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(4.3rem,8.5vw,10rem)}h2{font-size:clamp(3rem,5.7vw,6.4rem)}h3{font-size:clamp(1.45rem,2vw,2.2rem)}p{max-width:69ch}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ae9bff;outline-offset:5px}.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px;z-index:200}.skip:focus{left:8px}.shell{width:var(--shell);margin-inline:auto}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:9px}.intro{color:var(--muted);font-size:clamp(1rem,1.5vw,1.23rem);line-height:1.8;max-width:60ch}.overline{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.14em}.nav{position:relative;z-index:30;padding:20px 0;background:var(--night);color:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px}.brand{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-width:124px;line-height:1;text-decoration:none}.brand-primary{font-family:Manrope,Arial,sans-serif;font-weight:900;font-size:1.35rem;letter-spacing:-.075em;color:#fff}.brand-secondary{font-family:Manrope,Arial,sans-serif;font-size:.55rem;font-weight:750;letter-spacing:.235em;color:#c9c8d8;margin-top:5px}.nav-list{display:flex;align-items:center;gap:clamp(15px,2.3vw,31px);list-style:none;padding:0;margin:0;font-size:.79rem;color:#dad9e6}.nav-list a:hover,.nav-list a[aria-current=page]{color:#fff}.nav-cta{border:1px solid #78728e;border-radius:999px;padding:11px 17px;font-size:.75rem;font-weight:800;white-space:nowrap}.nav-cta:hover{background:#fff;color:var(--night)}.nav-toggle{display:none;background:transparent;color:#fff;border:1px solid #7b7887;padding:7px 12px;border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid transparent;border-radius:100px;padding:15px 22px;font-weight:800;font-size:.85rem;transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#161727;color:#fff}.btn-light{background:#f5f3ff;color:#151327}.btn-stroke{border-color:#8e90a4;color:#fff}.btn svg,.arrow{width:17px;height:17px;flex-shrink:0}.hero{background:var(--night);color:#fff;min-height:680px;overflow:hidden;position:relative}.hero::before{content:"";position:absolute;width:56vw;height:56vw;max-width:800px;max-height:800px;right:-12vw;top:2%;border-radius:50%;background:radial-gradient(circle,rgba(106,87,251,.3),transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(32px,4vw,78px);min-height:650px;padding:60px 0 105px}.hero h1{font-size:clamp(4.2rem,7.7vw,9rem);max-width:9ch;line-height:.96}.hero h1 em{font-style:normal;color:#a99ffe}.hero .intro{color:#c1c0d3;margin-top:36px;max-width:55ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.hero-index{display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.18);padding:20px 0 24px;color:#b9b8c9;font-size:.73rem;letter-spacing:.04em}.hero-object{position:relative;min-height:520px;display:grid;place-items:center}.orbits{position:absolute;inset:3%;border-radius:50%;border:1px solid #474060}.orbits::before,.orbits::after{content:"";position:absolute;inset:11%;border:1px solid #514d73;border-radius:50%}.orbits::after{inset:23%;border-color:#716ac0}.orbit-track{position:absolute;inset:12%;border:1px dashed #5e598a;border-radius:50%;animation:spin 90s linear infinite}.orbit-track::before{content:"";position:absolute;left:5%;top:14%;width:12px;height:12px;background:#b4aaff;border-radius:50%;box-shadow:0 0 30px #9e8ff2}.core{width:42%;aspect-ratio:1;z-index:1;border-radius:31%;background:linear-gradient(145deg,#9585f7,#564ac1 55%,#26265a);box-shadow:inset 7px 8px 18px rgba(255,255,255,.22),20px 32px 80px #070717;display:grid;place-items:center;transform:rotate(-13deg)}.core-inner{font-size:clamp(2.4rem,5.4vw,5.3rem);font-family:Manrope;font-weight:850;transform:rotate(13deg);letter-spacing:-.09em}.orbit-label{position:absolute;z-index:2;padding:12px 15px;background:#20223a;border:1px solid #555476;color:#d5d4eb;font-size:.65rem;letter-spacing:.12em;font-weight:800;border-radius:7px;text-transform:uppercase;box-shadow:0 15px 35px #0909156e}.orbit-label.one{top:16%;left:0}.orbit-label.two{right:0;top:40%}.orbit-label.three{bottom:12%;left:13%}.section{padding:clamp(88px,11vw,160px) 0}.section-head{display:flex;gap:35px;justify-content:space-between;align-items:end;margin-bottom:64px}.section-head h2{max-width:12ch}.section-head .intro{max-width:38ch}.section-rule{border-top:1px solid var(--line)}.section-number{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:19px;margin-bottom:52px;color:#5a5a70}.feature{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(25px,5vw,85px);align-items:start}.feature-menu{display:flex;flex-direction:column}.feature-tab{appearance:none;border:0;border-bottom:1px solid var(--line);background:none;color:#555467;text-align:left;padding:22px 0;display:grid;grid-template-columns:43px 1fr 24px;align-items:center;gap:4px;transition:color .2s}.feature-tab strong{font-family:Manrope;font-weight:720;font-size:clamp(1.45rem,2.3vw,2.35rem);letter-spacing:-.04em}.feature-tab small{font-size:.7rem}.feature-tab[aria-pressed=true]{color:var(--ink)}.feature-tab[aria-pressed=true] .tab-arrow{transform:rotate(-45deg);color:var(--violet)}.feature-stage{border-radius:24px;overflow:hidden;min-height:590px;background:#ded8fc;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,4vw,55px);transition:background .25s}.feature-stage[data-scene=cleanr]{background:#daf2e9}.feature-stage[data-scene=taptrust]{background:#d8e8f7}.feature-stage[data-scene=poolr]{background:#f1dce9}.stage-top{display:flex;justify-content:space-between;align-items:start;gap:25px;position:relative;z-index:2}.stage-top p{color:#55546c;font-size:.77rem;max-width:24ch}.stage-frame{position:relative;min-height:300px;display:grid;place-items:center}.stage-halo{position:absolute;inset:3% 17%;border:1px solid rgba(31,27,90,.19);border-radius:50%;transform:rotate(-23deg)}.stage-halo::before,.stage-halo::after{content:"";position:absolute;inset:17%;border-radius:50%;border:1px solid rgba(31,27,90,.16)}.stage-halo::after{inset:33%}.stage-word{position:relative;z-index:1;font-family:Manrope;font-weight:850;font-size:clamp(5.5rem,11vw,12.5rem);line-height:1;letter-spacing:-.1em;color:#1d1b45;text-shadow:8px 12px 0 rgba(255,255,255,.28)}.stage-label{position:absolute;top:15%;right:4%;font-size:.62rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl}.stage-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;position:relative;z-index:2}.stage-bottom h3{font-size:clamp(1.9rem,3vw,3rem);max-width:13ch}.stage-bottom a{flex-shrink:0}.stage-bottom .overline{margin-bottom:10px;display:block}.stage-note{margin-top:17px;color:#4e485d;font-size:.75rem}.section-dark{background:#151624;color:#fff}.section-dark .intro{color:#c4c3ce}.section-dark .section-number{border-color:#414152;color:#aeaebb}.columns-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{border-top:1px solid #6b6a78;padding:30px 15px 65px 0}.service .n{font-size:.77rem;color:#bab8ff}.service h3{margin:58px 0 20px;max-width:12ch}.service p{color:#bdbcc9;font-size:.92rem}.statement{padding:145px 0;border-bottom:1px solid var(--line)}.statement p{font-family:Manrope;font-weight:700;font-size:clamp(2.4rem,5vw,5.7rem);line-height:1.11;letter-spacing:-.055em;max-width:23ch}.statement em{font-style:normal;color:var(--violet)}.platform-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.platform-tile{min-height:330px;background:#e9e5ff;padding:35px;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between}.platform-tile:nth-child(2){background:#e1e9f0}.platform-tile:nth-child(3){background:#e5ebe3}.platform-tile:nth-child(4){background:#e6e0e5}.platform-tile h3{font-size:clamp(2rem,3vw,3.6rem)}.platform-tile p{font-size:.87rem;color:#555665;max-width:32ch}.platform-meta{display:flex;gap:12px;justify-content:space-between;font-size:.72rem;font-weight:760}.platform-link{align-self:flex-start;margin-top:23px;text-decoration:underline;text-underline-offset:6px;font-size:.78rem;font-weight:800}.band{background:#6451e4;color:#fff;overflow:hidden}.band-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;padding:110px 0}.band h2{max-width:12ch}.band .intro{color:#f1edff}.band .btn{margin-top:27px}.band-stat{font-family:Manrope;font-size:clamp(7rem,16vw,17rem);line-height:.65;color:#e5dfff;letter-spacing:-.15em;text-align:right;font-weight:850;user-select:none}.footer{background:#111321;color:#eeedf7;padding:75px 0 35px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:100px}.footer h2{font-size:clamp(2.7rem,5vw,5.8rem);max-width:13ch}.footer .muted{color:#a4a4b8}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.footer-links a{display:block;color:#dedee7;padding:5px 0;font-size:.8rem}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #373849;padding-top:26px;font-size:.72rem;color:#a6a5b7}.page-hero{padding:110px 0 105px;background:var(--night);color:#fff;overflow:hidden}.page-hero h1{font-size:clamp(4.1rem,8vw,9rem);max-width:12ch;margin-top:23px}.page-hero .intro{color:#cbc9d8;margin-top:30px}.page-hero .eyebrow{color:#b3a9ff}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);padding:28px;border-radius:14px;background:#fff;min-height:255px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.card-letter{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;font-family:Manrope;font-size:1.65rem;font-weight:800;background:#ece8ff;color:#4d40ae}.card:nth-child(4n+2) .card-letter{background:#e5f1eb;color:#22634c}.card:nth-child(4n+3) .card-letter{background:#e8ecf8;color:#334f87}.card:nth-child(4n+4) .card-letter{background:#f5e7ee;color:#965276}.card h3{font-size:1.65rem;line-height:1.17;letter-spacing:-.045em;margin-top:32px}.card p{font-size:.82rem;color:#626372;margin:10px 0 15px}.card a{font-size:.78rem;font-weight:750;margin-top:auto;text-decoration:underline;text-underline-offset:4px}.pill{border:1px solid #b7b6ca;border-radius:100px;padding:4px 10px;font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.pill.early{border-color:#987b37;color:#705419}.toolbox{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:30px}.toolbox input{border:1px solid #bdbbc6;border-radius:100px;background:white;padding:12px 17px;flex:1;min-width:230px}.filter{border:1px solid #b5b2c0;border-radius:100px;padding:11px 16px;background:none;font-size:.72rem;font-weight:750}.filter[aria-pressed=true]{background:#111321;color:#fff}.empty[hidden],.card[hidden]{display:none}.empty{padding:30px;border:1px dashed #a4a0ae;color:#555}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px)}.split h2{max-width:14ch}.split p{color:#626273;line-height:1.8}.detail-list{list-style:none;margin:0;padding:0}.detail-list li{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:start}.detail-list strong{font-size:.94rem}.detail-list p{font-size:.84rem;margin-top:6px}.quote-block{background:#e5e0fa;padding:70px;border-radius:20px}.quote-block blockquote{font-family:Manrope;font-size:clamp(1.75rem,3vw,3.35rem);letter-spacing:-.05em;line-height:1.17;margin:0}.quote-block span{display:block;margin-top:25px;font-size:.75rem;color:#5c547f}.mini-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.mini-strip span{display:inline-block;border:1px solid #d7d2ee;padding:8px 13px;border-radius:90px;font-size:.69rem;font-weight:800}.contact-panel{padding:64px;background:#e5e0fa;border-radius:20px;display:flex;gap:50px;justify-content:space-between;align-items:end}.contact-panel h2{font-size:clamp(2.5rem,4vw,4.9rem)}.contact-panel p{color:#57516d;margin-top:22px}.contact-panel .btn{flex-shrink:0}.tiny{font-size:.73rem;color:var(--muted)}.spacing-32{margin-top:32px}.spacing-56{margin-top:56px}
@media(max-width:1100px){.hero-grid{grid-template-columns:1.15fr .85fr}.hero-object{min-height:380px}.band-stat{display:none}.band-grid{grid-template-columns:1fr}.footer-links{gap:25px}.feature-stage{min-height:520px}.stage-word{font-size:clamp(5rem,11vw,9rem)}}
@media(max-width:850px){:root{--shell:min(100% - 44px,680px)}.nav-toggle{display:inline-flex}.nav-list{position:absolute;top:75px;left:0;right:0;background:#1c1e32;border:1px solid #49475a;display:none;flex-direction:column;align-items:stretch;padding:20px;gap:10px}.nav-list[data-open=true]{display:flex}.nav-list a{display:block;padding:8px}.nav-cta{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-top:70px;gap:0}.hero h1{font-size:clamp(4.3rem,11vw,7rem);max-width:11ch}.hero-object{min-height:380px;margin:30px 0 0}.orbits{inset:4% 19%}.orbit-track{inset:16% 29%}.core{width:32%}.feature{grid-template-columns:1fr}.feature-menu{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.section-head{display:block}.section-head .intro{margin-top:25px}.columns-three{grid-template-columns:1fr}.service{padding-bottom:32px}.service h3{margin-top:25px}.footer-top{display:block}.footer-links{margin-top:48px}.platform-grid{grid-template-columns:1fr 1fr}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.contact-panel{display:block}.contact-panel .btn{margin-top:28px}}
@media(max-width:550px){:root{--shell:calc(100% - 36px)}.nav{padding:14px 0}.nav-cta{display:none}.nav-list{top:64px}.brand{font-size:.93rem}.hero{min-height:auto}.hero-grid{padding:65px 0 20px}.hero h1{font-size:clamp(3.45rem,15vw,5.4rem)}.hero .intro{margin-top:24px}.hero-object{min-height:300px}.orbit-label{font-size:.48rem;padding:8px}.hero-index{font-size:.61rem}.section{padding:80px 0}.section-head{margin-bottom:36px}.section-number{margin-bottom:30px}.feature-menu{grid-template-columns:1fr 1fr;gap:0 10px}.feature-tab{grid-template-columns:20px 1fr 14px;padding:16px 0}.feature-tab strong{font-size:1.25rem}.feature-tab small{font-size:.54rem}.feature-stage{min-height:475px;padding:25px 22px}.stage-frame{min-height:230px}.stage-word{font-size:clamp(4rem,16vw,7rem)}.stage-bottom{display:block}.stage-bottom .btn{margin-top:24px}.page-hero{padding:85px 0}.page-hero h1{font-size:clamp(3.5rem,14vw,6rem)}.grid-cards,.platform-grid{grid-template-columns:1fr}.card{min-height:230px}.band-grid{padding:80px 0}.footer-top{padding-bottom:60px}.footer-links{grid-template-columns:repeat(2,1fr);row-gap:30px}.footer-bottom{flex-direction:column}.contact-panel{padding:34px}.quote-block{padding:40px}}
@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-track{animation:none}.btn{transition:none}}


/* NEXT-GEN VISUAL PASS — real product-led composition */
.hero{background:#0c0d19}
.hero-grid{grid-template-columns:1fr 1.04fr;min-height:min(810px,88vh);padding-top:60px}
.hero h1{font-size:clamp(3.4rem,6.2vw,7.9rem);line-height:1.01;max-width:11.6ch;letter-spacing:-.075em}
.hero h1 em{color:#a99cfc;display:inline}
.hero .intro{max-width:47ch;font-size:clamp(1rem,1.3vw,1.17rem)}
.hero-gallery{display:block;position:relative;min-height:610px;isolation:isolate;padding:70px 45px 40px;overflow:visible}
.hero-gallery::before{content:"";position:absolute;width:85%;height:82%;left:5%;top:5%;border:1px solid #3b3d5c;border-radius:50%;transform:rotate(29deg);box-shadow:0 0 0 45px rgba(91,84,191,.045),0 0 0 90px rgba(91,84,191,.03)}
.hero-gallery::after{content:"";position:absolute;left:10%;right:10%;bottom:1%;height:21%;filter:blur(32px);background:#080914a8;z-index:-1}
.hero-gallery-label{position:absolute;top:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.22);padding-top:14px;color:#aeaaca;font-size:.63rem;font-weight:800;letter-spacing:.19em}
.hero-product{position:absolute;width:min(40%,230px);margin:0;filter:drop-shadow(28px 35px 30px rgba(0,0,0,.47));animation:float 8s ease-in-out infinite}
.hero-product img{width:100%;height:auto;min-height:250px;object-fit:contain;display:block;border-radius:24px;background:#1a1b32}
.hero-product figcaption{position:absolute;bottom:-31px;left:8px;font-size:.64rem;font-weight:800;letter-spacing:.18em;color:#b0abd3}
.hero-product-hawk{left:13%;top:15%;transform:rotate(-10deg);z-index:3}
.hero-product-cleanr{right:8%;top:26%;transform:rotate(10deg);z-index:2;animation-delay:-3s}
.hero-gallery-corner{position:absolute;bottom:3%;right:1%;font-family:Manrope;font-size:clamp(1.45rem,2.1vw,2.3rem);letter-spacing:-.05em;line-height:1.04;text-align:right;color:#aca5e1;font-weight:800}
.gallery-grid-lines{position:absolute;inset:13%;background:linear-gradient(90deg,transparent 49.9%,rgba(201,192,255,.12) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(201,192,255,.12) 50%,transparent 50.1%);background-size:65px 65px;border-radius:50%;mask-image:radial-gradient(circle,#000,transparent 70%);pointer-events:none}
.stage-phones{min-height:388px;display:block;perspective:1100px}
.stage-phone{position:absolute;width:min(40%,215px);margin:0;top:4%;filter:drop-shadow(14px 25px 23px rgba(14,14,49,.25));transition:transform .35s}
.stage-phone img{display:block;width:100%;height:auto;min-height:220px;object-fit:contain;background:#222139;border-radius:17px}
.stage-phone-front{left:25%;z-index:2;transform:rotate(-7deg)}
.stage-phone-back{left:49%;top:14%;transform:rotate(9deg)}
.stage-phones .stage-label{right:3%;top:8%;font-size:.8rem;color:#39355a}
.stage-phones .stage-halo{inset:10% 20%;border-radius:50%;transform:rotate(-26deg)}
.stage-bottom h3{max-width:19ch}
.feature-stage{min-height:690px}
.portfolio-card{transition:transform .2s,box-shadow .2s}
.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(19,20,36,.08)}
.portfolio-category{font-size:.63rem;text-transform:uppercase;letter-spacing:.14em;color:#72738a;font-weight:850;margin-top:28px}
.portfolio-card h3{margin-top:9px}
.product-icon{width:68px;height:68px;object-fit:cover;border-radius:17px;border:1px solid rgba(19,20,36,.08);box-shadow:0 7px 18px rgba(0,0,0,.08)}
.portfolio-card p{min-height:54px}
.portfolio-card a{align-self:flex-start}
.contact-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.media-unavailable img{opacity:0;visibility:hidden}
.media-unavailable::after{content:"MRVL / Product photography pending";position:absolute;inset:25%;display:grid;place-items:center;padding:12px;border:1px solid #7a729b;border-radius:15px;background:#24253c;color:#d8d3f3;text-align:center;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
button:disabled{cursor:default;opacity:.65}
[hidden]{display:none!important}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@media(max-width:1120px){.hero-grid{grid-template-columns:1.08fr .92fr}.hero h1{font-size:clamp(3.5rem,6.6vw,6.3rem)}.hero-gallery{min-height:540px}.hero-product{width:44%}.feature-stage{min-height:620px}}
@media(max-width:850px){.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:auto;gap:0}.hero h1{font-size:clamp(3.8rem,10vw,7rem);max-width:12ch}.hero-gallery{width:100%;min-height:490px}.hero-product{width:35%;max-width:215px}.hero-product-hawk{left:19%}.hero-product-cleanr{right:18%}.feature-stage{min-height:630px}.stage-phone{width:33%;max-width:200px}}
@media(max-width:550px){.hero h1{font-size:clamp(3.1rem,12.5vw,4.9rem);max-width:12ch}.hero-gallery{min-height:330px;padding:30px 10px}.hero-gallery-label{font-size:.51rem}.hero-product{width:34%}.hero-product-hawk{left:19%;top:19%}.hero-product-cleanr{right:15%;top:28%}.hero-product img{min-height:170px}.hero-gallery-corner{font-size:1.2rem;right:5%;bottom:2%}.feature-stage{min-height:575px}.stage-phones{min-height:270px}.stage-phone{width:39%}.stage-phone-front{left:11%}.stage-phone-back{left:43%}.stage-phone img{min-height:180px}.contact-card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-product{animation:none}.portfolio-card,.stage-phone{transition:none}.portfolio-card:hover{transform:none}}


/* EDITORIAL RELEASE / DISCOVERY — inspired by strong pacing and product clarity,
   original MRVL design elements; no borrowed LOAM artwork or text */
.imago-feature{background:#19172b;color:#fff;overflow:hidden;position:relative}
.imago-feature::before{content:"";position:absolute;left:-18%;bottom:-90%;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(134,113,244,.24),transparent 69%);pointer-events:none}
.imago-feature-shell{display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch;min-height:690px}
.imago-feature-copy{padding:clamp(75px,10vw,155px) 45px clamp(65px,8vw,125px) 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}
.imago-eyebrow{color:#c5bbff;margin-bottom:30px}
.imago-badge{display:inline-flex;gap:10px;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.065em;border:1px solid rgba(217,212,255,.3);border-radius:99px;background:rgba(180,162,251,.08);padding:8px 15px;color:#e1dcff;margin-bottom:32px}
.imago-live-dot{display:block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#c5b6ff;box-shadow:0 0 0 4px rgba(178,157,254,.11)}
.imago-feature h2{font-size:clamp(5rem,10vw,10.5rem);letter-spacing:-.092em;line-height:.88}
.imago-feature h2 em{font-style:normal;color:#b7a8ff}
.imago-feature-copy>p{margin-top:34px;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.75;color:#d0cbdf;max-width:38ch}
.imago-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:35px}
.imago-no-date{font-size:.72rem;color:#b5b0cb;font-weight:650}
.imago-feature-art{position:relative;isolation:isolate;min-height:620px;overflow:hidden;background:radial-gradient(ellipse at 65% 50%,#aaa0db 0%,#7772b9 28%,#3b356e 55%,#28253e 80%);display:grid;place-items:center}
.imago-feature-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 33px,rgba(255,255,255,.038) 34px),repeating-linear-gradient(90deg,transparent 0,transparent 33px,rgba(255,255,255,.038) 34px);mask-image:radial-gradient(ellipse,#000,transparent 80%);pointer-events:none}
.imago-disc{position:absolute;border:1px solid rgba(244,240,255,.35);border-radius:50%;transform:rotate(-19deg);aspect-ratio:1;transition:transform .5s ease}
.imago-disc-outer{width:115%;box-shadow:0 0 0 45px rgba(255,255,255,.023),0 0 0 90px rgba(255,255,255,.016)}
.imago-disc-middle{width:84%;border-color:rgba(255,255,255,.46);box-shadow:inset 0 0 50px rgba(207,191,255,.13)}
.imago-disc-inner{width:60%;border-color:rgba(255,255,255,.65);background:radial-gradient(ellipse at 28% 25%,rgba(233,225,255,.28),transparent 60%)}
.imago-stage-letter{position:relative;font-family:Manrope,Arial,sans-serif;font-weight:850;font-size:clamp(14rem,29vw,35rem);letter-spacing:-.17em;line-height:1;color:#eae3ff;text-shadow:24px 30px 40px rgba(21,14,65,.28);transform:translateX(-.11em);z-index:1}
.imago-art-caption{position:absolute;left:34px;bottom:29px;right:34px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.42);padding-top:16px;font-weight:850;letter-spacing:.19em;font-size:.7rem;color:#eee9fc}
.imago-art-caption span{font-size:.62rem;color:#d4ceeb}
.imago-art-stamp{position:absolute;top:40px;right:35px;font-family:Manrope;font-weight:800;font-size:clamp(1.4rem,2vw,2.5rem);line-height:1.04;letter-spacing:-.06em;text-align:right;color:#f6f0ff;z-index:2}
.imago-page-hero{background:#121322;color:#fff;overflow:hidden}
.imago-page-grid{display:grid;grid-template-columns:1.07fr .93fr;min-height:720px;align-items:stretch}
.imago-page-copy{padding:72px 55px 120px 0;align-self:center}
.imago-page-copy .back-link{display:inline-block;color:#aca9bf;font-weight:800;font-size:.73rem;margin-bottom:80px;text-underline-offset:4px}
.imago-page-copy h1{font-size:clamp(6rem,12vw,15rem);letter-spacing:-.12em}
.imago-stop{color:#b1a4ff}
.imago-large-sub{font-size:clamp(1.4rem,2.3vw,2.3rem);line-height:1.3;font-weight:700;font-family:Manrope;letter-spacing:-.035em;margin:25px 0}
.imago-page-copy .intro{color:#c7c4d6;max-width:48ch}
.imago-page-art{min-height:640px}
.intent-section h2 em{color:var(--violet);font-style:normal}
.intent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.intent-card{display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(295px,29vw,410px);padding:clamp(25px,3.5vw,44px);border-radius:18px;transition:transform .22s,box-shadow .22s;overflow:hidden;position:relative}
.intent-card:hover{transform:translateY(-4px);box-shadow:0 17px 37px rgba(20,17,40,.12)}
.intent-violet{background:#ddd6fd;color:#272149}.intent-sage{background:#dbece2;color:#1b4534}.intent-peach{background:#f4dfd1;color:#643e32}.intent-blue{background:#dce8f3;color:#2b4769}
.intent-top{display:flex;justify-content:space-between;align-items:center;font-size:.69rem;font-weight:850;letter-spacing:.13em}
.intent-arrow{border:1px solid currentColor;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:1.2rem;transition:transform .22s}
.intent-card:hover .intent-arrow{transform:rotate(45deg)}
.intent-main{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.7rem,4.7vw,5.6rem);line-height:.98;letter-spacing:-.07em;font-weight:750;max-width:13ch;padding:35px 0}
.intent-main em{font-style:normal;opacity:.82}
.intent-foot{font-size:.74rem;letter-spacing:.05em;font-weight:800}
.intent-footer{margin-top:35px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:.8rem;font-weight:700;color:#5d5d6c}
.intent-footer a{text-decoration:underline;text-underline-offset:5px;color:var(--ink)}
.imago-portfolio-card{background:linear-gradient(145deg,#e4dafa,#f6f1ff);border-color:#c5b7ef}
.imago-card-monogram{background:#5a49c3!important;color:#fff!important;font-size:2rem}
.imago-portfolio-card .portfolio-category{color:#62579e}
@media(max-width:900px){
.imago-feature-shell{grid-template-columns:1fr}.imago-feature-copy{padding:85px 0 65px}.imago-feature-art{min-height:510px}.imago-feature h2{font-size:clamp(5rem,15vw,9rem)}
.imago-page-grid{grid-template-columns:1fr}.imago-page-copy{padding:50px 0 90px}.imago-page-copy .back-link{margin-bottom:70px}.imago-page-art{min-height:490px}
}
@media(max-width:550px){
.imago-feature-copy{padding:65px 0 70px}.imago-feature h2{font-size:clamp(5rem,21vw,7.3rem)}.imago-feature-art{min-height:355px}.imago-stage-letter{font-size:14rem}.imago-art-stamp{top:26px;right:22px}.imago-art-caption{left:23px;right:23px;bottom:23px}
.imago-page-copy h1{font-size:clamp(5.9rem,23vw,9.5rem)}.imago-page-copy .back-link{margin-bottom:62px}.imago-page-art{min-height:365px}
.intent-grid{grid-template-columns:1fr}.intent-card{min-height:260px}.intent-main{font-size:clamp(3rem,12vw,5.3rem)}.intent-footer{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.intent-card,.intent-arrow,.imago-disc{transition:none}.intent-card:hover{transform:none}}


/* MRVL PREMIUM BUSINESS / WEB DELIVERY SYSTEM
   Original MRVL component vocabulary, light content / dark proof and close. */
.premium-text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid currentColor;padding:9px 0;color:inherit;font-size:.84rem;font-weight:800;letter-spacing:-.02em;transition:gap .2s}
.premium-text-link:hover{gap:32px;text-decoration:none}
.premium-text-link span{font-size:1.1rem;font-weight:600}
.premium-hero{overflow:hidden}
.premium-hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(38px,4vw,75px)}
.premium-hero-copy{padding:clamp(85px,10vw,150px) 0;align-self:center}
.premium-hero h1{font-size:clamp(3.8rem,6.6vw,8.4rem);line-height:.98;letter-spacing:-.072em;max-width:14ch;margin:26px 0 28px}
.premium-hero h1 em{font-style:normal;color:#8670ed}
.premium-hero .intro{font-size:clamp(1.05rem,1.4vw,1.22rem);max-width:49ch;line-height:1.8}
.premium-overline{color:#6756bd;letter-spacing:.16em}
.premium-hero-actions{display:flex;gap:18px 26px;flex-wrap:wrap;align-items:center;margin-top:35px}
.premium-hero-light{background:#eeece8;color:#151526}
.site-window-wrap{position:relative;display:grid;place-items:center;min-height:570px;isolation:isolate;padding:40px 0}
.site-window-wrap::before{content:"";position:absolute;inset:8% -25%;background:radial-gradient(circle at center,#d1cafa,transparent 60%);pointer-events:none;z-index:-1}
.site-window{width:96%;min-height:365px;border:1px solid #9e98b1;background:#fafafa;box-shadow:24px 32px 0 #16162a,32px 45px 75px #1716263b;transform:rotate(-3deg);border-radius:9px;overflow:hidden}
.site-browser{height:38px;background:#e8e7ed;border-bottom:1px solid #cdcad6;display:flex;align-items:center;gap:6px;padding:0 14px}
.site-browser>span{width:7px;height:7px;border-radius:50%;border:1px solid #8a859c}
.site-browser strong{font-size:.56rem;margin-left:auto;font-weight:700;letter-spacing:.1em;color:#878295}
.site-canvas{padding:38px clamp(24px,3vw,49px) 18px}
.site-kicker,.site-ribbon,.site-canvas-split,.site-window-caption{font-size:.6rem;letter-spacing:.12em;font-weight:850}
.site-title{font-family:Manrope,Arial,sans-serif;font-size:clamp(2.8rem,4.8vw,6rem);letter-spacing:-.072em;line-height:1.02;font-weight:850;margin:22px 0;max-width:9ch}
.site-title em{font-style:normal;color:#6e56d5}
.site-ribbon{display:inline-block;padding:8px 12px;background:#dfd6ff;letter-spacing:.01em;border-radius:3px}
.site-canvas-split{display:flex;justify-content:space-between;border-top:1px solid #b3afba;padding-top:20px;margin-top:38px;align-items:center}
.site-canvas-split div:first-child{display:grid;gap:7px}
.site-artmark{font-family:Manrope;font-size:clamp(3rem,5vw,5.5rem);font-weight:700;color:#7f6fdb;line-height:.7}
.site-window-caption{position:absolute;bottom:23px;left:4%;color:#56516b;letter-spacing:.1em}
.premium-section-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:58px}
.premium-section-intro h2{max-width:16ch}
.premium-section-intro h2 span{color:#8473de}
.premium-section-intro>.intro{max-width:40ch}
.premium-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(35px,6vw,100px)}
.premium-services>div{border-top:1px solid #9f9cab;padding:25px 0 55px}
.premium-services span{font-size:.72rem;letter-spacing:.08em;color:#6e63a7;font-weight:800}
.premium-services h3{margin:21px 0 16px;max-width:20ch;font-size:clamp(1.6rem,2.8vw,3rem)}
.premium-services p{color:#5d5d6b;font-size:.9rem;line-height:1.8;max-width:51ch}
.premium-services .premium-text-link{margin-top:17px;color:#513ec0}
.premium-dark-panel{background:#141522;color:#fff;padding:clamp(90px,10vw,145px) 0}
.premium-dark-panel .section-number,.premium-work-hero .section-number{color:#aca7ba;border-color:#454457}
.premium-work-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(50px,7vw,105px);align-items:center}
.premium-work-feature h2{font-size:clamp(3rem,5vw,6rem);margin:20px 0 28px}
.premium-work-feature p{color:#c4c2d4;line-height:1.8;font-size:.96rem;margin-top:14px}
.premium-work-feature .premium-text-link{margin-top:33px;color:#bcb2ff}
.premium-work-picto{min-height:440px;padding:33px;background:#e3d8ff;color:#221b44;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.premium-work-picto::after{content:"";position:absolute;right:-22%;top:9%;width:85%;height:85%;border:1px solid #a9a0d7;border-radius:50%;box-shadow:0 0 0 45px #f4ecff5e,0 0 0 91px #a89bdc22}
.premium-work-picto>span:first-child{font-size:.69rem;letter-spacing:.15em;font-weight:850;z-index:1}
.premium-work-picto strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(3.1rem,5.4vw,6rem);letter-spacing:-.075em;line-height:1.02;z-index:1}
.premium-work-picto strong em{font-style:normal;color:#8263de}
.premium-work-asterisk{align-self:end;font-size:4rem;z-index:1}
.small-disclosure{font-size:.72rem!important;line-height:1.7!important;color:#60596e!important}
.premium-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.premium-steps article{border-top:1px solid #ada9b6;padding:26px 6px 20px 0}
.premium-steps article span{font-size:.73rem;color:#6851cc;font-weight:800}
.premium-steps article h3{margin:50px 0 15px;font-size:clamp(1.55rem,2.4vw,2.7rem)}
.premium-steps article p{color:#686876;font-size:.87rem}
.premium-foundation{background:#dfdbf4;padding:clamp(85px,10vw,145px) 0}
.premium-foundation-inner{display:grid;grid-template-columns:.4fr 1.6fr;gap:50px}
.premium-foundation h2{font-size:clamp(3rem,5.4vw,6rem);max-width:20ch}
.premium-foundation h2 em{font-style:normal;color:#6f52cf}
.premium-foundation p{margin-top:35px;color:#514e66;font-size:1.04rem;max-width:53ch}
.premium-closing{background:#6250d5;color:#fff;padding:clamp(90px,10vw,145px) 0}
.premium-closing-inner{display:flex;justify-content:space-between;align-items:end;gap:40px}
.premium-closing h2{font-size:clamp(3.6rem,6vw,7.5rem);margin:24px 0;max-width:13ch}
.premium-closing h2 em{font-style:normal;color:#d3caff}
.premium-closing p{color:#eae5ff;max-width:45ch}
.premium-closing .btn{white-space:nowrap}
.premium-work-hero{background:#171624;color:#fff;padding:clamp(90px,10vw,160px) 0}
.premium-work-hero .premium-overline{color:#b8b0f4}
.premium-work-hero h1{max-width:15ch;margin-bottom:24px}
.premium-work-hero h1 em{color:#b5a9fd}
.premium-work-hero .intro{color:#cccbda;max-width:55ch}
.premium-tagline{display:flex;flex-wrap:wrap;gap:20px 40px;border-top:1px solid #44415b;padding-top:20px;margin-top:85px;font-size:.72rem;font-weight:800;letter-spacing:.15em;color:#aeabc5}
.premium-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.premium-case{overflow:hidden;background:#fff;border:1px solid #d2d0d6;display:flex;flex-direction:column}
.premium-case-visual{min-height:370px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.premium-case-violet .premium-case-visual{background:#dcd4f8;color:#2b215b}
.premium-case-sage .premium-case-visual{background:#dae7e0;color:#1d4e3e}
.premium-case-visual::after{content:"";position:absolute;right:-18%;bottom:-45%;width:76%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.25;box-shadow:0 0 0 50px #ffffff20,0 0 0 100px #ffffff25}
.premium-case-visual>span:first-child{font-size:.67rem;font-weight:850;letter-spacing:.14em;z-index:1}
.premium-case-wordmark{font-size:clamp(2.5rem,4vw,5.2rem);font-family:Manrope;font-weight:800;line-height:1.01;letter-spacing:-.066em;z-index:1}
.premium-case-wordmark em{font-style:normal;opacity:.76}
.premium-case-mark{align-self:flex-end;font-size:2rem;font-weight:500;z-index:1}
.premium-case-content{padding:38px 35px 47px;flex:1;display:flex;flex-direction:column}
.premium-case-label{font-size:.65rem;color:#716d83;letter-spacing:.11em;font-weight:850}
.premium-case-content h3{font-size:clamp(1.65rem,2.6vw,2.9rem);margin:26px 0 15px}
.premium-case-content p{color:#636371;font-size:.93rem;margin-bottom:30px}
.premium-case-content .premium-text-link{margin-top:auto;align-self:flex-start;color:#594bb3}
.premium-product-links{display:grid;border-top:1px solid #4c4b5d}
.premium-product-links a{display:grid;grid-template-columns:55px 1fr 1fr 28px;gap:12px;align-items:center;padding:26px 0;border-bottom:1px solid #4c4b5d}
.premium-product-links a:hover{color:#c8c0ff}
.premium-product-links strong{font-family:Manrope;font-size:clamp(1.8rem,3vw,3.1rem);letter-spacing:-.05em}
.premium-product-links small{font-size:.83rem;color:#bbb9ca}
.premium-product-links a>span{font-size:.76rem;color:#bcb8d3}
.premium-product-links a>span:last-child{font-size:1.4rem}
.premium-business-hero{background:#151626;color:#fff}
.premium-business-hero h1{font-size:clamp(3.4rem,5.8vw,7rem)}
.premium-business-hero h1 em{color:#ab9afa}
.premium-business-hero .intro{color:#c8c6d8}
.premium-business-hero .premium-overline{color:#b4a9fa}
.premium-biz-graphic{min-height:580px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:visible}
.premium-biz-loop{position:absolute;width:94%;aspect-ratio:1;border-radius:50%;border:1px solid #504971;box-shadow:0 0 0 45px #6f61b609,0 0 0 90px #6f61b60a}
.premium-biz-orbit{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;border:1px dashed #8073aa}
.premium-biz-core{z-index:1;width:45%;aspect-ratio:1;border-radius:32%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);background:linear-gradient(145deg,#aaa1ff,#7165d7 55%,#39306d);box-shadow:18px 30px 55px #05050d8f,inset 6px 6px 16px #ffffffe0;font-family:Manrope;font-weight:850;font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.09em}
.premium-biz-core span{font-size:.33em;letter-spacing:0}
.premium-biz-key{position:absolute;z-index:2;background:#27253c;border:1px solid #696283;padding:11px 17px;border-radius:5px;font-size:.67rem;font-weight:850;letter-spacing:.15em}
.key-one{top:16%;left:2%}.key-two{top:42%;right:0}.key-three{bottom:13%;left:10%}
.premium-home-business{background:#171727;color:#fff;padding:clamp(85px,9vw,135px) 0}
.premium-home-business-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,110px)}
.premium-home-business h2{font-size:clamp(3.4rem,5.8vw,6.4rem);max-width:12ch;margin:25px 0 30px}
.premium-home-business h2 em{font-style:normal;color:#b5a9ff}
.premium-home-business .eyebrow{color:#b8acf9}
.premium-home-business .intro{color:#c6c3d8;max-width:49ch}
.premium-home-window{transform:rotate(4deg);background:#e9e5f9;box-shadow:20px 25px 0 #4f456f;min-height:360px;border:1px solid #d1c9f4;overflow:hidden}
.premium-home-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#d6cfed}
.premium-home-bar i{width:7px;height:7px;border:1px solid #8778a3;border-radius:50%}
.premium-home-bar span{margin-left:auto;color:#554a76;letter-spacing:.12em;font-size:.6rem;font-weight:850}
.premium-home-window-body{display:flex;min-height:330px;padding:32px;flex-direction:column;justify-content:space-between;color:#27203f}
.premium-home-window-body>span{font-weight:850;font-size:.67rem;letter-spacing:.14em}
.premium-home-window-body strong{font-family:Manrope;font-weight:800;font-size:clamp(2.9rem,4.3vw,5.1rem);line-height:.99;letter-spacing:-.07em}
.premium-home-window-body strong em{color:#7159c6;font-style:normal}
.premium-home-line{border-top:1px solid #8e7baf}
@media(max-width:1100px){
.premium-hero h1{font-size:clamp(3.4rem,6vw,6rem)}
.premium-hero-grid{gap:30px}
.premium-biz-graphic{min-height:500px}
.premium-work-feature{grid-template-columns:1fr 1fr;gap:45px}
.premium-services{column-gap:45px}
}
@media(max-width:850px){
.premium-hero-grid,.premium-work-feature,.premium-home-business-grid{grid-template-columns:1fr}
.premium-hero-copy{padding:85px 0 35px}
.premium-hero-grid{gap:0}
.site-window-wrap{min-height:450px}
.site-window{max-width:610px}
.premium-section-intro{display:block}
.premium-section-intro>.intro{margin-top:25px}
.premium-work-picto{min-height:330px}
.premium-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-foundation-inner{grid-template-columns:1fr;gap:24px}
.premium-closing-inner{align-items:start;flex-direction:column}
.premium-home-window{max-width:630px}
.premium-biz-graphic{min-height:380px}
}
@media(max-width:600px){
.premium-hero h1{font-size:clamp(3.5rem,12vw,5.8rem)}
.premium-hero-copy{padding:65px 0 20px}
.premium-hero-actions{align-items:flex-start}
.site-window-wrap{min-height:375px;padding:40px 0}
.site-window{transform:rotate(-2deg);width:94%;min-height:290px;box-shadow:9px 13px 0 #171625,14px 19px 35px #17162538}
.site-canvas{padding:22px}
.site-title{font-size:clamp(2.5rem,9vw,4.7rem)}
.site-window-caption{font-size:.47rem;left:4%}
.premium-services{grid-template-columns:1fr}
.premium-services>div{padding:22px 0 35px}
.premium-section-intro{margin-bottom:40px}
.premium-steps{gap:17px 22px}
.premium-steps article h3{margin-top:25px}
.premium-work-grid{grid-template-columns:1fr}
.premium-case-visual{min-height:320px}
.premium-case-content{padding:30px 25px 40px}
.premium-product-links a{grid-template-columns:25px 1fr 26px}
.premium-product-links small{grid-column:2;grid-row:2}
.premium-product-links a>span:last-child{grid-column:3;grid-row:1/3}
.premium-home-window{transform:rotate(1deg)}
.premium-home-window-body{min-height:270px}
.premium-home-window-body strong{font-size:clamp(2.8rem,10vw,4.3rem)}
.premium-biz-graphic{min-height:325px}
.premium-biz-key{font-size:.56rem;padding:9px}
.premium-biz-core{font-size:2.4rem}
}
@media(prefers-reduced-motion:reduce){.premium-text-link{transition:none}}

.premium-fact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;border-top:1px solid #aaa6ba}
.premium-fact-list>div{border-bottom:1px solid #aaa6ba;padding:23px 0;display:flex;flex-direction:column;gap:13px}
.premium-fact-list span{font-size:.7rem;font-weight:850;letter-spacing:.1em;color:#6354a5}
.premium-fact-list strong{font-family:Manrope;font-size:clamp(1.45rem,2.25vw,2.5rem);line-height:1.17;letter-spacing:-.045em}
.premium-company-evidence .premium-section-intro h2{max-width:15ch}
.premium-press-link{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #bcb8c7;padding-top:30px;margin-top:55px}
.premium-press-link p{color:#555267;font-size:.9rem}
.premium-press-link .premium-text-link{flex-shrink:0;color:#5d48af}
@media(max-width:600px){.premium-fact-list{grid-template-columns:1fr}.premium-press-link{flex-direction:column;align-items:start}.premium-press-link .premium-text-link{align-self:flex-start}}


/* Genuine Imago icon supplied by owner, replacing the speculative monogram. */
.imago-owner-icon{position:relative;z-index:2;display:block;width:min(61%,360px);height:auto;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:22%;filter:drop-shadow(14px 23px 28px rgba(9,5,38,.45));transform:rotate(-7deg)}
.imago-feature-art .imago-owner-icon{width:min(60%,335px)}
.imago-page-art .imago-owner-icon{width:min(60%,370px)}
.imago-brand-icon{box-shadow:0 6px 14px rgba(19,11,59,.17)}
@media(max-width:550px){.imago-feature-art .imago-owner-icon,.imago-page-art .imago-owner-icon{width:min(57%,260px)}}


.premium-brand-identity{background:#17182a;color:white;padding:clamp(85px,9vw,138px) 0}
.premium-brand-identity-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(50px,8vw,110px);align-items:center}
.premium-brand-identity h2{font-size:clamp(3.2rem,5.4vw,6.7rem);max-width:15ch;margin:25px 0 30px}
.premium-brand-identity h2 em{font-style:normal;color:#b2a8fc}
.premium-brand-identity p{color:#c8c5dd;max-width:42ch}
.premium-brand-identity .eyebrow{color:#b5a9fd}
.premium-brand-identity-image{background:#070817;border:1px solid #43405a;min-height:375px;display:grid;place-items:center;position:relative;overflow:hidden}
.premium-brand-identity-image::before{content:"";position:absolute;inset:6%;border:1px solid #49446d;border-radius:50%;pointer-events:none}
.premium-brand-identity-image img{position:relative;width:min(62%,260px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 14px 32px #0c0b2470)}
.premium-brand-identity-image span{position:absolute;bottom:20px;left:20px;color:#b1aac7;font-size:.59rem;letter-spacing:.13em;font-weight:800}
@media(max-width:850px){.premium-brand-identity-grid{grid-template-columns:1fr}.premium-brand-identity-image{min-height:350px}}
@media(max-width:550px){.premium-brand-identity-image{min-height:270px}}


/*
 * BRAND PASS 04 — editorial restraint.
 * Real product imagery and the MRVL mark remain the visual anchors.
 * No imitation dashboards, default bento tiles, hovering cards or ornamental orbits.
 */
:root{--paper:#f8f8f6;--ink:#151521;--violet:#574ce3;--muted:#5c5e6c}
.hero::before{opacity:.32}
.hero-gallery-corner{font-size:clamp(1.24rem,1.8vw,1.75rem);color:#beb7dd}
.hero-product{filter:drop-shadow(16px 22px 16px #0006)}
.hero-gallery .gallery-grid-lines{opacity:.28}
.section-head .intro{max-width:47ch}
.premium-home-business{background:#141521}
.premium-home-business-grid{grid-template-columns:1fr .95fr;gap:clamp(36px,5vw,100px)}
.premium-home-business h2{line-height:1.03}
.premium-home-proof{display:flex;min-height:410px;flex-direction:column;justify-content:space-between;border-top:1px solid #79758c;border-bottom:1px solid #79758c;padding:25px 0 24px;color:#f7f6fb}
.premium-home-proof-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.65rem;color:#b8b6ce;font-weight:850;letter-spacing:.11em}
.premium-home-proof-title{font-family:Manrope,Arial,sans-serif;font-weight:750;letter-spacing:-.065em;line-height:.98;font-size:clamp(3.5rem,5.5vw,7rem);max-width:13ch}
.premium-home-proof-title em{font-style:normal;color:#bcb2ff}
.premium-home-proof>p{color:#d6d3e3;font-size:.93rem;line-height:1.7;max-width:48ch}
.premium-home-proof-foot{display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid #585365;padding-top:18px;font-size:.66rem;font-weight:800;letter-spacing:.04em;color:#c5c2d0}
.premium-home-proof-foot a{color:#fff;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.premium-biz-signature{min-height:540px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;background:#1e2036;border:1px solid #414260;padding:29px 32px 30px}
.premium-biz-signature-meta,.premium-biz-signature-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#cbcadc;font-weight:800;letter-spacing:.12em;font-size:.64rem}
.premium-biz-signature-meta{border-bottom:1px solid #56566c;padding-bottom:18px}
.premium-biz-signature-foot{border-top:1px solid #56566c;padding-top:18px}
.premium-biz-signature img{object-fit:contain;width:clamp(180px,26vw,325px);height:auto;align-self:center;filter:drop-shadow(0 24px 38px #07061399);aspect-ratio:1}
.premium-work-picto{background:#e9e6f6;box-shadow:none}
.premium-work-picto::after,.premium-case-visual::after{display:none}
.premium-work-grid{gap:28px}
.premium-case{background:transparent;border:0;border-top:1px solid #a6a3ae}
.premium-case-visual{min-height:310px;padding:33px;justify-content:space-between}
.premium-case-violet .premium-case-visual{background:#242039;color:#fff}
.premium-case-sage .premium-case-visual{background:#e5e9e6;color:#183d31}
.premium-case-visual .premium-case-wordmark{max-width:15ch}
.premium-case-violet .premium-case-wordmark em{color:#c4baff;opacity:1}
.premium-case-sage .premium-case-wordmark em{color:#3b6755;opacity:1}
.premium-case-content{padding:28px 4px 42px}
.premium-case-content h3{margin-top:23px}
.intent-grid{column-gap:clamp(25px,4vw,70px);row-gap:0}
.intent-card,.intent-violet,.intent-sage,.intent-peach,.intent-blue{background:transparent;color:var(--ink);border-radius:0;min-height:clamp(225px,21vw,320px);padding:25px 0 27px;box-shadow:none;border-top:1px solid #a7a7b2;overflow:visible}
.intent-card:nth-last-child(-n+2){border-bottom:1px solid #a7a7b2}
.intent-card:hover{transform:none;box-shadow:none}
.intent-card .intent-arrow{border:0;width:auto;height:auto;font-size:1.3rem;color:var(--violet)}
.intent-card:hover .intent-arrow{transform:translate(3px,-3px)}
.intent-card:hover .intent-main{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.intent-main{font-size:clamp(2.35rem,4.4vw,5.2rem);max-width:15ch;padding:18px 0 27px}
.intent-main em{font-style:normal;opacity:1;color:#54536b}
.intent-foot{color:#626271}
.intent-footer{margin-top:28px}
.premium-closing{background:#151521}
.premium-dark-panel{background:#171825}
@media(max-width:850px){
  .premium-home-business-grid{grid-template-columns:1fr}
  .premium-home-proof{min-height:355px}
  .premium-biz-signature{min-height:460px}
  .premium-biz-signature img{width:min(55vw,320px)}
}
@media(max-width:550px){
  .premium-home-business{padding:75px 0}
  .premium-home-proof-meta,.premium-home-proof-foot{font-size:.59rem}
  .premium-home-proof-title{font-size:clamp(3rem,12vw,5rem)}
  .premium-home-proof{min-height:350px}
  .premium-home-proof-foot{flex-wrap:wrap;gap:12px}
  .premium-biz-signature{min-height:390px;padding:18px}
  .premium-biz-signature-meta,.premium-biz-signature-foot{font-size:.53rem}
  .premium-work-grid{gap:45px}
  .intent-card,.intent-violet,.intent-sage,.intent-peach,.intent-blue{min-height:235px;border-top:1px solid #a7a7b2}
  .intent-card:not(:last-child){border-bottom:0}
  .intent-main{font-size:clamp(2.6rem,12vw,4.6rem)}
}
@media(prefers-reduced-motion:reduce){.intent-card .intent-arrow{transition:none}}

/* WCAG 2.2 AA — disclosures on dark project panels */
.premium-dark-panel .small-disclosure{color:#c9c6d9!important}

/* Imago art direction: the actual app icon is enough. No generic orbit effects. */
.imago-feature-art{background:#161727}
.imago-feature-art::before{opacity:.08;mask-image:none}
.imago-disc{display:none}
.imago-owner-icon,.imago-feature-art .imago-owner-icon,.imago-page-art .imago-owner-icon{transform:none;filter:drop-shadow(0 20px 28px rgba(0,0,0,.25))}
.imago-art-stamp{display:none}
.gallery-grid-lines{display:none}


/* Brand precision: company wordmark is typography, not a square logo on a white tile. */
.brand-wordmark:hover .brand-secondary{color:#fff}
.nav-list .nav-book-mobile{display:none}
.nav-cta{background:#fff;color:#171426;border-color:#fff;transition:background .18s,color .18s}
.nav-cta:hover{background:#d7cffc;color:#1d1939}
@media(max-width:1100px){
.nav-list{gap:clamp(10px,1.35vw,19px)}
}
@media(max-width:850px){
.nav-list .nav-book-mobile{display:list-item}
.nav-list .nav-book-mobile a{background:#e7e2ff;color:#19162e;border-radius:12px;padding:13px 14px;font-weight:850}
.nav-list .nav-book-mobile a:hover{background:#fff;color:#19162e}
}
@media(max-width:550px){
.brand{min-width:98px}
.brand-primary{font-size:1.18rem}
.brand-secondary{font-size:.45rem;letter-spacing:.235em}
}


/* Real work, restrained typography and accessible interaction */
.home-client-work{background:#eae8e2;padding:clamp(75px,9vw,130px) 0;border-top:1px solid #d2d0c8}
.home-client-work-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:47px}
.home-client-work h2{font-size:clamp(2.7rem,5.6vw,6rem);line-height:1.03;margin-top:18px}
.home-client-work h2 em,.websites-credits h2 em,.imago-flow-heading h2 em{font-style:normal;color:#6451c5}
.home-client-work-all{font-size:.77rem;font-weight:800;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.home-client-work-grid{border-bottom:1px solid #b8b6b0}
.home-client-row{display:grid;grid-template-columns:55px 1fr 33px;align-items:center;gap:25px;border-top:1px solid #b8b6b0;padding:26px 0;transition:padding .18s ease}
.home-client-row:hover{padding-left:8px}
.home-client-index{font-size:.74rem;color:#655d77;font-weight:800}
.home-client-description{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline;justify-content:space-between}
.home-client-description strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.35rem,2.6vw,2.8rem);letter-spacing:-.055em;line-height:1.15}
.home-client-description small{font-size:.78rem;color:#5a5863;max-width:43ch;line-height:1.6}
.home-client-row>span:last-child{font-size:1.4rem}
.home-client-caption{margin-top:23px;color:#635e69;font-size:.75rem}
.premium-work-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-work-grid-three .premium-case-visual{min-height:295px}
.premium-work-grid-three .premium-case-content{padding:31px 25px 39px}
.premium-work-grid-three .premium-case-wordmark{font-size:clamp(2rem,3.2vw,3.8rem)}
.premium-work-grid-three .premium-case-content h3{font-size:clamp(1.52rem,2.2vw,2.3rem);margin-top:19px}
.premium-case-neutral .premium-case-visual{background:#e5e3df;color:#36313c}
.work-proof-note{font-size:.75rem!important;color:#595667!important;border-top:1px solid #dcd9e4;padding-top:17px;margin-top:auto;margin-bottom:25px!important}
.work-ethics-note{font-size:.76rem;color:#635f6a;margin-top:23px;max-width:95ch}
.websites-credits{background:#e8e6e0;padding:clamp(80px,11vw,135px) 0}
.websites-credits h2{font-size:clamp(3rem,6vw,6rem);margin-bottom:48px}
.websites-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.websites-credits-grid a{position:relative;display:flex;flex-direction:column;gap:20px;padding:35px;border:1px solid #c8c4bd;background:#f4f2ed;min-height:250px;transition:background .18s}
.websites-credits-grid a:hover{background:#fff}
.websites-credits-grid strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.75rem,3.1vw,3rem);letter-spacing:-.05em}
.websites-credits-grid span{font-size:.9rem;color:#66616f;line-height:1.75;max-width:44ch}
.websites-credits-grid b{font-size:1.4rem;align-self:flex-end;margin-top:auto}
.imago-flow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:65px}
.imago-flow-heading h2{font-size:clamp(3rem,5.6vw,6.6rem);margin-top:24px}
.imago-flow-heading .intro{max-width:45ch}
.imago-flow-list{border-top:1px solid #bdb9c5}
.imago-flow-item{display:grid;grid-template-columns:65px minmax(140px,.65fr) 1fr;gap:25px;align-items:baseline;border-bottom:1px solid #bdb9c5;padding:26px 0 34px}
.imago-step-number{font-size:.74rem;color:#6a5c97;font-weight:850}
.imago-flow-item h3{font-size:clamp(1.75rem,2.7vw,3rem)}
.imago-flow-item p{max-width:47ch;color:#555365;font-size:.93rem;line-height:1.75}
.imago-flow-foot{margin-top:32px;display:flex;align-items:flex-start;gap:30px;justify-content:space-between}
.imago-flow-foot p{color:#615e6a;font-size:.83rem}
.imago-flow-foot strong{color:#272332}
.contact-card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-book-card{background:#e8e2fa;border-color:#c8b9ef}
.contact-flo-note{margin-top:26px;color:#5e586c;font-size:.84rem}
.contact-flo-note a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.premium-work-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-work-grid-three .premium-case:last-child{grid-column:span 2}.contact-card-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card-grid-three .card:last-child{grid-column:span 2}}
@media(max-width:850px){.premium-work-grid-three{grid-template-columns:1fr}.premium-work-grid-three .premium-case:last-child,.contact-card-grid-three .card:last-child{grid-column:auto}.home-client-work-head,.imago-flow-heading{display:block}.home-client-work-all{display:inline-block;margin-top:24px}.home-client-description{display:block}.home-client-description small{display:block;margin-top:8px}.websites-credits-grid{grid-template-columns:1fr}.contact-card-grid-three{grid-template-columns:1fr}}
@media(max-width:550px){.home-client-row{grid-template-columns:29px 1fr 20px;gap:10px;padding:23px 0}.home-client-description strong{font-size:1.55rem}.imago-flow-item{grid-template-columns:34px 1fr;gap:10px 15px}.imago-flow-item p{grid-column:2}.imago-flow-foot{display:block}.imago-flow-foot .pill{display:inline-block;margin-top:17px}.websites-credits-grid a{min-height:205px;padding:27px}.premium-work-grid-three .premium-case-visual{min-height:250px}}
@media(prefers-reduced-motion:reduce){.home-client-row,.websites-credits-grid a{transition:none}}


/* Imago has strong original artwork. Let that identity stand on its own. */
.imago-feature-art{background:linear-gradient(155deg,#18162a 0%,#262240 100%)}
.imago-feature-art::before,.imago-disc,.imago-art-stamp{display:none}
.imago-owner-icon,.imago-feature-art .imago-owner-icon,.imago-page-art .imago-owner-icon{transform:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.29))}
.imago-art-caption{color:#ebe9f2;border-color:#646078}
.imago-art-caption span{color:#c7c2d7}


/* CASE STUDIES: original editorial composition and real evidence, no fictitious product imagery. */
.case-breadcrumb{display:flex;gap:13px;align-items:center;padding-top:34px;padding-bottom:34px;color:#625f70;font-size:.75rem;font-weight:700}
.case-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.case-breadcrumb a:hover{color:#343044}
.case-hero{padding:clamp(65px,10vw,130px) 0 clamp(55px,6vw,88px);overflow:hidden}
.case-hero-sage{background:#dee8df;color:#193729}
.case-hero-ink{background:#1a1a2c;color:#f8f7fa}
.case-hero-content{display:flex;flex-direction:column}
.case-hero-kicker{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid currentColor;padding-bottom:18px;font-size:.67rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;opacity:.78}
.case-hero h1{font-size:clamp(3.9rem,8.1vw,9.6rem);max-width:13ch;letter-spacing:-.078em;line-height:.94;margin:clamp(68px,9vw,145px) 0 clamp(75px,10vw,140px)}
.case-hero h1 em{font-style:normal;opacity:.58}
.case-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-top:1px solid currentColor;padding-top:27px}
.case-hero-bottom p{max-width:57ch;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.7}
.case-live-link{font-size:.8rem;font-weight:850;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.case-metadata{background:#f4f2ee;border-bottom:1px solid #d5d2d6}
.case-metadata-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding-top:36px;padding-bottom:36px}
.case-metadata-grid div{display:flex;flex-direction:column;gap:12px}
.case-metadata-grid span{font-size:.65rem;font-weight:850;letter-spacing:.12em;color:#655e71}
.case-metadata-grid strong{font-size:.83rem;color:#2d2839;line-height:1.5}
.case-editorial{padding:clamp(90px,11vw,165px) 0;background:#f4f2ee}
.case-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,150px)}
.case-split h2{font-size:clamp(3rem,5.1vw,6.1rem);letter-spacing:-.067em;margin-top:28px}
.case-split h2 em{font-style:normal;color:#7166a3}
.case-prose{padding-top:37px}
.case-prose p{color:#55515d;font-size:1.06rem;line-height:1.9}
.case-prose p+p{margin-top:26px}
.case-work-section{background:#e8e6e1;padding:clamp(75px,10vw,145px) 0}
.case-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:54px}
.case-section-heading h2{font-size:clamp(3rem,5.9vw,6.5rem);letter-spacing:-.073em;max-width:11ch}
.case-section-heading h2 em{font-style:normal;color:#7364b3}
.case-work-list{border-top:1px solid #b6b4b1}
.case-work-list article{display:grid;grid-template-columns:65px minmax(185px,.85fr) 1fr;align-items:baseline;gap:24px;border-bottom:1px solid #b6b4b1;padding:31px 0 39px}
.case-work-list article>span{color:#6c627e;font-size:.74rem;font-weight:850}
.case-work-list h3{font-size:clamp(1.5rem,2.7vw,2.7rem);letter-spacing:-.04em}
.case-work-list p{color:#58555e;max-width:48ch;font-size:.91rem;line-height:1.8}
.case-proof{background:#1a2923;color:#fff;padding:clamp(85px,11vw,150px) 0}
.case-proof-purple{background:#27213a}
.case-proof-intro{max-width:770px}
.case-proof-intro h2{font-size:clamp(3.2rem,6vw,7rem);letter-spacing:-.075em;margin-top:28px}
.case-proof-intro h2 em{color:#b6c8bc;font-style:normal}
.case-proof-intro>p:last-child{color:#d1d4d1;margin:23px 0 0;font-size:1.01rem;line-height:1.85}
.case-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:76px}
.case-proof-grid>div{border-top:1px solid #728479;padding-top:25px}
.case-proof-grid span{color:#bdc8c0;font-size:.66rem;letter-spacing:.12em;font-weight:850}
.case-proof-grid strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(1.7rem,2.65vw,3rem);letter-spacing:-.05em;line-height:1.13;margin:25px 0 17px}
.case-proof-grid p{color:#c9d3cb;font-size:.83rem;line-height:1.75}
.case-link-display{margin-top:75px;padding:36px 0;border-top:1px solid #6d607c;border-bottom:1px solid #6d607c}
.case-link-display a{display:flex;justify-content:space-between;gap:25px;align-items:center}
.case-link-display strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,5vw,5rem);letter-spacing:-.065em}
.case-link-display span{font-size:.77rem;font-weight:750}
.case-footnote{background:#edebe6;padding:37px 0}
.case-footnote p{color:#666170;font-size:.78rem;max-width:90ch;line-height:1.8}
.case-footnote a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){
.case-metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:37px}
.case-split{grid-template-columns:1fr;gap:25px}
.case-prose{padding-top:0}
}
@media(max-width:640px){
.case-breadcrumb{padding-top:22px;padding-bottom:22px}
.case-hero{padding-top:65px}
.case-hero h1{font-size:clamp(3.3rem,13.3vw,5.6rem);margin:85px 0}
.case-hero-kicker{display:block}
.case-hero-kicker span{display:block;margin-bottom:7px}
.case-hero-bottom{display:block}
.case-live-link{display:inline-block;margin-top:25px}
.case-metadata-grid{gap:25px}
.case-section-heading{display:block}
.case-section-heading h2{margin-top:22px}
.case-work-list article{grid-template-columns:37px 1fr;gap:10px 15px}
.case-work-list p{grid-column:2}
.case-proof-grid{grid-template-columns:1fr 1fr;gap:30px 18px}
.case-proof-grid strong{font-size:1.75rem}
.case-link-display a{display:block}
.case-link-display span{display:block;margin-top:12px}
}


/* Business principles grounded in MRVL's documented delivery doctrine. */
.business-trust{background:#ece9e1;padding:clamp(80px,11vw,150px) 0;color:#252331}
.business-trust-intro{display:grid;grid-template-columns:.95fr 1fr;gap:clamp(45px,8vw,135px);align-items:end;margin:50px 0 74px}
.business-trust-intro h2{font-size:clamp(3.1rem,6vw,7.4rem);letter-spacing:-.065em}
.business-trust-intro h2 em{font-style:normal;color:#6257aa}
.business-trust-intro p{font-size:1rem;line-height:1.9;color:#55525f}
.business-trust-intro p+p{margin-top:15px;font-size:.81rem}
.business-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.business-trust-grid article{border-top:1px solid #777380;padding-top:26px;min-height:220px}
.business-trust-grid article>span{color:#625c78;font-size:.67rem;letter-spacing:.12em;font-weight:850}
.business-trust-grid h3{font-size:clamp(1.5rem,2.4vw,2.65rem);margin:28px 0 16px;letter-spacing:-.055em}
.business-trust-grid p{color:#5f5b65;font-size:.82rem;line-height:1.7}
@media(max-width:950px){.business-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-trust-grid article{min-height:195px}}
@media(max-width:640px){.business-trust-intro{display:block}.business-trust-intro>div{margin-top:28px}.business-trust-grid{grid-template-columns:1fr}.business-trust-grid article{min-height:0;padding-bottom:21px}}


.business-portfolio-bridge{background:#171727;color:#f6f5fa;padding:clamp(95px,11vw,155px) 0}
.business-portfolio-bridge-top{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:65px}
.business-portfolio-bridge-top h2{font-size:clamp(3rem,6vw,7rem);letter-spacing:-.073em;margin-top:28px}
.business-portfolio-bridge-top h2 em{color:#b3a9fa;font-style:normal}
.business-portfolio-bridge-top>p{color:#c0bfd1;font-size:1rem;line-height:1.85;max-width:45ch}
.business-portfolio-rows{border-top:1px solid #555368}
.business-portfolio-rows a{display:grid;grid-template-columns:45px minmax(125px,.68fr) 1fr auto 20px;align-items:center;gap:23px;padding:28px 0;border-bottom:1px solid #555368}
.business-portfolio-rows a:hover{color:#d8cdff}
.business-portfolio-rows a>span:first-child{font-size:.7rem;color:#b6a7eb;font-weight:800}
.business-portfolio-rows strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.7rem,3vw,3.1rem);letter-spacing:-.065em}
.business-portfolio-rows small{font-size:.86rem;color:#c3c1ce}
.business-status{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#c8c4dc;border:1px solid #5b586f;border-radius:30px;padding:7px 12px;white-space:nowrap}
.business-portfolio-rows b{font-size:1.18rem;font-weight:450}
.business-portfolio-note{font-size:.74rem;color:#b4b2c3;margin-top:28px}
@media(max-width:850px){.business-portfolio-bridge-top{display:block}.business-portfolio-bridge-top>p{margin-top:25px}.business-portfolio-rows a{grid-template-columns:26px minmax(125px,.65fr) 1fr 20px}.business-status{grid-column:3;justify-self:start;grid-row:2}.business-portfolio-rows b{grid-column:4;grid-row:1}}
@media(max-width:560px){.business-portfolio-rows a{grid-template-columns:22px 1fr 20px;gap:7px 13px}.business-portfolio-rows strong{grid-column:2}.business-portfolio-rows small{grid-column:2;grid-row:2}.business-status{grid-column:2;grid-row:3;margin-top:7px}.business-portfolio-rows b{grid-column:3;grid-row:1}}

/* Corporate identity — MRVL Technologies */
.brand-secondary{font-size:.65rem;letter-spacing:.035em;font-weight:650;color:#e0deeb;margin-top:4px}
.brand-primary{letter-spacing:-.04em;font-weight:800}
h1,h2,h3{letter-spacing:-.048em}
h1{font-size:clamp(3.45rem,7.3vw,8.4rem)}
h2{font-size:clamp(2.65rem,5.15vw,5.8rem)}
.founder-collaboration{margin-top:clamp(42px,6vw,92px);padding:clamp(28px,5vw,66px);background:#f1f2f5;border:1px solid #dee0e8;border-radius:4px;color:#1c2430}
.founder-collaboration-kicker{font-size:.7rem;letter-spacing:.16em;font-weight:800;color:#586277}
.founder-collaboration-kicker span{color:#aaaeb8;padding:0 9px}
.founder-collaboration-content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,68px);align-items:start;margin-top:34px}
.founder-collaboration h3{font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.12;letter-spacing:-.045em;font-weight:650}
.founder-collaboration p{font-size:clamp(.95rem,1.2vw,1.07rem);color:#515b6a;line-height:1.75;margin-bottom:18px}
.founder-collaboration-note{font-weight:700;font-size:.73rem;letter-spacing:.055em;text-transform:uppercase;color:#3d4657}
@media(max-width:760px){.founder-collaboration-content{grid-template-columns:1fr}.founder-collaboration{padding:26px}}

/* Founder collaboration feature: editorial, not a client case study */
.home-founder-collaboration{background:#eae9ec;color:#171828;padding:clamp(60px,8vw,118px) 0;border-top:1px solid #d8d8df;border-bottom:1px solid #d8d8df}
.home-founder-layout{display:grid;grid-template-columns:1fr;gap:clamp(30px,4.8vw,68px)}
.home-founder-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #b5b4c1}
.home-founder-header .eyebrow,.home-founder-index{font-size:.68rem;font-weight:750;letter-spacing:.15em;color:#494c62;text-transform:uppercase}
.home-founder-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr);align-items:start;gap:clamp(25px,5vw,90px)}
.home-founder-name{color:#6a59b4;font-size:.76rem;letter-spacing:.18em;font-weight:850;margin-bottom:18px}
.home-founder-name span{margin-left:8px;color:#77748a}
.home-founder-main h2{font-size:clamp(2.7rem,5.4vw,6.5rem);line-height:1.04;font-weight:700;max-width:12ch;letter-spacing:-.055em}
.home-founder-description{padding-top:11px}
.home-founder-description p{font-size:clamp(.99rem,1.3vw,1.12rem);line-height:1.82;color:#424353;margin-bottom:18px}
.home-founder-link{display:inline-flex;align-items:center;gap:21px;padding:14px 0 9px;border-bottom:1px solid #27243f;margin-top:15px;font-size:.82rem;font-weight:800;color:#26233d}
.home-founder-link:hover{color:#6350ba;border-color:#6350ba}
.founder-collaboration-section{background:#f8f7f5;padding-top:clamp(42px,6vw,80px);padding-bottom:clamp(42px,6vw,80px)}
.founder-collaboration-section .founder-collaboration{margin-top:0}
@media(max-width:800px){.home-founder-main{grid-template-columns:1fr}.home-founder-description{padding-top:0}.home-founder-main h2{max-width:17ch}.home-founder-header{flex-wrap:wrap}}
@media(max-width:480px){.home-founder-collaboration{padding:56px 0}.home-founder-main h2{font-size:clamp(2.45rem,11vw,3.9rem)}.home-founder-header .eyebrow,.home-founder-index{font-size:.62rem}}

/* Original in-app screenshot portfolio: images are verified files in this repository. */
.product-screen-showcase{background:#e9e8ee;color:#1b1c2c;padding:clamp(56px,7vw,106px) 0}
.product-screen-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr);gap:clamp(25px,5vw,80px);align-items:end;margin-bottom:38px}
.product-screen-intro .eyebrow{color:#5f5893;margin-bottom:18px}
.product-screen-intro h2{font-size:clamp(2.45rem,4.7vw,5.3rem);line-height:1.06;letter-spacing:-.054em;max-width:16ch}
.product-screen-intro>p{color:#52576a;font-size:1rem;line-height:1.8;padding-bottom:4px}
.product-screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-screen-card{overflow:hidden;background:#fff;border:1px solid #d7d6df;border-radius:7px;min-width:0;display:flex;flex-direction:column}
.product-screen-images{background:#252438;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:25px 18px 0;min-height:266px;overflow:hidden}
.product-screen-images img{display:block;width:calc(50% - 5px);max-width:134px;height:250px;object-fit:contain;object-position:bottom;border-radius:10px 10px 0 0;box-shadow:0 8px 26px rgba(0,0,0,.25)}
.product-screen-meta{padding:23px 20px 25px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.product-screen-meta>span{font-size:.62rem;color:#6b6880;font-weight:750;letter-spacing:.12em}
.product-screen-meta h3{font-size:1.7rem;font-weight:750;letter-spacing:-.04em;margin:10px 0 8px}
.product-screen-meta p{color:#5d6170;line-height:1.55;font-size:.85rem;margin-bottom:18px}
.product-screen-meta a{font-size:.78rem;font-weight:800;color:#423c83;margin-top:auto;border-bottom:1px solid #b3aecf;padding-bottom:3px}
.product-screen-meta a:hover{color:#221c55;border-color:#221c55}
@media(max-width:990px){.product-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-screen-images img{height:255px}}
@media(max-width:620px){.product-screen-intro{grid-template-columns:1fr}.product-screen-grid{grid-template-columns:1fr;gap:13px}.product-screen-card{display:grid;grid-template-columns:42% 58%;align-items:stretch}.product-screen-images{min-height:226px;padding:16px 8px 0;gap:5px}.product-screen-images img{width:calc(50% - 3px);height:220px}.product-screen-meta{padding:16px 15px}.product-screen-meta h3{font-size:1.4rem}.product-screen-meta p{font-size:.79rem;margin-bottom:10px}}

/* Client work: publication-backed visual evidence */
.case-visual-proof{background:#ececf0;color:#202132;padding:clamp(52px,7vw,98px) 0}
.case-visual-wrap{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.4fr);gap:clamp(24px,4.8vw,80px);align-items:center}
.case-visual-copy .eyebrow{color:#615c8d;letter-spacing:.15em}
.case-visual-copy h2{font-size:clamp(2rem,3.3vw,3.7rem);line-height:1.09;margin:20px 0;font-weight:700}
.case-visual-copy p{font-size:.99rem;line-height:1.75;color:#505568}
.case-visual-image{margin:0;min-width:0;background:#fff;padding:12px 12px 0;border:1px solid #d4d4df;border-radius:7px;box-shadow:0 20px 40px rgba(30,25,55,.08)}
.case-visual-image img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;object-position:top center;border-radius:3px}
.case-visual-image figcaption{font-size:.7rem;line-height:1.5;color:#626477;padding:13px 4px 15px}
.case-visual-image figcaption a{color:#51479b;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.work-client-image{margin:0 0 24px;border-radius:5px;overflow:hidden;background:#e7e5ed;position:relative}
.work-client-image img{display:block;width:100%;height:170px;object-fit:cover;object-position:top center}
.work-client-image figcaption{padding:8px 11px;font-weight:800;letter-spacing:.1em;font-size:.59rem;color:#58586b;background:#f0f0f4}
@media(max-width:750px){.case-visual-wrap{grid-template-columns:1fr}.case-visual-image img{max-height:360px}.work-client-image img{height:165px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* MRVL visual refinement / October 2026
   Restrained editorial finishing: preserve established brand and content. */
:root{--refine-ease:cubic-bezier(.22,1,.36,1)}
body{font-kerning:normal;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
.intro{text-wrap:pretty}
.section-head{column-gap:clamp(24px,4vw,68px)}
.section-head h2{letter-spacing:-.052em}
.nav-list a{transition:color .18s ease;text-underline-offset:5px}
.nav-list a:focus-visible{text-decoration:underline;text-decoration-thickness:2px}
.nav-cta{transition:background-color .22s ease,color .22s ease,border-color .22s ease}
.btn{transition:transform .28s var(--refine-ease),background-color .2s ease,border-color .2s ease}
.portfolio-card{transition:transform .32s var(--refine-ease),box-shadow .32s var(--refine-ease),border-color .2s ease}
.portfolio-card:hover,.portfolio-card:focus-within{transform:translateY(-3px);box-shadow:0 18px 40px rgba(19,20,36,.09)}
.portfolio-card:focus-within{outline:2px solid rgba(101,84,237,.35);outline-offset:3px}
.product-icon{display:block;object-fit:contain;background:#fff}
.product-screen-card{transition:box-shadow .3s var(--refine-ease),border-color .3s ease;box-shadow:0 6px 22px rgba(19,20,36,.025)}
.product-screen-card:hover,.product-screen-card:focus-within{border-color:#b9b5cd;box-shadow:0 18px 34px rgba(19,20,36,.09)}
.product-screen-images img{transition:transform .35s var(--refine-ease)}
.product-screen-card:hover .product-screen-images img{transform:translateY(-3px)}
.work-client-image img{transition:transform .5s var(--refine-ease)}
.work-client-image:hover img{transform:scale(1.025)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9183f7;outline-offset:4px}
@media(max-width:750px){
 .section-head{gap:20px;margin-bottom:38px}
 .section-number{margin-bottom:32px}
 .portfolio-card:hover,.portfolio-card:focus-within{transform:none}
 .product-screen-card:hover .product-screen-images img,.work-client-image:hover img{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .portfolio-card,.product-screen-card,.product-screen-images img,.work-client-image img,.btn,.nav-cta,.nav-list a{transition:none!important}
}


/* MRVL editorial refinement II — intentional product imagery, proof and rhythm. */
.hero-gallery{isolation:isolate}
.hero-gallery::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);pointer-events:none;border-radius:inherit;z-index:2}
.hero-gallery-label{letter-spacing:.15em}
.hero-product{transition:filter .35s ease,transform .4s var(--refine-ease)}
.hero-gallery:focus-within .hero-product,.hero-gallery:hover .hero-product{filter:drop-shadow(19px 27px 21px rgba(0,0,0,.4))}
.product-screen-showcase{border-block:1px solid rgba(19,20,36,.11)}
.product-screen-intro{margin-bottom:clamp(28px,3.7vw,54px)}
.product-screen-intro h2{text-wrap:balance}
.product-screen-meta h3{line-height:1.16}
.product-screen-meta p{line-height:1.65;text-wrap:pretty}
.product-screen-images{position:relative}
.product-screen-images::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:rgba(255,255,255,.14);pointer-events:none}
.product-screen-images img{position:relative;z-index:1}
.case-visual-proof{border-block:1px solid rgba(19,20,36,.1)}
.case-visual-copy h2{text-wrap:balance}
.case-visual-copy p{text-wrap:pretty;max-width:55ch}
.case-visual-image{transition:box-shadow .3s var(--refine-ease);box-shadow:0 14px 44px rgba(30,25,55,.08)}
.case-visual-image:hover,.case-visual-image:focus-within{box-shadow:0 22px 56px rgba(30,25,55,.13)}
.case-visual-image img{object-fit:contain;background:#f7f7f9}
.case-visual-image figcaption{border-top:1px solid #e8e6ee;margin-top:8px}
.work-client-image{transition:box-shadow .3s var(--refine-ease)}
.work-client-image:hover{box-shadow:0 14px 36px rgba(19,20,36,.12)}
@media(max-width:900px){
 .product-screen-intro{grid-template-columns:1fr;gap:14px}
 .product-screen-intro>p{max-width:65ch}
 .case-visual-wrap{align-items:start}
}
@media(max-width:750px){
 .hero-gallery::after{border-color:rgba(255,255,255,.08)}
 .product-screen-intro{margin-bottom:28px}
 .product-screen-images{min-height:235px}
 .product-screen-images img{height:225px}
 .case-visual-image{padding:9px 9px 0}
 .case-visual-image img{max-height:340px}
 .case-visual-image figcaption{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){
 .hero-product,.case-visual-image,.work-client-image{transition:none!important}
}

/* Accessibility hardening: consistently visible keyboard focus and reduced motion. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #b6a8ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Narrow-screen resilience: prevent grid content and long URLs from forcing overflow. */
@media(max-width:600px){
 .shell{width:calc(100% - 32px)}
 .hero h1{font-size:clamp(2.9rem,12vw,5rem);overflow-wrap:break-word}
 .hero-grid,.product-screen-intro{min-width:0}
 .nav-inner,.hero-grid,.product-screen-intro{max-width:100%}
 .hero-actions{gap:10px}
 .hero-actions .btn{max-width:100%;min-width:0;white-space:normal}
}
:where(.shell,.hero-grid,.product-screen-intro)>*{min-width:0}
:where(main,footer) a{overflow-wrap:anywhere}