/* Dimensional surfaces, controlled light and photographic portrait. */
:root{--metal-edge:#63728866;--surface-3d:radial-gradient(ellipse at 15% 0,#7d92b220,transparent 60%),linear-gradient(145deg,#262c34,#14181e 65%,#101317);--depth-shadow:inset 0 1px 0 #dbf0f729,0 7px 0 -3px #090b0f,0 18px 34px -18px #000c}
body{background:radial-gradient(ellipse at 100% 10%,#1e242e33,transparent 40%),#0b1730}
.site-header{background:linear-gradient(180deg,#20252deb,#101216f5);box-shadow:inset 0 1px #b6e1ef12,0 8px 28px #0003;border-bottom-color:#4c5f7c33}
.top-strip{background:linear-gradient(110deg,#69bcd7,#99d6e9,#71bfd8);box-shadow:inset 0 1px #edf8fb,0 3px 0 #425d86}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 40%,#3246632a,transparent 48%)}
.hero-copy .eyebrow{background:linear-gradient(145deg,#2e3540,#181c22);border-color:var(--metal-edge);box-shadow:inset 0 1px #ceebf42b,0 5px 12px #0004;border-radius:8px}
.hero h1{color:#ebf2f4;text-shadow:0 3px 0 #07090b,0 8px 16px #0003}.hero h1 span{color:#8bd1e6;text-shadow:0 2px 0 #364862,0 8px 26px #6dc4df12}
.btn{border-radius:11px;box-shadow:inset 0 1px #dbf0f729,0 4px 0 #07090d,0 9px 18px #0003;transition:transform .25s,box-shadow .25s,background .25s}
.btn-primary,.btn-light{background:linear-gradient(140deg,#a8dced,#6fbfd8);border-color:#bce4f1;box-shadow:inset 0 1px #e5f5fa,0 4px 0 #3c5479,0 12px 25px #4e70a322}
.btn-primary:hover,.btn-light:hover{background:linear-gradient(140deg,#bee5f1,#86cde3);box-shadow:inset 0 1px #e5f5fa,0 6px 0 #3c5479,0 16px 30px #4e70a325}
.btn-outline{background:linear-gradient(145deg,#262c35,#13181f);border-color:#52627b80}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px #dbf0f729,0 1px 0 #07090d}
.hero-visual{padding:15px 0 45px;max-width:480px;isolation:isolate}.hero-frame{max-width:440px;width:100%;aspect-ratio:4/5;height:auto!important;border:0;border-radius:0;background:transparent;overflow:visible;position:relative;box-shadow:none!important;isolation:isolate}
.hero-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;z-index:2;filter:drop-shadow(9px 14px 7px #0005);transform:translateY(-10px)}
.portrait-halo{position:absolute;width:82%;aspect-ratio:1;top:6%;left:9%;border:1px solid #7bbcd075;border-radius:50%;background:radial-gradient(circle,#37496455,#1f273440 55%,#5c7aa618 70%,transparent 71%);box-shadow:inset 0 0 50px #648ac212,0 0 0 14px #6281b010,0 0 0 15px #6982a722,0 0 90px #5982c018;z-index:0}
.portrait-orbit{position:absolute;inset:2% 4% 10%;border:1px solid #5b719250;border-radius:160px 160px 100px 100px;transform:perspective(800px) rotateY(-9deg);background:linear-gradient(135deg,#86adb90c,transparent 40%,#5c7eb208);box-shadow:inset 2px 1px #c8e9f312,12px 12px 0 #080a0d55;z-index:0}
.portrait-stage{position:absolute;bottom:-2%;left:7%;width:86%;height:13%;border:1px solid #6a86af7a;border-bottom:7px solid #090c10;border-radius:50%;background:radial-gradient(ellipse at 50% 15%,#44556f,#212a38 55%,#0f1216 80%);box-shadow:inset 0 2px 1px #b0dfee73,0 9px 0 -1px #334765,0 24px 30px #0008,0 0 40px #5a7eb412;z-index:1}
.portrait-badge{z-index:5;top:65%;left:-4px;background:linear-gradient(145deg,#323a47ee,#151a22f5);border:1px solid #677d9e8c;border-bottom:3px solid #33435b;border-radius:14px;box-shadow:inset 0 1px #caeaf42b,0 12px 24px #0006;backdrop-filter:blur(10px)}.portrait-badge:nth-child(2){top:84%;right:-4px}.badge-icon{background:radial-gradient(circle at 30% 20%,#bee5f1,#6289c3);box-shadow:inset 0 1px #e0f2f8,0 3px 0 #3d5374,0 5px 10px #0004}
.method-ribbon{background:linear-gradient(#222832,#11151a);border-top:1px solid #5a709059;border-bottom:4px solid #080a0e;box-shadow:inset 0 1px #b3dbe817,0 12px 24px #0002}
.diagnosis-list{gap:20px}.diagnosis-card{padding:26px;grid-template-columns:40px 1fr;gap:18px;border:1px solid var(--metal-edge);border-bottom:3px solid #303f55;border-radius:18px;background:var(--surface-3d);box-shadow:var(--depth-shadow)}.diagnosis-card>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#384558,#171d26);border:1px solid #5a709080;box-shadow:inset 0 1px #c4e7f233,0 4px 0 #0d1117;font-weight:700}.diagnosis-card h3{font-size:21px;line-height:1.2}
.before-after{background:radial-gradient(ellipse at 50% 50%,#27334620,transparent 65%),linear-gradient(180deg,#171a1f,#0f1217);border-block:1px solid #52688829}
.timeline{position:relative;display:grid;gap:24px;max-width:980px}.timeline:before{content:'';position:absolute;left:52px;top:38px;bottom:38px;width:2px;background:linear-gradient(#22d3ee,#293547);box-shadow:0 0 12px #7ccae322;z-index:0}.step{position:relative;border:1px solid var(--metal-edge)!important;border-bottom:4px solid #273346!important;border-radius:20px;padding:28px;background:var(--surface-3d);box-shadow:var(--depth-shadow);grid-template-columns:56px 1fr;gap:24px}.step>span{position:relative;border-color:#7692bb;background:radial-gradient(circle at 30% 15%,#3b485c,#171d25);box-shadow:inset 0 2px #aadaea36,0 5px 0 #0d1116,0 8px 15px #0005;font-weight:700}.step small{line-height:1.6;letter-spacing:.1em}.step h3{font-size:25px}.step-delivery{margin-top:16px;padding:12px 15px;border:1px solid #516a9040;border-radius:8px;background:#4d73ab0c;color:#bddce6;font-size:12px}.method-end{background:var(--surface-3d);border-color:var(--metal-edge);border-bottom:4px solid #324054;box-shadow:var(--depth-shadow);border-radius:18px}
.service-grid{gap:24px}.service-card{border:1px solid var(--metal-edge);border-bottom:4px solid #34435a;border-radius:22px;background:var(--surface-3d);box-shadow:var(--depth-shadow);padding:30px;overflow:hidden}.service-card:after{content:'';position:absolute;width:150px;height:150px;right:-80px;top:-80px;border:1px solid #7d92b226;border-radius:50%;box-shadow:0 0 0 22px #7d92b205,0 0 0 23px #7d92b212;pointer-events:none}.service-icon{width:76px;height:76px;display:grid;place-items:center;position:relative;margin:0 0 30px;border-radius:22px;background:radial-gradient(ellipse at 30% 10%,#455875,#252f3d 60%,#11161d);border:1px solid #6f8bb5;border-bottom:5px solid #0a0f16;box-shadow:inset 0 2px 1px #d8eff74d,0 6px 0 -2px #3b4f6e,0 14px 16px #0005;transform:perspective(450px) rotateX(8deg) rotateY(-9deg);color:#9ed8eb}.service-icon svg{width:34px;height:34px;filter:drop-shadow(0 2px 1px #0006)}.service-card h3{line-height:1.2;font-size:24px}.service-card small{display:block;padding-top:14px;border-top:1px solid #a3cad71a;line-height:1.7;font-size:10px}.service-card>span{top:32px;right:28px;color:#8290a4}.service-card:hover,.motion-ready .service-card.is-visible:hover{border-color:#728aae;box-shadow:inset 0 1px #dbf0f740,0 7px 0 -3px #090b0f,0 25px 40px -18px #000c}
.diagnostic-box{position:relative;overflow:hidden;isolation:isolate;border:1px solid #bbe4f0;border-bottom:7px solid #384f71;border-radius:24px;background:radial-gradient(ellipse at 20% 0,#dcf1f7a6,transparent 65%),linear-gradient(130deg,#99d6e9,#648ac4);box-shadow:inset 0 2px #e0f2f8,0 14px 0 -7px #1b2636,0 28px 40px -20px #000a}.diagnostic-box:after{content:'';position:absolute;z-index:-1;width:300px;height:300px;right:-80px;top:-120px;border-radius:50%;border:1px solid #384f7144;box-shadow:0 0 0 24px #445d8210,0 0 0 25px #384f7122,0 0 0 65px #445d8208}.diagnostic-box>.btn{background:linear-gradient(140deg,#293343,#131922);color:#d4eef6;border-color:#486186;box-shadow:inset 0 1px #9bc9d833,0 5px 0 #090e15,0 12px 25px #16213244}.mini-trust span{padding:7px 10px;border-radius:7px;background:#c8e9f340;border:1px solid #48608544;box-shadow:inset 0 1px #e7f5fa5e}
.accordion{display:grid;gap:16px}.accordion details{border:1px solid var(--metal-edge)!important;border-bottom:3px solid #2b3647!important;border-radius:14px;background:var(--surface-3d);box-shadow:inset 0 1px #b6dde920,0 8px 16px -9px #0009;overflow:hidden}.accordion summary{padding:22px;font-size:15px}.accordion p{padding:0 22px 24px;font-size:14px;line-height:1.75}.accordion summary span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;line-height:1;background:linear-gradient(145deg,#33435b,#1a222f);border:1px solid #58709370;box-shadow:inset 0 1px #c2e7f23b,0 3px 0 #0e131a}.accordion details[open]{border-color:#647fa880!important}
.client-showcase{background:radial-gradient(ellipse at 50% 0,#f3fafd,#d3dfe3);border-top:1px solid #ecf7fb;border-bottom:6px solid #95a5aa;box-shadow:inset 0 1px #fff}.client-logo-panel{padding-block:10px 22px}.logo-card{background:linear-gradient(145deg,#fff,#e9f0f2);border-color:#b0c0c5;border-bottom:4px solid #9babb0;border-radius:18px;box-shadow:inset 0 1px white,0 9px 15px -10px #273344a6}.logo-card img{mix-blend-mode:multiply}.client-proof-cta{border-top:1px solid #a4b5ba;padding-top:28px}
.diagnostic-dialog{background:var(--surface-3d);border-color:#677ea0;box-shadow:inset 0 1px #d2edf52b,0 30px 100px #000b}.dialog-close{background:linear-gradient(145deg,#323d4e,#151c26);box-shadow:inset 0 1px #cdebf42b,0 3px 0 #0a0e14}.dialog-shell .lead-form{background:linear-gradient(145deg,#f6fbfc,#dee8eb);border:1px solid #a2b8bf;box-shadow:inset 0 1px #fff,0 9px 0 -5px #505e72,0 20px 30px #0003}.lead-form input,.lead-form select{box-shadow:inset 0 2px 5px #26314212}
footer{background:radial-gradient(ellipse at 10% 0,#29324030,transparent 60%),#090b0f;border-top:1px solid #5b729438;box-shadow:inset 0 1px #88c1d30b}.whatsapp-float{background:linear-gradient(140deg,#67bbd5,#3969b2);border-bottom:4px solid #1e3b66;box-shadow:inset 0 1px #cfecf5,0 8px 22px #0006}
@media(max-width:1050px){.hero-grid{gap:32px}.service-card{padding:24px}}
@media(max-width:760px){.hero-visual{padding:4px 14px 32px;max-width:390px}.hero-frame{aspect-ratio:4/5}.portrait-badge{left:0;top:65%;padding:10px}.portrait-badge:nth-child(2){right:0;top:85%}.portrait-halo{top:5%}.hero-grid{gap:36px}.diagnosis-card{padding:22px 18px;gap:14px;grid-template-columns:34px 1fr}.diagnosis-card>span{width:32px;height:32px}.diagnosis-card h3{font-size:20px}.timeline{gap:20px}.timeline:before{left:38px}.step{padding:22px 18px;grid-template-columns:44px 1fr;gap:16px}.step>span{width:42px;height:42px}.step h3{font-size:22px}.step small{font-size:9px}.step p{font-size:14px}.step-delivery{padding:10px;font-size:12px}.service-grid{gap:22px}.service-card{padding:26px}.service-icon{width:65px;height:65px;border-radius:18px;margin-bottom:26px}.service-icon svg{width:30px;height:30px}.diagnostic-box{padding:32px 24px}.diagnostic-copy h2{font-size:34px}.accordion summary{padding:20px 17px;font-size:14px}.accordion p{padding:0 17px 20px}.mini-trust{gap:8px}.mini-trust span{font-size:10px;padding:6px 8px}.method-end{padding:24px 20px}.whatsapp-float{width:56px;height:58px}}
@media(prefers-reduced-motion:reduce){.hero-frame img,.service-icon{transform:none}.btn:hover,.btn:active{transform:none}}