:root{--bg:#080b0a;--panel:#111715;--muted:#a5b1aa;--lime:#c6ff58;--line:#29332e;--white:#f4f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 5%,#b5ff4710,transparent 42%);z-index:-1}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:10;background:#080b0ae8;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{max-width:1220px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:24px;letter-spacing:-1.5px;font-weight:900}.logo span,.accent{color:var(--lime)}nav{display:flex;align-items:center;gap:24px}nav a{font-size:13px;font-weight:650;color:#bfcac2;transition:color .2s}nav a:hover,nav a.active{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:var(--lime);border:1px solid var(--lime);border-radius:12px;color:#09110b;font-weight:800;transition:transform .25s,box-shadow .25s;cursor:pointer;font:inherit;font-weight:800}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #c6ff5833}.btn.secondary{background:transparent;color:var(--white);border-color:#4d5a50}.btn.secondary:hover{border-color:var(--lime)}.menu{display:none;background:none;color:white;border:1px solid #344036;border-radius:9px;padding:7px 12px;font-size:23px}.wrap{max-width:1220px;margin:auto;padding:0 24px}.hero{padding:120px 0 95px;position:relative;overflow:hidden}.eyebrow{color:var(--lime);font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.hero h1,h1{font-size:clamp(46px,7.5vw,108px);line-height:1.04;letter-spacing:-.075em;max-width:1050px;margin:24px 0}.subhero h1{font-size:clamp(44px,6vw,78px)}.lead{font-size:clamp(17px,2vw,21px);color:#afbbb3;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.orb{position:absolute;width:390px;height:390px;right:-130px;top:30px;border:1px solid #bfff5830;border-radius:50%;box-shadow:0 0 100px #c6ff5815,inset 0 0 70px #c6ff5812;animation:float 7s ease-in-out infinite;pointer-events:none}.orb:before,.orb:after{content:"";position:absolute;inset:45px;border:1px solid #c6ff5830;border-radius:50%}.orb:after{inset:100px}.section{padding:85px 0;border-top:1px solid #1d2922}.section h2{font-size:clamp(32px,4vw,56px);line-height:1.13;letter-spacing:-.055em;margin:10px 0 20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(140deg,#141b17,#0d120f);border:1px solid #28372d;border-radius:22px;padding:32px;min-height:220px;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);border-color:#b6fa6380;box-shadow:0 18px 60px #0005}.card h3{font-size:24px;letter-spacing:-.035em;margin:14px 0}.card p{color:var(--muted);margin-bottom:0}.num{color:var(--lime);font-size:13px;font-weight:900;letter-spacing:2px}.feature{background:linear-gradient(120deg,#17221a,#0d130e);border:1px solid #32462d;border-radius:28px;padding:clamp(30px,5vw,70px);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.mock{min-height:290px;background:#080d0a;border:1px solid #52674b;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px #0007;transform:perspective(800px) rotateY(-6deg);animation:float 6s ease-in-out infinite}.mocktop{height:36px;border-bottom:1px solid #344338;padding:12px;display:flex;gap:6px}.dot{height:7px;width:7px;border-radius:50%;background:#66776a}.mockbody{padding:26px}.mockline{height:13px;border-radius:6px;background:#2d4230;margin:12px 0}.mockline.lime{background:var(--lime);width:45%;height:22px}.mockrow{display:flex;gap:12px;margin-top:30px}.mocktile{height:100px;flex:1;border-radius:12px;background:linear-gradient(135deg,#243a29,#101b14)}.cta{padding:85px 0;text-align:center}.cta h2{font-size:clamp(40px,6vw,75px);letter-spacing:-.06em;line-height:1.08;margin:12px auto;max-width:850px}.pill{display:inline-block;border:1px solid #425a3b;border-radius:40px;padding:6px 14px;color:var(--lime);font-size:12px;letter-spacing:1px}.steps{counter-reset:step}.steps .card{position:relative}footer{border-top:1px solid var(--line);padding:40px 0;color:#91a197}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}footer a:hover{color:var(--lime)}.form{display:grid;gap:17px;max-width:760px}.field{display:grid;gap:7px}.field label{font-size:13px;color:#c8d6ca;font-weight:700}input,textarea,select{width:100%;background:#111914;border:1px solid #344338;border-radius:12px;color:white;padding:15px;font:inherit}textarea{min-height:130px}input:focus,textarea:focus,select:focus{outline:2px solid #c6ff5870}.notice{padding:16px;border:1px solid #45573c;border-radius:12px;color:#c5d4c7;background:#162018}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-14px)}}@media(max-width:850px){.menu{display:block}nav{display:none;position:absolute;top:69px;left:0;right:0;padding:20px 24px;background:#0a100d;border-bottom:1px solid #314032;flex-direction:column;align-items:stretch}nav.open{display:flex}.nav>.btn{display:none}.grid,.grid.two{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.hero{padding:85px 0 65px}.orb{opacity:.35}.section{padding:60px 0}.section-head{display:block}.mock{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* DOMLAB refined visual direction */
:root{--lime:#c6ff58;--bg:#080a09}
.hero-premium{padding:0;min-height:740px;background:radial-gradient(ellipse at 80% 44%,#243c161f,transparent 44%),linear-gradient(115deg,#080b09,#090b0a 65%,#10170f);isolation:isolate}
.hero-premium .wrap{position:relative;z-index:1}.hero-premium .orb{display:none}.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-ambient span{position:absolute;border-radius:50%;width:520px;height:520px;border:1px solid #b8f85c60;box-shadow:0 0 65px #a5ff3820,inset 0 0 70px #a5ff3810;filter:blur(.3px);animation:ambientMove 13s ease-in-out infinite alternate}.hero-ambient span:first-child{left:-390px;top:-390px}.hero-ambient span:last-child{right:-390px;bottom:-400px;animation-delay:-6s}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:112px 0 64px}.hero-copy{position:relative;z-index:2}.hero-premium .eyebrow{font-size:11px;letter-spacing:3px;color:#e4e9e2}.hero-premium h1{font-weight:580;font-size:clamp(45px,5.3vw,79px);line-height:1.1;letter-spacing:-.06em;margin:26px 0}.hero-premium .lead{font-size:clamp(16px,1.5vw,18px);max-width:590px;color:#c3c9c2}.hero-premium .actions{margin-top:30px}.hero-premium .btn{border-radius:16px}.hero-showcase{height:400px;position:relative;perspective:1100px;transform-style:preserve-3d;animation:showcaseEnter 1.2s ease both}.screen{position:absolute;border:1px solid #647065;border-radius:15px;background:linear-gradient(135deg,#171e1a,#080b0a);box-shadow:0 30px 60px #0009,0 0 45px #c6ff580c;overflow:hidden;transition:transform .6s ease,box-shadow .6s ease}.screen:hover{box-shadow:0 38px 70px #000b,0 0 45px #c6ff5824}.screen-front{left:3%;top:16%;width:66%;height:66%;z-index:3;transform:rotateY(-11deg) rotateX(4deg) rotateZ(-3deg);animation:screenFloat 7s ease-in-out infinite}.screen-middle{left:38%;top:8%;width:49%;height:66%;z-index:2;transform:rotateY(-9deg) rotateZ(3deg);animation:screenFloat 8s ease-in-out infinite reverse}.screen-back{left:64%;top:17%;width:38%;height:59%;z-index:1;transform:rotateY(-10deg) rotateZ(5deg);animation:screenFloat 9s ease-in-out infinite}.screen-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #354137;color:#dbe2d9;font-size:9px;letter-spacing:.4px}.screen-head span{color:#b9d5a5;font-size:8px}.screen-scene{position:absolute;inset:40px 0 0;background:linear-gradient(160deg,#28372e,#0b1112 62%)}.scene-mountain{position:absolute;bottom:0;width:90%;height:70%;background:linear-gradient(145deg,#73837c,#17211e 58%,#060b0b);clip-path:polygon(0 100%,42% 8%,100% 100%);opacity:.6}.scene-one{right:-15%;bottom:-12%}.scene-two{left:-30%;bottom:-20%;transform:scale(.75);opacity:.5}.scene-three{right:-40%;bottom:-28%;transform:scale(.8);opacity:.3}.screen-front-content{position:absolute;left:9%;top:32%;display:flex;flex-direction:column;align-items:start;gap:12px;text-shadow:0 2px 20px #000}.screen-front-content small{font-size:8px;letter-spacing:2px;color:#e6eae5}.screen-front-content strong{font-size:clamp(17px,2.3vw,34px);line-height:1.1;letter-spacing:-1px}.screen-cta{background:var(--lime);color:#101710;font-size:9px;font-weight:800;padding:7px 11px;border-radius:8px}.product-shape{height:60%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#303a32,#131a15 68%)}.product-ring{width:88px;height:88px;border:19px solid #202b24;border-top-color:#71876a;border-right-color:#3e4f42;border-radius:50%;box-shadow:8px 10px 15px #0009;transform:rotate(-24deg) skew(-8deg)}.screen-line{height:7px;width:65%;border-radius:5px;background:#35463a;margin:14px}.screen-line.short{width:35%;margin-top:0}.chart{padding:16px 9px 0}.chart svg{width:100%}.mini-bars{display:flex;align-items:end;gap:9px;height:55px;padding:0 16px}.mini-bars i{flex:1;background:#b7e75b88;border-radius:3px 3px 0 0;height:30%}.mini-bars i:nth-child(2){height:70%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:90%}.mini-bars i:nth-child(5){height:55%}.mini-bars i:nth-child(6){height:95%}.showcase-caption{position:absolute;right:2%;bottom:5%;font-size:9px;letter-spacing:2px;color:#8e9e91}.hero-services{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 54px;gap:0}.hero-services a{display:flex;flex-direction:column;padding:4px 24px;border-right:1px solid #344038;transition:transform .3s,color .3s}.hero-services a:first-child{padding-left:0}.hero-services a:last-child{border-right:0}.hero-services a:hover{transform:translateY(-5px);color:var(--lime)}.service-icon{font-size:32px;color:var(--lime);line-height:1;margin-bottom:18px}.hero-services strong{font-size:15px}.hero-services small{font-size:13px;color:#aeb8af;margin-top:6px}@keyframes ambientMove{to{transform:translate(50px,35px) scale(1.08)}}@keyframes screenFloat{50%{translate:0 -12px}}@keyframes showcaseEnter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero-layout{grid-template-columns:1fr;padding:72px 0 25px;gap:15px}.hero-premium h1{font-size:clamp(40px,8vw,65px)}.hero-showcase{height:340px;max-width:610px;width:100%;margin:auto}.hero-services{grid-template-columns:repeat(2,1fr);row-gap:26px}.hero-services a:nth-child(2){border-right:0}.hero-services a:nth-child(3){padding-left:0}}@media(max-width:520px){.hero-premium .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-premium h1{font-size:clamp(38px,10vw,50px)}.hero-showcase{height:245px}.screen-head{padding:7px;font-size:7px}.screen-head span{font-size:6px}.screen-scene{inset:27px 0 0}.screen-front-content{gap:6px}.screen-front-content strong{font-size:17px}.screen-front-content small{font-size:6px}.screen-cta{font-size:7px;padding:5px}.product-ring{width:52px;height:52px;border-width:12px}.hero-services{padding:20px 0 40px}.hero-services a{padding:5px 12px}.hero-services strong{font-size:12px}.hero-services small{font-size:11px}.service-icon{font-size:24px;margin-bottom:10px}.showcase-caption{font-size:7px}}@media(prefers-reduced-motion:reduce){.hero-ambient span,.screen,.hero-showcase{animation:none!important}}


/* Reference-aligned homepage refinement */
.hero-premium{background:radial-gradient(ellipse 380px 290px at -3% -5%,#8ee72e30,transparent 80%),radial-gradient(ellipse 320px 280px at 105% 80%,#b4ff3c22,transparent 80%),#080b09}
.hero-premium .hero-layout{grid-template-columns:1.03fr 1fr;gap:28px;padding-top:104px;padding-bottom:58px}
.hero-premium h1{font-size:clamp(46px,5.25vw,76px);font-weight:550;letter-spacing:-.065em;line-height:1.08}
.hero-premium .lead{color:#c3c7c2;max-width:555px}
.hero-premium .hero-ambient span{width:620px;height:620px;border-color:#c6ff585c;box-shadow:0 0 85px #b6ff4420,inset 0 0 95px #b6ff440f}
.hero-premium .hero-ambient span:first-child{left:-480px;top:-470px}
.hero-premium .hero-ambient span:last-child{right:-480px;bottom:-475px}
.hero-showcase{height:420px;perspective:1500px}
.screen{border-color:#6d796e;border-radius:13px;box-shadow:0 28px 48px #000c,0 10px 26px #0b140ba8;backdrop-filter:blur(8px)}
.screen-front{left:0;top:23%;width:66%;height:64%;transform:perspective(1000px) rotateY(-12deg) rotateZ(-4deg);background:#0c1210}
.screen-middle{left:39%;top:13%;width:45%;height:67%;transform:perspective(1000px) rotateY(-11deg) rotateZ(4deg)}
.screen-back{left:69%;top:20%;width:35%;height:59%;transform:perspective(1000px) rotateY(-10deg) rotateZ(6deg)}
.screen-front-content strong{font-size:clamp(19px,2.1vw,32px);font-style:italic;letter-spacing:-.05em}
.screen-scene{background:radial-gradient(ellipse at 60% 25%,#64726b55,transparent 55%),linear-gradient(160deg,#253a3b,#0b1114 70%)}
.scene-mountain{background:linear-gradient(125deg,#c4cac6,#73817f 24%,#2a393b 40%,#071013 75%);filter:drop-shadow(4px 7px 4px #000a)}
.screen-front-content{top:31%;left:8%}
.screen-front-content small{font-size:8px}
.screen-middle .product-shape{background:linear-gradient(145deg,#e7e9e5,#9da9a0)}
.screen-middle .product-ring{width:96px;height:96px;border:20px solid #1b211e;border-left-color:#56615a;border-top-color:#3b453f;box-shadow:15px 16px 20px #0006}
.screen-back{background:#111916}
.screen-back .chart{padding-top:24px}
.hero-services{border-top:1px solid #1c261e;padding-top:32px}
.hero-services a{padding-left:26px}
.hero-services a:hover .service-icon{filter:drop-shadow(0 0 8px #c6ff5870)}
.hero-services .service-icon{font-weight:400}
@media(max-width:900px){.hero-premium .hero-layout{grid-template-columns:1fr;padding-top:70px}.hero-showcase{max-width:640px;height:360px}.hero-premium h1{font-size:clamp(42px,8vw,66px)}}
@media(max-width:520px){.hero-premium .hero-layout{padding-top:58px;padding-bottom:16px}.hero-premium h1{font-size:clamp(39px,9.5vw,51px)}.hero-showcase{height:255px}.screen-front-content strong{font-size:17px}.screen-middle .product-ring{width:55px;height:55px;border-width:11px}.hero-services{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:22px}.hero-services a{padding:10px 12px}.hero-services a:nth-child(odd){padding-left:0}}


/* Reference-matched service iconography and navigation */
.brand-group{display:flex;align-items:center;gap:22px;flex-shrink:0}.brand-descriptor{font-size:10px;font-weight:700;letter-spacing:2px;color:#bfc7be;white-space:nowrap;border-left:1px solid #49564c;padding-left:20px}
.hero-services .service-icon{display:block;width:36px;height:36px;margin-bottom:18px;color:#c6ff58;transition:transform .35s ease,filter .35s ease}
.hero-services .service-svg{display:block;width:36px;height:36px;overflow:visible}
.hero-services a:hover .service-icon{transform:translateY(-4px) scale(1.07);filter:drop-shadow(0 0 8px #c6ff5860)}
.hero-services strong{font-weight:700;letter-spacing:-.025em}
.hero-services small{line-height:1.5}
.hero-services a{min-width:0}
@media(max-width:1120px){.brand-descriptor{display:none}}
@media(max-width:520px){.hero-services .service-icon,.hero-services .service-svg{width:29px;height:29px}.hero-services .service-icon{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-services .service-icon{transition:none!important}}


/* 2026-11-07: fill sparse imagery, improve phone presentation */
.feature{grid-template-columns:.85fr 1.15fr;gap:30px;overflow:hidden}
.feature-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;animation:artDrift 8s ease-in-out infinite}
.feature-art img{width:118%;max-width:none;display:block;border-radius:17px;border:1px solid #49604b;box-shadow:0 28px 65px #0009,0 0 32px #b6ff5810;transform:perspective(1000px) rotateY(-6deg)}
.feature-art-note{position:absolute;bottom:10px;right:0;font-size:9px;letter-spacing:1.4px;color:#b6c5b5;background:#0b110dd9;border-radius:6px;padding:6px 9px}
.hero-showcase{transform:scale(1.12);transform-origin:center center}
.screen-front{width:71%;height:72%;top:13%;left:-2%}
.screen-middle{width:53%;height:73%;top:4%;left:37%}
.screen-back{width:42%;height:68%;top:11%;left:65%}
.screen-front-content{top:27%}
.hero-premium .hero-layout{gap:12px}
@keyframes artDrift{50%{translate:0 -9px}}
@media(max-width:850px){.feature{grid-template-columns:1fr}.feature-art{max-width:650px}.feature-art img{width:100%;transform:none}.hero-showcase{transform:scale(1);height:380px}.nav{flex-wrap:nowrap}.nav>.btn{display:none}.menu{display:block}header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0a100d;padding:20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid #314032}header nav.open{display:flex}}
@media(max-width:520px){.hero-showcase{height:290px;margin-top:10px}.screen-front{width:72%;height:70%;top:16%}.screen-middle{width:52%;height:73%;top:7%}.screen-back{width:42%;height:68%;top:15%}.feature-art-note{font-size:7px}.feature-art img{width:100%}.hero-services{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.feature-art{animation:none!important}}


/* Mobile-first refinement: DOMLAB */
html,body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
@media(max-width:980px){
  header .nav{height:68px;min-height:68px;padding:10px 20px;gap:12px}
  header .brand-group{min-width:0}
  header .logo{font-size:24px}
  header .brand-descriptor{display:none}
  header .nav>.btn{display:none}
  header .menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;font-size:25px;cursor:pointer;touch-action:manipulation}
  header nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#0c130f;backdrop-filter:blur(22px);padding:14px 20px 22px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 68px);overflow-y:auto;border-bottom:1px solid #384a3a;box-shadow:0 25px 50px #0009}
  header nav.open{display:flex!important}
  header nav a{font-size:16px;padding:13px 9px;border-bottom:1px solid #263629;min-height:48px;display:flex;align-items:center}
  header nav a:last-child{color:#c6ff58;border-bottom:0}
  .wrap{padding-left:22px;padding-right:22px}
  .hero-premium .hero-layout{grid-template-columns:minmax(0,1fr);padding:58px 0 20px;gap:14px}
  .hero-premium .hero-copy{max-width:720px}
  .hero-premium h1{font-size:clamp(40px,7.5vw,68px);line-height:1.09}
  .hero-premium .lead{font-size:16px;line-height:1.65}
  .hero-showcase{width:min(100%,620px);height:350px;max-width:620px;transform:none;margin:8px auto 4px}
  .hero-services{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;padding:26px 0 36px;margin-top:6px}
  .hero-services a{min-width:0;padding:8px 18px}
  .hero-services a:nth-child(odd){padding-left:0}
  .hero-services a:nth-child(even){border-right:0}
  .hero-services strong{font-size:14px}
  .hero-services small{font-size:12px}
  .section{padding:62px 0}
  .section-head{display:block}
  .section-head .muted{max-width:680px!important}
  .feature{grid-template-columns:minmax(0,1fr);padding:30px;gap:28px}
  .feature-art{width:100%;max-width:100%}
  .feature-art img{width:100%;max-width:100%;transform:none}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card{min-width:0;padding:24px}
  footer .wrap{gap:24px}
}
@media(max-width:600px){
  header .nav{padding:10px 17px}
  .wrap{padding-left:18px;padding-right:18px}
  .hero-premium .hero-layout{padding-top:42px;padding-bottom:6px;gap:12px}
  .hero-premium .eyebrow{font-size:9px;letter-spacing:1.45px;line-height:1.6}
  .hero-premium h1{font-size:clamp(37px,9.4vw,53px);letter-spacing:-.055em;line-height:1.1;margin:19px 0}
  .hero-premium .lead{font-size:15px;line-height:1.65}
  .hero-premium .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:23px}
  .hero-premium .actions .btn{padding:13px 8px;font-size:12px;min-height:48px;text-align:center}
  .hero-showcase{height:clamp(225px,66vw,315px);width:100%;margin:12px auto 0;overflow:visible}
  .screen-front{left:1%;top:14%;width:70%;height:75%}
  .screen-middle{left:39%;top:5%;width:50%;height:77%}
  .screen-back{left:67%;top:13%;width:34%;height:70%}
  .screen-head{padding:7px;font-size:7px}
  .screen-head span{font-size:6px}
  .screen-front-content{top:30%;left:8%;gap:6px}
  .screen-front-content strong{font-size:clamp(14px,4vw,21px)}
  .screen-front-content small{font-size:6px}
  .screen-cta{font-size:7px;padding:6px 8px}
  .showcase-caption{display:none}
  .hero-services{margin-top:4px;row-gap:18px;padding:23px 0 28px}
  .hero-services a{padding:8px 11px}
  .hero-services .service-icon,.hero-services .service-svg{width:30px;height:30px}
  .hero-services strong{font-size:12px;line-height:1.35}
  .hero-services small{font-size:11px;line-height:1.5}
  .section{padding:52px 0}
  .section h2{font-size:clamp(29px,8vw,39px)}
  .section-head{margin-bottom:24px}
  .grid,.grid.two{grid-template-columns:minmax(0,1fr);gap:14px}
  .card{min-height:0;padding:23px;border-radius:18px}
  .card h3{font-size:21px}
  .feature{padding:23px 19px;gap:24px;border-radius:22px}
  .feature-art img{border-radius:12px}
  .feature-art-note{position:static;display:block;margin-top:8px;background:none;padding:0;letter-spacing:.8px}
  .feature-art{display:block}
  .cta{padding:60px 0}
  .cta h2{font-size:clamp(34px,9vw,50px)}
  footer .wrap{display:grid;gap:22px}
  footer .wrap>div:nth-child(2){display:flex;flex-wrap:wrap;gap:12px 16px}
  footer .wrap>div:nth-child(2) a{margin-right:0!important;font-size:13px}
  .form .grid.two{grid-template-columns:1fr}
  input,select,textarea{font-size:16px}
}
@media(max-width:380px){
  .hero-premium h1{font-size:35px}
  .hero-premium .actions{grid-template-columns:1fr}
  .hero-showcase{height:220px}
  .hero-services strong{font-size:11px}
}
@media(hover:none){.card:hover,.hero-services a:hover,.btn:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-showcase,.feature-art,.hero-ambient span,.screen{animation:none!important}}


/* DOMLAB transparent website packages */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.price-card{position:relative;min-width:0;background:linear-gradient(145deg,#151d17,#0d120f);border:1px solid #314334;border-radius:22px;padding:30px 26px;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}
.price-card:hover{transform:translateY(-5px);border-color:#9fce63}
.price-card.featured{border-color:#a4d66c;background:linear-gradient(150deg,#1c291b,#101710)}
.price-tag{position:absolute;right:17px;top:17px;font-size:9px;letter-spacing:1.2px;font-weight:800;background:#c6ff58;color:#0a130a;padding:5px 9px;border-radius:6px}
.price-card h3{font-size:27px;letter-spacing:-.04em;margin:14px 0 2px}
.price-audience{color:#acbaac;font-size:13px;margin:0 0 26px;min-height:38px}
.price-from{font-size:12px;color:#aebbad}
.price-amount{font-size:clamp(33px,3.5vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.25}
.price-amount small{font-size:13px;letter-spacing:0;color:#c6ff58}
.price-divider{border-top:1px solid #344336;margin:20px 0}
.price-card ul{padding:0;margin:0 0 27px;list-style:none;display:grid;gap:12px;flex:1}
.price-card li{color:#d6e0d5;font-size:13px;line-height:1.45;padding-left:22px;position:relative}
.price-card li:before{content:"✓";color:#c6ff58;font-weight:900;position:absolute;left:0}
.price-card .btn{width:100%;text-align:center;font-size:13px}
.pricing-note{font-size:12px;line-height:1.7;color:#aab6aa;margin:22px 2px 0}
.pricing-custom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px;padding:24px 28px;border:1px solid #344637;border-radius:18px;background:#101811}
.pricing-custom strong{font-size:17px}
.pricing-custom p{font-size:13px;color:#aab6aa;margin:6px 0 0}
@media(max-width:980px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card:last-child{grid-column:1/-1}.pricing-custom{align-items:flex-start}}
@media(max-width:600px){.pricing-grid{grid-template-columns:minmax(0,1fr);gap:15px}.price-card:last-child{grid-column:auto}.price-card{padding:25px 21px}.price-card h3{font-size:25px}.price-audience{min-height:0;margin-bottom:22px}.price-amount{font-size:40px}.pricing-custom{display:grid;padding:22px}.pricing-custom .btn{width:100%}.price-tag{font-size:8px}.pricing-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.price-card{transition:none}}

.quote-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.admin-shell{max-width:1120px;margin:50px auto 100px;padding:0 20px}.admin-login{max-width:470px;margin:70px auto;padding:32px;background:#111a13;border:1px solid #344537;border-radius:22px}.admin-login h1{font-size:34px;line-height:1.2}.admin-login form{display:grid;gap:16px}.admin-login label{display:block;margin-bottom:6px;font-size:13px}.admin-login input{width:100%;padding:13px;border:1px solid #415343;background:#080e0a;color:white;border-radius:9px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.admin-table-wrap{overflow-x:auto;border:1px solid #304132;border-radius:16px}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid #2b392e;font-size:13px;vertical-align:top}.admin-table th{color:#c6ff58;background:#121d14}.admin-table select,.admin-table textarea{background:#0c130e;color:white;border:1px solid #425845;border-radius:8px;padding:8px;width:100%}.admin-table textarea{min-height:72px}.admin-table button{cursor:pointer}.admin-muted{color:#a6b4a7}.admin-hidden{display:none!important}.admin-note{margin:12px 0;color:#b8c7b9;font-size:13px}.admin-email{overflow-wrap:anywhere}.admin-login .btn{width:100%}@media(max-width:600px){.admin-shell{margin:30px auto}.admin-login{margin:35px auto;padding:22px}.admin-login h1{font-size:29px}}