.svc{padding:clamp(4rem,8vw,7rem) var(--gutter);max-width:var(--container);margin:0 auto;color:var(--text)}
.svc-head{max-width:46rem;margin-bottom:clamp(2rem,5vw,3.5rem)}
.svc-head .label{color:var(--link);font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;margin:0 0 1rem}
.svc-head h2{font-size:var(--title);line-height:1.05;margin:0 0 1rem;letter-spacing:-.03em}.svc-head h2 em{font-style:normal;color:#83b7f0}
.svc-head p{color:var(--muted);margin:0}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.svc-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,3vw,2.25rem);background:linear-gradient(180deg,#0c1422,var(--surface));border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.svc-card:hover{transform:translateY(-6px);border-color:#3276c9;box-shadow:0 24px 60px -30px #2e6bffaa}
.svc-card::before{content:"";position:absolute;inset:-40% -40% auto auto;width:18rem;height:18rem;background:radial-gradient(#2e6bff33,transparent 65%);pointer-events:none}
.svc-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--link);margin:0}
.svc-card h3{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1;margin:0}.svc-card h3 em{font-style:normal;color:#83b7f0}
.svc-card>p{color:var(--muted);margin:0}
.svc-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.svc-list li{display:flex;gap:.6rem;align-items:center;font-size:.95rem}
.svc-list li::before{content:"✓";flex:none;width:1.4rem;height:1.4rem;display:grid;place-items:center;border-radius:50%;background:#2e6bff26;color:#83b7f0;font-size:.75rem;font-weight:700}
.svc-card>a{margin-top:auto;display:inline-flex;justify-content:center;min-height:var(--tap);align-items:center;border-radius:10px;border:1px solid #3276c9;color:var(--text);text-decoration:none;font-weight:600;transition:background .25s}
.svc-card>a:hover{background:#3276c9}
.svc-chat{display:grid;gap:.5rem;padding:1rem;border-radius:14px;background:#050a14;border:1px solid var(--border);min-height:9.5rem;font-size:.85rem}
.svc-chat span{max-width:85%;padding:.5rem .8rem;border-radius:12px;opacity:0;transform:translateY(8px)}
.svc-chat .in{background:#1a2230;justify-self:start;border-bottom-left-radius:3px}
.svc-chat .out{background:#3276c9;justify-self:end;border-bottom-right-radius:3px}
.svc.in-view .svc-chat span{animation:bubble .5s var(--ease) forwards}
.svc.in-view .svc-chat span:nth-child(2){animation-delay:.9s}.svc.in-view .svc-chat span:nth-child(3){animation-delay:1.8s}
@keyframes bubble{to{opacity:1;transform:none}}
.svc-screen{aspect-ratio:16/10;border-radius:12px;border:1px solid var(--border);background:#050a14;padding:.8rem;display:grid;grid-template-rows:auto 1fr auto;gap:.5rem}
.svc-screen i{display:block;height:.4rem;border-radius:9px;background:#29313b}
.svc-screen .bar{display:flex;gap:.3rem}.svc-screen .bar i{width:.4rem}
.svc-screen .hero-b{border-radius:8px;background:linear-gradient(120deg,#0e2447,#3276c9 140%);display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:.8rem}
.svc-screen .hero-b i:first-child{width:60%;height:.6rem;background:#c7dbff}.svc-screen .hero-b i:last-child{width:30%;background:#83b7f0}
.svc-screen .row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.svc-screen .row i{height:1.2rem}
.svc-clock{display:grid;place-items:center;height:9.5rem;border-radius:14px;background:#050a14;border:1px solid var(--border)}
.svc-clock b{position:relative;display:grid;place-items:center;width:7rem;height:7rem;border-radius:50%;font-size:1.6rem;color:#c7dbff}
.svc-clock b::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#3276c9,#83b7f0 30%,transparent 30%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:spin 3s linear infinite}
.svc-clock small{position:absolute;bottom:1.4rem;font-size:.55rem;letter-spacing:.2em;color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}
.svc-combo{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;padding:clamp(1.5rem,3vw,2.25rem);border-radius:18px;border:1px solid #3276c9;background:linear-gradient(100deg,#0e2447,#0c0f14 70%)}
.svc-combo h3{margin:0;font-size:clamp(1.3rem,2.5vw,1.9rem)}.svc-combo h3 em{font-style:normal;color:#83b7f0}
.svc-combo p{margin:.3rem 0 0;color:var(--muted)}
.svc-combo a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 1.5rem;border-radius:10px;background:#3276c9;color:#fff;font-weight:600;text-decoration:none}
.svc-combo a:hover{background:#458bde}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.svc-chat span{opacity:1;transform:none;animation:none!important}.svc-clock b::before{animation:none}}
.sofia{margin-top:1.25rem;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border-radius:18px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(110deg,var(--surface),#0e2447)}
.sofia figure{margin:0;position:relative;min-height:22rem}
.sofia figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform 1.2s var(--ease)}
.sofia:hover figure img{transform:scale(1.04)}
.sofia figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#0c0f14cc)}
.sofia-body{padding:clamp(1.75rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;gap:1rem}
.sofia-body h3{margin:0;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:.06em;line-height:1}
.sofia-body h3 small{display:block;margin-top:.5rem;font-size:.8rem;letter-spacing:.2em;color:var(--link);font-weight:500}
.sofia-body>p{margin:0;color:var(--muted);max-width:32rem}
.sofia-body .svc-list{margin:.25rem 0}
.sofia-body>a{align-self:flex-start;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 1.5rem;border-radius:10px;background:#3276c9;color:#fff;font-weight:600;text-decoration:none}
.sofia-body>a:hover{background:#458bde}
@media (max-width:760px){.sofia{grid-template-columns:1fr}.sofia figure{min-height:26rem}.sofia figure::after{background:linear-gradient(0deg,#0c0f14,transparent 40%)}}
.svc-monitor{display:flex;flex-direction:column;align-items:center;padding-top:.25rem}
.mon-screen{position:relative;width:100%;aspect-ratio:16/10;border-radius:12px;border:10px solid #1a2230;border-bottom-width:16px;background:#02050c;overflow:hidden;box-shadow:0 0 0 1px #29313b,0 20px 40px -20px #2e6bff66,inset 0 0 40px #000}
.mon-screen::before{content:"";position:absolute;left:50%;bottom:-12px;width:5px;height:5px;margin-left:-2px;border-radius:50%;background:#3276c9;box-shadow:0 0 6px #83b7f0;z-index:2}
.mon-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,#000a 100%)}
.matrix{position:absolute;inset:0;width:100%;height:100%;display:block}
.mon-code{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:clamp(1.2rem,3vw,1.7rem);font-weight:500;color:#e8f1ff;text-shadow:0 0 12px #3276c9,0 0 30px #2e6bff;letter-spacing:.08em;animation:mon-glow 2.4s ease-in-out infinite}
@keyframes mon-glow{50%{opacity:.75;text-shadow:0 0 6px #3276c9}}
.mon-neck{width:18%;height:1.1rem;background:linear-gradient(90deg,#141b27,#232d3d,#141b27)}
.mon-base{width:42%;height:.45rem;border-radius:6px 6px 2px 2px;background:linear-gradient(90deg,#141b27,#2a3548,#141b27);box-shadow:0 8px 16px -6px #000}
.profile-social,.footer-social{display:flex;gap:.75rem;justify-content:center}
.profile-social a,.footer-social a{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:transform .25s var(--ease),background .25s,border-color .25s}
.profile-social a:hover,.footer-social a:hover{background:#3276c9;border-color:#3276c9;transform:translateY(-3px)}
.profile-social svg,.footer-social svg{width:1.15rem;height:1.15rem}
.profile-social{animation:rise .8s 1s cubic-bezier(.2,.75,.2,1) both}
.site-footer small a{color:var(--link)}
a.profile-avatar{display:block;cursor:pointer;text-decoration:none}
.avatar-hint{position:absolute;inset:4px;display:grid;place-items:center;border-radius:50%;background:#050810b3;color:#fff;font-size:.85rem;font-weight:600;opacity:0;transition:opacity .3s}
a.profile-avatar:hover .avatar-hint,a.profile-avatar:focus-visible .avatar-hint{opacity:1}
.profile-sub strong{color:var(--text);font-weight:600}
.profile-tags{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:-.25rem 0 1.25rem;animation:rise .8s .4s cubic-bezier(.2,.75,.2,1) both}
.profile-tags li{padding:.3rem .75rem;border-radius:99px;border:1px solid #3276c966;background:#3276c91a;color:#c7dbff;font-size:.8rem}
@media (max-width:640px){.profile-tags{justify-content:center}}
.estate figure video{display:block;height:100%;width:100%;object-fit:cover;transform:translateY(var(--estate-y,0px)) scale(var(--estate-scale,1.08));will-change:transform}@media(prefers-reduced-motion:reduce){.estate figure video{transform:none}}
h1.profile-sub{font-size:1rem;font-weight:400;line-height:1.4;letter-spacing:0}.seo-loc{color:var(--muted);font-weight:400}