/* SITHO.XYZ — diseño original, responsive, sin dependencias JavaScript externas */
:root{--bg:#090d16;--bg-2:#0d121e;--bg-3:#111824;--panel:#121a28;--panel-2:#151d2c;--line:rgba(255,255,255,.095);--line-2:rgba(255,255,255,.14);--white:#f7f8fc;--text:#c1c9da;--muted:#8894aa;--red:#ff405b;--red-light:#ff6880;--blue:#487bff;--blue-light:#8cacff;--purple:#a277ff;--gradient:linear-gradient(110deg,#ff4563 0%,#b05ae0 53%,#4b87ff 100%);--font-head:'Space Grotesk','Segoe UI',sans-serif;--font-body:'DM Sans',Arial,sans-serif;--max:1190px;--radius:20px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);font:16px/1.65 var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:rgba(255,64,91,.36);color:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}svg.icon{flex:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-head);color:var(--white);letter-spacing:-.035em}h1,h2{line-height:1.12}h3{line-height:1.25}p{line-height:1.75}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue-light);outline-offset:4px}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-150%);padding:12px 18px;color:#fff;background:var(--blue);border-radius:8px}.skip-link:focus{transform:translateY(0)}
/* TOP BAR + HEADER */
.topline{height:34px;border-bottom:1px solid rgba(255,255,255,.07);background:#090c14}.topline-inner{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.15em;color:#8793a8}.topline-inner>span:first-child{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;background:#4ee5a0;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(78,229,160,.11),0 0 16px rgba(78,229,160,.4);flex:none}.topline-domain{font-size:11px;letter-spacing:.09em}.slash{color:var(--red);margin:0 8px}.site-header{height:84px;background:rgba(9,13,22,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 18px 40px rgba(0,0,0,.25)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;color:white;flex:none}.brand-mark{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,#1b2539,#0b101b);border-radius:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden}.brand-mark:before{position:absolute;content:"";inset:auto -13px -20px -13px;height:38px;background:linear-gradient(135deg,var(--red),var(--blue));filter:blur(20px);opacity:.5}.brand-glyph{position:relative;font:700 27px/1 var(--font-head);letter-spacing:-.13em;transform:skewX(-7deg);color:#fff}.brand-mark-pixel{position:absolute;right:7px;bottom:8px;width:6px;height:6px;background:var(--red);border-radius:2px}.brand-word{font:700 27px/1 var(--font-head);letter-spacing:-.075em}.brand-dot{color:var(--red)}.brand-word small{font-size:12px;letter-spacing:0;color:#a4acc0;margin-left:2px}.desktop-nav{display:flex;align-items:center;gap:33px;margin-left:auto}.nav-link{position:relative;color:#9ca7bd;font-size:13px;font-weight:700;transition:color .2s;padding:32px 0}.nav-link:hover,.nav-link.active{color:#fff}.desktop-nav .nav-link:after{position:absolute;bottom:23px;left:0;right:0;content:"";height:2px;border-radius:3px;background:var(--gradient);transform:scaleX(0);transition:transform .2s;transform-origin:left}.desktop-nav .nav-link:hover:after,.desktop-nav .nav-link.active:after{transform:scaleX(1)}.nav-cta{margin-left:6px;display:inline-flex;align-items:center;gap:12px;color:#fff;border:1px solid var(--line-2);font-size:13px;font-weight:800;padding:11px 15px 11px 18px;border-radius:10px;transition:background .2s,border-color .2s,transform .2s}.nav-cta svg{color:var(--red)}.nav-cta:hover{transform:translateY(-2px);background:#1c2738;border-color:#536075}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line-2);background:#121926;color:#fff;border-radius:12px}.mobile-nav{display:none}
/* BUTTONS / COMMON */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:13px 22px;border:1px solid transparent;border-radius:11px;color:#fff;font-weight:800;font-size:13px;letter-spacing:.005em;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(105deg,#f83c58,#dd365c);box-shadow:0 13px 27px rgba(232,48,83,.2)}.btn-primary:hover{box-shadow:0 17px 36px rgba(232,48,83,.33)}.btn-ghost{color:#d8dfed;background:transparent}.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.045)}.btn-outline{background:transparent;border-color:rgba(255,255,255,.24)}.btn-outline:hover{border-color:var(--blue-light);background:rgba(78,125,255,.075)}.btn-white{background:white;color:#101827;box-shadow:0 12px 30px rgba(0,0,0,.12)}.btn-white svg:not(.icon){width:19px;height:19px}.btn-outline-light{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.05)}.btn-outline-light:hover{background:rgba(255,255,255,.14)}.eyebrow{display:inline-flex;align-items:center;gap:13px;color:var(--blue-light);font-size:11px;letter-spacing:.16em;font-weight:800;margin-bottom:22px}.eyebrow-line{display:inline-block;width:27px;height:2px;background:var(--red);box-shadow:0 0 18px rgba(255,64,91,.6);flex:none}.eyebrow-light{color:#fff}.section{padding:110px 0}.section-alt{background:#0e1420;border-block:1px solid rgba(255,255,255,.035)}.section-top{display:grid;grid-template-columns:1.2fr .65fr;align-items:end;gap:50px;margin-bottom:44px}.section-heading{font-size:clamp(36px,4.3vw,56px);max-width:740px;letter-spacing:-.065em;margin-bottom:0;font-weight:700}.section-heading span{color:#8797b5}.section-aside{padding-bottom:5px}.section-aside p{font-size:14px;color:#9ca9bd;margin-bottom:17px}.text-link{color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.25);transition:gap .2s,color .2s}.text-link svg{color:var(--red)}.text-link:hover{color:var(--blue-light);gap:16px}.section-heading-centered{text-align:center;max-width:700px;margin:0 auto 54px}.section-heading-centered .section-heading{max-width:none}.section-heading-centered p{color:#9eabc0;max-width:570px;margin:20px auto 0;font-size:15px}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.body-copy{font-size:15px;color:#a1adbf;max-width:550px;margin:24px 0 28px}
/* HERO */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 43px;background:radial-gradient(ellipse at 65% 30%,#13172a 0%,#090d16 55%)}.hero-noise{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent,#000 68%,transparent);opacity:.8}.hero-glow{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.17}.hero-glow-red{width:390px;height:390px;background:var(--red);top:20%;right:21%}.hero-glow-blue{width:500px;height:500px;background:#315de4;top:-32%;right:-15%;opacity:.14}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:570px}.hero-copy{position:relative;z-index:2;padding-bottom:20px}.hero-tag{display:inline-flex;align-items:center;gap:11px;color:#bfcae0;background:rgba(255,255,255,.035);padding:8px 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:10px;letter-spacing:.14em;font-weight:800;margin-bottom:30px}.tag-spark{color:var(--red);font-size:14px}.tag-slash{color:#74819e}.hero h1{font-size:clamp(50px,5.25vw,76px);line-height:1.07;max-width:720px;letter-spacing:-.077em;margin:0 0 27px;color:#f7f9ff;font-weight:700;white-space:nowrap}.hero-desc{max-width:530px;font-size:16px;line-height:1.85;color:#a6b2c6;margin-bottom:33px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-trust{display:flex;flex-wrap:wrap;gap:17px;margin-top:39px}.hero-trust span{display:flex;align-items:center;gap:6px;font-size:11px;color:#8795ad;white-space:nowrap}.hero-trust svg{color:#6c8cf5}.hero-visual{position:relative;min-width:0;height:540px;display:flex;align-items:center;justify-content:center;perspective:1000px}.orbit{position:absolute;border-radius:50%;border:1px dashed rgba(103,124,198,.15);pointer-events:none}.orbit-one{width:570px;height:570px;transform:rotateX(60deg) rotate(-20deg)}.orbit-two{width:420px;height:420px;transform:rotateX(60deg) rotate(-20deg)}.app-window{position:relative;width:520px;max-width:100%;border:1px solid rgba(210,218,255,.19);border-radius:20px;overflow:hidden;background:#111929;box-shadow:0 34px 84px rgba(0,0,0,.56),0 0 70px rgba(55,87,190,.09);transform:rotateY(-6deg) rotateX(3deg) rotateZ(1deg);transition:transform .5s}.app-window:hover{transform:rotateY(-1deg) rotateX(0) rotateZ(0)}.app-window-head{height:46px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#171e2c;color:#77859d;font:500 11px var(--font-head)}.traffic-lights{display:flex;gap:5px}.traffic-lights i{width:8px;height:8px;border-radius:50%;background:#ff5069}.traffic-lights i:nth-child(2){background:#ffd16c}.traffic-lights i:nth-child(3){background:#51d1a1}.app-window-menu{letter-spacing:3px}.app-window-body{height:355px;display:flex}.app-sidebar{width:58px;flex:none;border-right:1px solid rgba(255,255,255,.075);background:#111725;display:flex;flex-direction:column;align-items:center;gap:17px;padding:16px 0;color:#56657e}.app-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#f53e62,#7745cc);font:800 20px var(--font-head);color:#fff;margin-bottom:7px}.app-logo span{color:#12182a}.sidebar-symbol{font-size:18px;line-height:24px;width:32px;height:32px;text-align:center}.sidebar-symbol.selected{background:rgba(75,135,255,.14);color:#7da1ff;border-radius:8px}.sidebar-foot{margin-top:auto;font-size:21px}.app-content{min-width:0;flex:1;padding:25px 25px 18px}.app-mini-label{display:flex;align-items:center;justify-content:space-between;color:#78869e;letter-spacing:.11em;font-size:9px;font-weight:800;gap:10px}.mini-online{color:#69dbb2;letter-spacing:0}.app-content-title{font:500 29px/1.16 var(--font-head);color:#fff;letter-spacing:-.06em;margin:17px 0 19px}.app-content-title strong{font-weight:700;background:linear-gradient(90deg,#ff637e,#829cff);-webkit-background-clip:text;background-clip:text;color:transparent}.app-chart-card{height:119px;padding:13px 16px 0;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(130deg,rgba(46,65,106,.22),rgba(16,24,39,.1));overflow:hidden}.chart-card-top{font-size:10px;color:#aab8cd;font-weight:700;display:flex;justify-content:space-between}.chart-up{color:#68e5b7;font-size:16px}.chart-bars{display:flex;height:80px;align-items:end;gap:10px;padding:0 6px}.chart-bars span{display:block;height:var(--h);flex:1;min-width:4px;background:linear-gradient(0deg,rgba(61,109,247,.16),#537bfa);border-radius:4px 4px 0 0;box-shadow:0 0 12px rgba(79,124,241,.07)}.chart-bars span:nth-child(3n){background:linear-gradient(0deg,rgba(250,77,99,.13),#ef5275)}.app-lower{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.app-lower>div{position:relative;min-height:65px;padding:12px 9px 8px 53px;border:1px solid rgba(255,255,255,.07);border-radius:10px}.app-lower small,.app-lower strong{display:block}.app-lower small{font-size:9px;color:#8490a6;line-height:1.5}.app-lower strong{font:700 11px var(--font-head);color:#dce4f5;margin-top:5px}.mini-sq{position:absolute;top:13px;left:11px;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(238,71,96,.14);color:#ff6681}.mini-sq.mini-blue{background:rgba(70,120,244,.13);color:#82a1ff}.floating-pill{position:absolute;z-index:5;background:#1a2435;border:1px solid rgba(208,218,255,.17);box-shadow:0 15px 40px rgba(0,0,0,.3);border-radius:11px;display:flex;align-items:center;gap:9px;color:#e5ebf6;font-size:11px;font-weight:800;padding:12px 14px;white-space:nowrap}.floating-pill-left{top:55px;left:-30px;transform:rotate(-6deg)}.floating-pill-left svg{color:#ff667e}.floating-pill-right{bottom:51px;right:-21px;transform:rotate(5deg)}.online-ring{background:rgba(79,229,161,.15);color:#5bd5a6;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:15px}.hero-scroll{display:flex;align-items:center;gap:15px;color:#71809b;font-size:10px;letter-spacing:.18em;font-weight:800;padding-top:10px}.scroll-line{width:42px;height:1px;background:#52617e}.hero-scroll>span:last-child{font-size:22px;font-weight:400}.build-strip{border-block:1px solid var(--line);background:#0d121d}.build-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 0}.build-strip-inner>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6f7c94;white-space:nowrap}.build-items{display:flex;justify-content:space-between;gap:25px;flex:1;max-width:745px}.build-items>span{display:flex;align-items:center;gap:10px;font:700 13px var(--font-head);color:#c4cee0;white-space:nowrap}.build-items svg{color:#778bf0}
/* FEATURE SERVICE CARDS */
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,#141b28,#0e1420);border-radius:17px;min-height:356px;padding:29px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:before{position:absolute;content:"";top:0;left:26px;width:54px;height:2px;background:var(--blue)}.feature-card:nth-child(2):before{background:var(--red)}.feature-card:nth-child(3):before{background:var(--purple)}.feature-card:hover{transform:translateY(-7px);border-color:rgba(130,152,224,.35);box-shadow:0 28px 50px rgba(0,0,0,.15)}.feature-index{font:700 10px var(--font-head);letter-spacing:.14em;color:#73809b}.feature-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:17px;margin:30px 0 20px}.blue-icon{color:#81a0ff;background:rgba(58,102,225,.15);border:1px solid rgba(88,128,233,.2)}.red-icon{color:#ff7a8d;background:rgba(238,67,95,.12);border:1px solid rgba(232,68,100,.2)}.purple-icon{color:#b49cff;background:rgba(151,106,248,.12);border:1px solid rgba(151,106,248,.2)}.feature-card h3{font-size:23px;margin:0 0 10px;letter-spacing:-.045em}.feature-card p{font-size:13px;color:#98a5ba;margin-bottom:26px}.feature-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:19px;display:flex;justify-content:space-between;align-items:center;color:#c7d0e2;font-size:12px;font-weight:800}.feature-bottom>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#202d43;color:#f56b89;transition:background .2s}.feature-card:hover .feature-bottom>span{background:rgba(255,64,91,.24)}
/* CODE SHOWCASE */
.split-showcase{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.showcase-visual{height:440px;position:relative;border-radius:19px;background:radial-gradient(ellipse at 25% 85%,rgba(230,57,82,.19),transparent 55%),radial-gradient(ellipse at 70% 10%,rgba(67,104,239,.22),transparent 56%),#111827;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;overflow:hidden}.showcase-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:35px 35px}.code-window{width:80%;transform:rotate(-4deg);background:#0e1320;border-radius:13px;overflow:hidden;border:1px solid rgba(215,225,255,.2);box-shadow:0 25px 70px rgba(0,0,0,.45)}.code-window-bar{height:43px;display:flex;align-items:center;gap:10px;background:#1a2333;border-bottom:1px solid var(--line);padding:0 16px;font:600 11px var(--font-head);color:#adbad1}.code-window-bar svg{margin-left:auto;color:#788ca8}.code-circle{width:9px;height:9px;background:#f55e79;border-radius:50%;box-shadow:15px 0 #ffc670,30px 0 #57d7ad;margin-right:35px}.code-body{padding:21px 11px 18px;font:500 11px/2.2 'Consolas','Courier New',monospace;white-space:nowrap;color:#d4e1f9}.lineno{color:#485776;display:inline-block;width:34px;text-align:right;margin-right:19px}.code-purple{color:#bd92ff}.code-blue{color:#85aaff}.code-green{color:#77ddb0}.code-comment{color:#6986a7}.code-bottom{height:32px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;background:#141e2c;color:#8393ab;font-size:9px}.code-bottom span{display:flex;align-items:center;gap:7px}.code-bottom i{width:6px;height:6px;border-radius:50%;background:#58d2a2}.showcase-stamp{position:absolute;right:19px;bottom:18px;width:120px;height:69px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#192339;display:grid;place-content:center;font:800 22px var(--font-head);color:#ee6887;text-align:center;transform:rotate(8deg);box-shadow:0 12px 25px rgba(0,0,0,.25)}.showcase-stamp small{font:800 8px var(--font-body);letter-spacing:.12em;color:#8999b1}.showcase-copy>p{margin-top:26px;color:#a7b2c4;font-size:15px}.check-list{display:grid;gap:17px;margin:29px 0 34px}.check-list div{display:flex;align-items:center;gap:12px;color:#cbd4e3;font-size:13px;font-weight:700}.check-list svg{flex:none;color:#6adcb5;background:rgba(51,191,128,.1);border-radius:50%;padding:2px}
/* PROCESS */
.process-section{background:radial-gradient(ellipse at 50% 100%,rgba(47,69,154,.07),transparent 50%)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-item{position:relative;border-top:1px solid #354056;padding-top:17px}.process-item:not(:last-child):after{position:absolute;right:-16px;top:-4px;content:"";width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(255,64,91,.09)}.process-num{font:700 46px var(--font-head);color:#2b3953;letter-spacing:-.06em;display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.process-num span{font-size:22px;color:#65799b}.process-item:last-child .process-num span{color:#75dea9}.process-item h3{font-size:20px;margin:0 0 12px}.process-item p{font-size:13px;color:#8f9db3;margin:0}
/* CTA */
.final-cta{padding-top:60px;padding-bottom:104px}.cta-panel{position:relative;overflow:hidden;isolation:isolate;min-height:384px;padding:62px 62px;background:linear-gradient(110deg,#ad233f 0%,#c22f58 34%,#4c427e 72%,#223d94 100%);border-radius:22px;box-shadow:0 25px 65px rgba(18,15,50,.2)}.cta-panel:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(23,12,29,.2),transparent 80%)}.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to left,#000,transparent 87%);opacity:.55}.cta-content{position:relative;z-index:2;max-width:690px}.cta-content h2{font:700 clamp(35px,4.5vw,57px)/1.12 var(--font-head);letter-spacing:-.06em;margin:0 0 17px}.cta-content h2 em{font-style:normal;color:#fff;opacity:.65}.cta-content>p{max-width:530px;color:rgba(255,255,255,.84);font-size:14px;margin-bottom:25px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-decoration{position:absolute;right:-10px;top:0;width:450px;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.9}.orb-ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.ring-1{width:170px;height:170px}.ring-2{width:280px;height:280px}.ring-3{width:390px;height:390px}.orb-center{color:rgba(255,255,255,.38);font:700 144px var(--font-head);letter-spacing:-.13em;transform:skewX(-8deg)}.orb-center span{color:rgba(255,255,255,.55)}.cta-orb{position:absolute;right:15%;top:-90%;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(100px)}
/* FOOTER */
.footer{border-top:1px solid var(--line);background:#0b101a}.footer-main{display:grid;grid-template-columns:2fr .8fr .8fr 1.05fr;gap:40px;padding:66px 0 63px}.footer-brand p{margin-top:23px;font-size:13px;color:#8e9bb0}.footer-social a{display:grid;place-items:center;width:38px;height:38px;background:#162332;border:1px solid var(--line);border-radius:10px;color:#cdd8e8;margin-top:18px}.footer-social a svg{width:19px;height:19px}.footer-social a:hover{background:#1f573d;color:white}.footer-col{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.footer-col h4{font-size:13px;letter-spacing:0;margin:5px 0 13px}.footer-col a,.footer-col span{font-size:12px;color:#8c99b0;transition:color .2s}.footer-col a:hover{color:#fff}.footer-contact a{font-weight:800;color:#fff;font-size:16px}.footer-contact .footer-url{font-weight:700;color:#7b8bab;margin-top:8px}.footer-bottom{border-top:1px solid var(--line);min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#68768e;font-size:11px}.heart{color:var(--red)}
/* FLOATING WHATSAPP EVERY PAGE */
.float-wa{position:fixed;z-index:150;right:26px;bottom:25px;display:flex;align-items:center;gap:0;filter:drop-shadow(0 9px 22px rgba(0,0,0,.28));transition:transform .2s}.float-wa:hover{transform:translateY(-4px)}.wa-text{background:#15251d;color:#f4fff7;font-size:12px;font-weight:800;border:1px solid rgba(88,225,135,.29);padding:10px 18px 10px 13px;border-radius:9px 0 0 9px;margin-right:-7px}.wa-round{width:59px;height:59px;display:grid;place-items:center;position:relative;border:2px solid rgba(255,255,255,.65);background:#24c764;border-radius:50%;box-shadow:0 0 0 5px rgba(36,199,100,.13);color:#fff}.wa-round svg{width:29px;height:29px}.wa-round:before{content:"";inset:-8px;position:absolute;border:1px solid rgba(65,208,127,.22);border-radius:50%;animation:wa-pulse 3s ease-in-out infinite}@keyframes wa-pulse{50%{transform:scale(1.12);opacity:0}}
/* COMMON INTERNAL HERO */
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:116px 0 100px;min-height:405px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 82% 15%,#18203a 0%,#0a0e18 55%)}.page-hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(100deg,transparent,black)}.page-hero-glow{position:absolute;z-index:-1;right:15%;top:0;width:300px;height:250px;background:#bc3356;border-radius:50%;filter:blur(100px);opacity:.15}.page-hero h1{font-size:clamp(46px,5vw,67px);letter-spacing:-.07em;margin:0 0 23px;font-weight:700}.page-hero p{max-width:570px;color:#a4b0c4;font-size:16px;margin:0}.page-hero-center{text-align:center;min-height:460px}.page-hero-center p{margin:0 auto}.page-hero-center .page-hero-actions{margin-top:27px}.page-hero-inner{display:grid;grid-template-columns:1.6fr .8fr;align-items:end;gap:50px}.page-hero-inner p{max-width:390px;padding-bottom:8px}
/* SERVICES */
.services-section{padding-top:75px}.services-title-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-2);padding-bottom:21px;margin-bottom:29px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#d2daeb;gap:15px}.services-title-row>span:last-child{color:#8391a8;letter-spacing:0;font-weight:500;font-size:12px}.muted{color:#687897}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-detail-card{display:flex;flex-direction:column;min-height:330px;padding:26px;border-radius:15px;background:linear-gradient(145deg,#151c2a,#0e1522);border:1px solid var(--line);scroll-margin-top:110px;transition:transform .2s,border-color .2s}.service-detail-card:hover{transform:translateY(-5px);border-color:rgba(109,136,211,.4)}.service-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.service-number{font-size:10px;line-height:1.7;color:#73819a;font-weight:800;letter-spacing:.065em}.service-circle{width:57px;height:57px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line-2)}.service-circle.blue-icon{background:rgba(74,117,255,.13);color:#80a0ff}.service-circle.red-icon{background:rgba(255,65,91,.1);color:#ff768c}.service-circle.violet-icon{background:rgba(150,100,240,.12);color:#b69aff}.service-detail-card h2{font-size:23px;margin:28px 0 11px}.service-detail-card p{font-size:13px;color:#9aa9bc;margin-bottom:23px}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:19px}.service-tags span{font-size:10px;color:#a9b5ca;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:4px 7px;background:rgba(255,255,255,.02)}.service-link{font-size:12px;color:#e8edf8;font-weight:800;display:inline-flex;align-items:center;gap:8px;padding-top:17px;border-top:1px solid var(--line)}.service-link svg{color:#f6607e}.service-benefits{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.benefit-list{border-top:1px solid var(--line)}.benefit-row{padding:24px 0;display:flex;align-items:start;gap:19px;border-bottom:1px solid var(--line)}.benefit-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;flex:none;background:#182743;color:#87a6ff}.benefit-row h3{font-size:17px;margin:0 0 5px}.benefit-row p{font-size:13px;color:#92a0b7;margin:0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:23px 0;color:#e0e7f3;font-weight:700;font-size:14px;cursor:pointer}details summary::-webkit-details-marker{display:none}details summary span{font-size:25px;color:var(--red);font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:#9baabf;max-width:620px;margin:-5px 30px 22px 0}
/* SOLUTIONS */
.solutions-section{padding-top:63px}.solutions-filterbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.solutions-filterbar>span{font-size:11px;letter-spacing:.13em;font-weight:800;color:#93a0b8}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#111a29;border:1px solid var(--line);color:#9aaac0;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:800;transition:background .2s,color .2s}.filter-btn:hover{color:#fff;border-color:var(--line-2)}.filter-btn.active{background:#fff;color:#162032;border-color:#fff}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.example-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#111926;transition:transform .25s,border-color .25s}.example-card:hover{transform:translateY(-6px);border-color:rgba(112,137,217,.4)}.example-card[hidden]{display:none!important}.example-visual{height:264px;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center;padding:38px 35px 0}.example-visual.sky{background:radial-gradient(ellipse at 70% 10%,#334575,#15243b 67%)}.example-visual.coral{background:radial-gradient(ellipse at 70% 0%,#673948,#221f36 67%)}.example-visual.indigo{background:radial-gradient(ellipse at 70% 10%,#4b387a,#1c2447 67%)}.example-watermark{position:absolute;left:17px;top:15px;font-size:10px;letter-spacing:.14em;font-weight:800;color:rgba(255,255,255,.65)}.example-info{padding:26px 26px 27px}.example-kicker{font-size:10px;color:#98b2ff;letter-spacing:.1em;font-weight:800}.example-kicker span{color:#7e8da5;font-size:9px}.example-info h2{font-size:23px;margin:10px 0 9px}.example-info p{font-size:13px;color:#97a4b7;min-height:70px;margin-bottom:17px}.example-info>a{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#f0f3fb;font-size:12px;font-weight:800}.example-info>a svg{color:var(--red)}.note-box{display:flex;gap:12px;align-items:center;margin-top:28px;padding:15px 19px;background:rgba(78,119,205,.08);border:1px solid rgba(85,121,195,.2);border-radius:10px;color:#9cabc1;font-size:12px}.note-box svg{color:var(--blue-light);flex:none}.note-box strong{color:#dfe7f9}
/* APP MOCKUPS SOLUTIONS */
.mock-shop,.mock-dashboard,.mock-corporate,.mock-booking,.mock-catalog,.mock-portal{width:100%;height:225px;background:#f4f5fb;border-radius:12px 12px 0 0;box-shadow:0 -3px 45px rgba(0,0,0,.12);color:#171e2c;padding:16px 18px;transform:translateY(8px)}.mock-mini-nav{display:flex;justify-content:space-between;align-items:center;color:#28334e;font-size:9px}.mock-mini-nav b{font:800 16px var(--font-head);letter-spacing:-.06em}.mock-mini-nav b span{color:#f04a64}.mock-shop-title{font:700 20px/1.05 var(--font-head);letter-spacing:-.06em;margin:16px 0 12px}.mock-shop-title i{font-style:normal;color:#ed5067}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-products>span{height:83px;border-radius:6px;background:#e8ecf2;padding:5px;display:flex;flex-direction:column}.mock-products i{display:block;height:56px;background:linear-gradient(135deg,#e0c8b7,#b8a5ad);border-radius:5px}.mock-products>span:nth-child(2) i{background:linear-gradient(135deg,#9facbd,#5b6f9b)}.mock-products>span:nth-child(3) i{background:linear-gradient(135deg,#c6bac8,#8d899f)}.mock-products small{font-size:7px;margin-top:2px}.mock-dashboard{background:#151e32;color:#f5f7fc;padding:19px}.dash-head{font:700 14px var(--font-head);display:flex;justify-content:space-between}.dash-head span{color:#8f9db3}.dash-numbers{display:flex;gap:8px;margin:16px 0 12px}.dash-numbers>span{flex:1;padding:11px;background:#202d48;border:1px solid rgba(255,255,255,.08);border-radius:8px}.dash-numbers small,.dash-numbers b{display:block}.dash-numbers small{font-size:9px;color:#96a6c0}.dash-numbers b{font:700 20px var(--font-head);margin-top:3px}.dash-numbers>span:last-child b{color:#66dba9}.dash-graph{height:60px;display:flex;align-items:end;gap:8px;padding:0 5px}.dash-graph i{height:50%;flex:1;background:#5681fb;border-radius:3px 3px 0 0}.dash-graph i:nth-child(2){height:82%}.dash-graph i:nth-child(3){height:60%}.dash-graph i:nth-child(4){height:40%}.dash-graph i:nth-child(5){height:92%;background:#fa647e}.dash-graph i:nth-child(6){height:62%}.dash-graph i:nth-child(7){height:85%}.dash-graph i:nth-child(8){height:100%}.dash-graph i:nth-child(9){height:79%}.mock-corporate{background:#e7e8ed;color:#20233a;padding:20px}.mock-corporate .mock-mini-nav{margin-bottom:27px}.mock-small{font-size:7px;font-weight:800;letter-spacing:.15em;color:#716ba4}.mock-corporate strong{display:block;font:700 23px/1.1 var(--font-head);letter-spacing:-.06em;margin:9px 0 16px}.mock-corporate strong span{color:#ee5665}.mock-button{background:#20233e;color:#fff;font-size:9px;padding:8px 12px;border-radius:6px}.mock-booking{background:#f8f8fd;padding:18px}.booking-title{font:800 17px var(--font-head);color:#1e2740;margin-bottom:18px}.booking-month{display:flex;justify-content:space-between;font:800 10px var(--font-body);color:#586884;letter-spacing:.08em;margin-bottom:10px}.booking-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.booking-calendar>span{font-size:8px;color:#6c7892}.booking-calendar i{font:700 10px var(--font-body);font-style:normal;border:1px solid #dde0ea;padding:4px 0;border-radius:4px;color:#566179}.booking-calendar .today{background:#e84765;color:#fff;border-color:#e84765}.booking-cta{margin-top:16px;border-radius:5px;padding:6px 8px;background:#1f3155;text-align:center;font-size:9px;color:#fff;font-weight:800}.mock-catalog{background:#f6f1ed}.catalog-main{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.catalog-picture{height:155px;background:#e1d3c8;padding:14px;border-radius:5px}.catalog-picture div{height:100%;border-radius:50% 50% 8px 8px;background:linear-gradient(130deg,#f7b7a5,#b66a84)}.catalog-info{display:flex;flex-direction:column;justify-content:center;gap:7px}.catalog-info>span{font-size:7px;font-weight:800;color:#ac6375}.catalog-info b{font:700 18px/1.1 var(--font-head)}.catalog-info small{font-size:8px;color:#6b7285}.catalog-info i{font:700 8px var(--font-body);font-style:normal;border-bottom:1px solid;padding-bottom:3px;width:max-content}.mock-portal{background:#1a263b;color:#e6edfd;padding:18px}.portal-head{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;margin-bottom:17px}.portal-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ec5474;color:#fff;font:700 18px var(--font-head)}.portal-head small{display:block;color:#8c9bb8;font-size:9px;font-weight:500}.portal-bars{display:grid;gap:8px}.portal-bars span{display:flex;justify-content:space-between;align-items:center;background:#25344e;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px;font-size:10px;font-weight:700}.portal-bars i{font-style:normal;color:#8dadf6;font-size:9px}
/* ABOUT */
.about-hero{padding:95px 0 95px}.about-hero-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:75px}.about-hero h1{font-size:clamp(42px,5vw,65px)}.about-hero p{margin:0 0 28px}.about-symbol-wrap{position:relative;height:325px;display:flex;align-items:center;justify-content:center}.about-symbol-back{position:absolute;width:315px;height:315px;border-radius:50%;border:1px dashed rgba(165,181,237,.23);box-shadow:inset 0 0 0 50px rgba(102,121,208,.015),0 0 70px rgba(80,99,195,.1)}.about-symbol-back:before,.about-symbol-back:after{content:"";position:absolute;inset:36px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.about-symbol-back:after{inset:72px}.about-symbol{z-index:1;width:206px;height:206px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);background:linear-gradient(145deg,#1b2236,#11172a);border:1px solid rgba(255,255,255,.22);border-radius:37px;box-shadow:20px 22px 70px rgba(0,0,0,.37),inset 0 2px 0 rgba(255,255,255,.08)}.about-symbol span{font:700 146px var(--font-head);letter-spacing:-.16em;color:#fff;transform:skewX(-6deg)}.about-symbol i{font:700 75px var(--font-head);color:var(--red);font-style:normal;align-self:flex-end;margin-bottom:28px}.about-stamp{position:absolute;z-index:3;font-size:10px;font-weight:800;letter-spacing:.1em;color:#dfe8ff;padding:10px 14px;background:#1b263c;border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 30px rgba(0,0,0,.25);border-radius:8px}.about-stamp-one{top:18px;right:0;transform:rotate(6deg)}.about-stamp-two{bottom:34px;left:-18px;transform:rotate(-7deg);color:#ffa0ae}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.manifesto-copy p{font-size:15px;color:#a2afc1;margin:0 0 19px}.manifesto-sign{margin-top:37px;color:#f4f6ff;font:700 28px var(--font-head);letter-spacing:-.06em}.manifesto-sign span{color:var(--red)}.manifesto-sign small{display:block;color:#71819d;font:700 11px var(--font-body);letter-spacing:.07em;margin-top:7px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.value-card{background:linear-gradient(150deg,#151c2b,#0e1420);border:1px solid var(--line);padding:29px 25px 26px;border-radius:16px;min-height:260px}.value-symbol{width:54px;height:54px;display:grid;place-items:center;background:rgba(70,119,255,.13);border-radius:14px;color:#87a5ff;margin-bottom:30px}.value-card:nth-child(2) .value-symbol{background:rgba(255,70,98,.11);color:#ff7990}.value-card:nth-child(3) .value-symbol{background:rgba(150,100,246,.13);color:#bea2ff}.value-card:nth-child(4) .value-symbol{background:rgba(70,119,255,.13);color:#87a5ff}.value-card h3{font-size:18px;margin:0 0 11px}.value-card p{font-size:12px;color:#98a5bb;margin:0}.about-quote-layout{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;max-width:940px;margin:auto}.quote-big{font:700 220px/.8 Georgia,serif;color:var(--red)}blockquote{margin:0;color:#fff;font:500 clamp(27px,3.5vw,46px)/1.33 var(--font-head);letter-spacing:-.045em}blockquote span{color:#879cc7}.about-quote-layout p{font-size:10px;letter-spacing:.15em;font-weight:800;color:#7d8ba4;margin:23px 0 0}
/* CONTACT */
.contact-hero{min-height:360px;padding:95px 0 75px}.contact-hero h1{font-size:clamp(43px,5vw,65px)}.contact-main-section{padding:75px 0 95px}.contact-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:90px}.contact-heading h2{font-size:30px;margin:0 0 14px}.contact-heading p{font-size:14px;max-width:430px;color:#9caabd;margin:0 0 35px}.contact-method{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);width:100%}.contact-method>span:nth-child(2){flex:1;min-width:0}.method-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;flex:none}.method-icon svg:not(.icon){width:25px;height:25px}.whatsapp-bg{background:rgba(36,199,100,.12);color:#55df90}.globe-bg{background:rgba(76,124,255,.12);color:#81a5ff}.contact-method small{display:block;font-size:10px;color:#7e8ca7;letter-spacing:.12em;font-weight:800;margin-bottom:2px}.contact-method strong{display:block;font:700 19px var(--font-head);letter-spacing:-.02em;color:#f4f7ff}.contact-method em{display:block;font-size:12px;color:#8796ad;font-style:normal}.contact-method>.icon{color:#f56984}.contact-availability{display:flex;align-items:center;gap:11px;padding-top:28px;font-size:12px;font-weight:800;color:#95a8c2}.contact-form-panel{border-radius:17px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(150deg,#161e2d,#0f1623);padding:28px 32px 33px;box-shadow:0 20px 40px rgba(0,0,0,.09)}.form-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.13em;font-weight:800;color:#d1d9e8}.form-top>span:last-child{color:#7282a0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:12px;color:#e3eafa;font-weight:800;margin-bottom:9px}.form-field label span{color:var(--red)}.form-field label small{color:#7d8da7;font-weight:600}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;border:1px solid rgba(255,255,255,.13);outline:0;border-radius:9px;background:#0d1421;color:#eff3fd;padding:13px 14px;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:#667790}.form-field select:invalid{color:#667790}.form-field option{background:#0d1421;color:#e8edf7}.form-field textarea{resize:vertical;min-height:116px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#6f93ff;box-shadow:0 0 0 3px rgba(92,132,255,.15)}.form-field .invalid{border-color:#ff657c!important}.form-info{display:flex;gap:9px;align-items:start;color:#8e9cb3;font-size:11px;margin:5px 0 22px}.form-info svg{color:#88a2ed;margin-top:2px}.btn-submit{width:100%;justify-content:center}.btn-submit>svg:not(.icon){width:21px;height:21px}.form-feedback{margin:11px 0 0;min-height:19px;color:#ff8798;font-size:12px}.contact-last{padding-top:0}.contact-banner{background:#101824;border:1px solid var(--line);border-radius:17px;text-align:center;padding:52px 25px}.contact-banner h2{font-size:clamp(26px,3.5vw,43px);margin:0 0 26px}.contact-banner h2 span{color:#98a9c8}
/* ENTRANCE ANIMATION */
.reveal{opacity:1;transform:none}.js-ready .reveal:not(.in-view){opacity:0;transform:translateY(20px)}.js-ready .reveal{transition:opacity .65s ease,transform .65s ease}.js-ready .reveal.in-view{opacity:1;transform:translateY(0)}.feature-card:nth-child(2),.service-detail-card:nth-child(2),.example-card:nth-child(2),.value-card:nth-child(2){transition-delay:.07s}.feature-card:nth-child(3),.service-detail-card:nth-child(3),.example-card:nth-child(3),.value-card:nth-child(3){transition-delay:.13s}
@media(max-width:1150px){.desktop-nav{gap:23px}.nav-shell{gap:14px}.hero h1{font-size:clamp(47px,5.5vw,67px)}.hero-layout{gap:16px}.floating-pill-left{left:-15px}.floating-pill-right{right:-10px}.split-showcase{gap:60px}.service-benefits{gap:55px}.faq-layout{gap:60px}}
@media(max-width:960px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;margin-left:auto}.site-header{height:72px}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;padding:13px 24px 25px;background:#0d1422;border-bottom:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.42);max-height:calc(100dvh - 72px);overflow:auto}.mobile-nav[hidden]{display:none}.mobile-nav .nav-link{padding:14px 2px;border-bottom:1px solid var(--line);font-size:15px}.mobile-nav .nav-link.active{color:var(--red)}.mobile-wa{margin-top:17px;display:flex;justify-content:center;align-items:center;gap:9px;padding:12px;border-radius:10px;color:#fff;font-size:13px;font-weight:800;background:#1b8e51}.mobile-wa svg{width:22px;height:22px}.hero{padding-top:75px}.hero-layout{grid-template-columns:1fr;gap:20px;min-height:0}.hero h1{white-space:normal;max-width:680px;font-size:clamp(53px,8vw,78px)}.hero-visual{height:490px;max-width:610px;margin:10px auto 0;width:100%}.hero-scroll{display:none}.hero-trust{margin-top:27px}.build-strip-inner{flex-direction:column;align-items:start;gap:18px}.build-items{width:100%;max-width:none}.feature-grid,.service-detail-grid,.examples-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:345px}.feature-card:last-child{grid-column:1/-1}.split-showcase{gap:35px}.code-window{width:92%}.code-body{font-size:9px}.showcase-stamp{right:4px}.values-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1.6fr 1fr 1fr;gap:28px}.footer-contact{grid-column:2/4}.process-grid{gap:18px}.contact-grid{gap:40px}.cta-decoration{opacity:.28}.about-hero-layout{gap:25px}}
@media(max-width:680px){.container{width:min(calc(100% - 34px),var(--max))}.topline{height:29px}.topline-inner{font-size:8px;letter-spacing:.09em}.topline-domain{font-size:9px}.site-header{height:69px}.mobile-nav{top:69px;max-height:calc(100dvh - 69px)}.brand-mark{width:40px;height:40px}.brand-word{font-size:24px}.section{padding:74px 0}.section-heading{font-size:clamp(34px,8vw,47px)}.section-top{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-aside p{margin-bottom:10px}.eyebrow{margin-bottom:16px;font-size:10px}.hero{padding:65px 0 35px}.hero-tag{font-size:9px;letter-spacing:.05em;gap:7px;margin-bottom:25px}.hero h1{font-size:clamp(45px,11.2vw,64px);white-space:normal;margin-bottom:18px;letter-spacing:-.07em}.hero-desc{font-size:14px;margin-bottom:25px}.hero-actions{align-items:stretch}.hero-actions .btn{white-space:normal;text-align:center}.hero-actions .btn-primary{width:100%}.hero-actions .btn-ghost{justify-content:flex-start;padding-left:3px}.hero-trust{gap:9px 14px;margin-top:22px}.hero-trust span{font-size:10px}.hero-visual{height:auto;min-height:350px;margin:4px auto 0}.app-window{width:calc(100% - 18px);transform:none;border-radius:14px}.app-window:hover{transform:none}.app-window-body{height:308px}.app-content{padding:18px 14px}.app-content-title{font-size:24px}.app-sidebar{width:43px}.app-lower{gap:5px}.app-lower>div{padding-left:38px}.mini-sq{left:6px;width:27px;height:27px}.app-lower strong{font-size:9px}.app-lower small{font-size:8px}.app-mini-label{font-size:7px}.floating-pill{font-size:9px;padding:7px;box-shadow:0 8px 20px rgba(0,0,0,.3)}.floating-pill-left{left:-4px;top:2px;transform:rotate(-5deg)}.floating-pill-right{right:0;bottom:0;transform:rotate(3deg)}.orbit{display:none}.build-strip-inner{padding:18px 0}.build-items{display:grid;grid-template-columns:1fr 1fr;gap:16px}.build-items>span{font-size:12px}.feature-grid,.service-detail-grid,.examples-grid,.split-showcase,.service-benefits,.faq-layout,.manifesto-grid,.about-hero-layout,.contact-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.feature-card{min-height:300px;padding:24px}.feature-icon{margin:24px 0 20px}.split-showcase{gap:35px}.showcase-visual{height:370px}.code-window{width:88%}.code-body{font-size:9px}.lineno{margin-right:8px;width:24px}.section-heading-centered{margin-bottom:35px}.process-grid{grid-template-columns:1fr 1fr;gap:24px 17px}.process-item:not(:last-child):after{display:none}.process-num{font-size:36px;margin-bottom:13px}.process-item h3{font-size:18px}.process-item p{font-size:12px}.final-cta{padding-top:10px!important;padding-bottom:75px!important}.cta-panel{padding:44px 25px 42px;min-height:0;border-radius:17px}.cta-content h2{font-size:39px}.cta-content>p{font-size:13px}.cta-actions{flex-direction:column;align-items:stretch}.cta-actions .btn{justify-content:center;white-space:normal;text-align:center}.cta-decoration{right:-110px;opacity:.12}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px;padding:49px 0 37px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-brand p{margin-top:15px}.footer-bottom{padding:20px 0;flex-direction:column;align-items:start;gap:4px}.float-wa{bottom:19px;right:18px}.wa-round{width:53px;height:53px}.wa-round svg{width:25px;height:25px}.wa-text{font-size:11px}.page-hero{padding:82px 0 76px;min-height:0}.page-hero h1{font-size:clamp(40px,9vw,56px)}.page-hero p{font-size:14px}.page-hero-inner{grid-template-columns:1fr;gap:0}.page-hero-inner p{padding:0}.page-hero-center{min-height:0}.services-section,.solutions-section{padding-top:40px}.services-title-row{align-items:start}.services-title-row>span:last-child{display:none}.service-detail-card{min-height:315px}.service-detail-card h2{margin-top:23px}.service-benefits{gap:22px}.faq-layout{gap:28px}.solutions-filterbar{flex-direction:column;align-items:start}.filter-buttons{width:100%}.filter-btn{font-size:11px;padding:9px 11px}.example-visual{height:260px}.example-info p{min-height:0}.about-hero{padding:73px 0 55px}.about-hero-layout{gap:28px}.about-symbol-wrap{height:270px}.about-symbol{width:170px;height:170px}.about-symbol span{font-size:116px}.about-symbol i{font-size:60px}.about-symbol-back{width:260px;height:260px}.about-stamp-one{right:0}.about-stamp-two{left:0}.manifesto-grid{gap:23px}.values-grid{grid-template-columns:1fr 1fr;gap:12px}.value-card{min-height:245px;padding:20px 16px}.value-symbol{width:46px;height:46px;margin-bottom:24px}.value-card h3{font-size:16px}.value-card p{font-size:12px}.about-quote-layout{grid-template-columns:48px 1fr;gap:4px}.quote-big{font-size:98px;align-self:start}.about-quote-layout blockquote{font-size:26px}.contact-hero{padding:75px 0 65px}.contact-main-section{padding:55px 0 70px}.contact-grid{gap:35px}.contact-form-panel{padding:21px 18px}.form-two{grid-template-columns:1fr;gap:0}.contact-last{padding-top:0!important}.contact-banner{padding:38px 20px}}
@media(max-width:375px){.container{width:calc(100% - 28px)}.hero h1{font-size:43px}.hero-desc{font-size:13px}.hero-trust span{font-size:9px}.app-window-body{height:290px}.app-content-title{font-size:21px}.app-chart-card{height:113px}.chart-bars{height:75px}.values-grid{grid-template-columns:1fr}.value-card{min-height:0}.float-wa .wa-text{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-ready .reveal:not(.in-view){opacity:1;transform:none}}

/* ======================================================================
   SITHO / IMMERSIVE EDITION — EXPERIENCIA 3D · BLACK / ELECTRIC RED / COBALT
   Compatible con cPanel estático, sin WebGL ni dependencias adicionales.
   ====================================================================== */
:root {
  --bg:#060910;
  --bg-2:#090d18;
  --bg-3:#0b1222;
  --panel:#101827;
  --panel-2:#121e31;
  --line:rgba(145,165,222,.13);
  --line-2:rgba(160,184,247,.23);
  --white:#f8faff;
  --text:#bfcee4;
  --muted:#869ab7;
  --red:#ff385d;
  --red-light:#ff6482;
  --blue:#3976ff;
  --blue-light:#8fb1ff;
  --purple:#7468ee;
  --gradient:linear-gradient(112deg,#ff3863 0%,#c34392 41%,#6c6dff 72%,#4d9dff 100%);
  --radius:22px;
}
body {
  background:radial-gradient(ellipse 850px 510px at 98% 2%,rgba(43,71,169,.1),transparent 80%),var(--bg);
  overflow-x:hidden;
}
body::before {content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 190 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.topline {background:#05070e;border-color:rgba(69,95,149,.22)}
.topline-inner{color:#8295b5}.topline-domain{color:#a8bad2}
.site-header{background:rgba(5,9,18,.85);border-bottom:1px solid rgba(102,131,200,.13)}
.site-header.scrolled{box-shadow:0 20px 48px rgba(0,0,0,.33),0 1px 0 rgba(62,106,232,.2)}
.brand-mark{background:linear-gradient(140deg,#14213e 0%,#100e1c 50%,#2e1225 100%);border-color:rgba(142,164,241,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 7px 21px rgba(0,0,0,.21)}
.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.075);border-radius:9px;pointer-events:none}
.brand-mark-pixel{background:#ff476b;box-shadow:0 0 13px rgba(255,56,93,.95)}
.brand-word{letter-spacing:-.08em}.brand-word small{color:#b2c3df}
.nav-cta{background:linear-gradient(120deg,rgba(255,62,102,.065),rgba(56,110,244,.11));border-color:rgba(133,156,231,.25)}
.nav-cta:hover{background:linear-gradient(120deg,rgba(255,62,102,.13),rgba(56,110,244,.22));border-color:rgba(141,169,255,.55)}
.nav-link.active{color:#fff}
.btn{border-radius:12px;position:relative;overflow:hidden}
.btn-primary{background:linear-gradient(115deg,#ff3157,#ed315c 62%,#ca386e);box-shadow:0 13px 28px rgba(255,39,83,.23),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover{box-shadow:0 18px 36px rgba(255,39,83,.35),0 0 35px rgba(255,39,83,.12)}
.btn-outline,.btn-ghost{border-color:rgba(143,165,232,.25)}
.btn::after{content:"";position:absolute;left:-160%;top:0;bottom:0;width:65%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .7s;pointer-events:none}
.btn:hover::after{left:160%}
.hero{background:radial-gradient(ellipse 740px 610px at 73% 50%,rgba(24,47,121,.25),transparent 70%),linear-gradient(135deg,#05080f 0%,#0c1223 58%,#070914 100%);border-bottom:1px solid rgba(143,159,225,.12);padding-top:92px}
.hero-noise{background-size:67px 67px;opacity:.7;background-image:linear-gradient(rgba(98,125,203,.078) 1px,transparent 1px),linear-gradient(90deg,rgba(98,125,203,.078) 1px,transparent 1px)}
.hero-glow-red{opacity:.2;filter:blur(115px);right:25%}.hero-glow-blue{opacity:.19;filter:blur(120px)}
.hero-layout{grid-template-columns:1.02fr .98fr;gap:18px;min-height:590px}
.hero-copy{padding:10px 0 30px}
.hero-tag{border:1px solid rgba(101,136,222,.27);background:linear-gradient(130deg,rgba(33,53,98,.18),rgba(104,34,70,.13));color:#baccf1;box-shadow:0 0 30px rgba(43,97,224,.06)}
.hero h1{font-size:clamp(52px,5.1vw,77px);white-space:normal;letter-spacing:-.073em;text-shadow:0 8px 35px rgba(0,0,0,.18)}
.hero h1 .gradient-text{background:linear-gradient(103deg,#ff456b 11%,#e44d84 36%,#7865eb 68%,#63a4ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-desc{color:#a6b8d3;max-width:510px;font-size:16px}
.hero-trust{gap:13px 18px}.hero-trust span{color:#8ea3c6}
/* 3D holographic SITHO concept — geometric sculpture in CSS */
.hero-visual{height:560px;max-width:600px;margin-inline:auto;perspective:1300px;isolation:isolate}
.holo-stage{position:relative;width:100%;height:100%;min-width:0;isolation:isolate;transform:perspective(1100px) rotateX(var(--holo-x,0deg)) rotateY(var(--holo-y,0deg));transition:transform .4s cubic-bezier(.21,.69,.28,1);transform-style:preserve-3d}
.holo-back-glow{position:absolute;left:13%;right:9%;top:10%;bottom:8%;border-radius:50%;z-index:-1;background:radial-gradient(ellipse at 43% 50%,rgba(63,82,198,.31),rgba(61,38,92,.12) 46%,transparent 72%);filter:blur(16px)}
.holo-grid-plane{position:absolute;inset:21% 10% 9%;border-radius:50%;background-image:linear-gradient(rgba(107,136,255,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(107,136,255,.19) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle,black 22%,transparent 69%);transform:perspective(570px) rotateX(67deg) translateY(112px) scale(1.2);filter:drop-shadow(0 0 11px rgba(76,102,247,.24));pointer-events:none}
.holo-ring{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.holo-ring-outer{width:468px;height:468px;border:1px solid rgba(105,141,243,.3);box-shadow:0 0 19px rgba(63,109,255,.13),inset 0 0 30px rgba(72,112,255,.03)}
.holo-ring-outer:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:rgba(255,68,109,.8);border-bottom-color:rgba(67,132,255,.7);animation:holo-spin 19s linear infinite}
.holo-ring-mid{width:375px;height:375px;border:1px dashed rgba(144,174,255,.33);animation:holo-ring-spin 34s linear infinite}
.holo-ring-inner{width:284px;height:284px;border:1px solid rgba(209,221,255,.12);box-shadow:0 0 37px rgba(60,101,221,.1)}
.holo-star{position:absolute;color:#83aaff;text-shadow:0 0 13px rgba(99,144,252,.9);font-size:17px;animation:star-float 3s ease-in-out infinite alternate}.star-one{top:9%;left:23%}.star-two{bottom:20%;right:15%;color:#ff6b8b;animation-delay:1s}
.holo-cube-holder{--cube-size:188px;position:absolute;top:42%;left:50%;width:var(--cube-size);height:var(--cube-size);transform:translate(-50%,-50%);perspective:900px;z-index:3;filter:drop-shadow(0 50px 37px rgba(0,0,0,.5))}
.holo-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-29deg);animation:holo-cube-float 9s ease-in-out infinite}
.cube-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;backface-visibility:visible;border:1px solid rgba(208,225,255,.4);background:linear-gradient(135deg,rgba(53,87,164,.5),rgba(14,29,65,.92) 53%,rgba(37,21,75,.85));box-shadow:inset 0 0 45px rgba(101,148,255,.16),0 0 27px rgba(46,91,210,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cube-face:before{content:"";position:absolute;inset:9px;border:1px solid rgba(198,218,255,.13);pointer-events:none}.face-front{transform:translateZ(94px);background:linear-gradient(138deg,rgba(44,78,159,.98),rgba(17,28,66,.97) 55%,rgba(66,22,72,.96));box-shadow:inset 0 1px 45px rgba(74,116,250,.14),0 0 36px rgba(72,112,255,.21)}
.face-front:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.14),transparent 40%,rgba(234,35,89,.09));pointer-events:none}
.face-back{transform:rotateY(180deg) translateZ(94px)}
.face-right{transform:rotateY(90deg) translateZ(94px);background:linear-gradient(125deg,#23192c,#631e42 67%,#29316c)}
.face-left{transform:rotateY(-90deg) translateZ(94px)}
.face-top{transform:rotateX(90deg) translateZ(94px);background:linear-gradient(135deg,#192a61,#375bc0)}
.face-bottom{transform:rotateX(-90deg) translateZ(94px);background:#12162c}
.cube-s{position:relative;z-index:2;color:#fff;font:700 125px/1 var(--font-head);letter-spacing:-.15em;text-shadow:0 0 36px rgba(103,138,255,.45);transform:translate(-9px,-9px)}
.cube-s span{color:#ff476d;text-shadow:0 0 16px rgba(255,50,95,.62)}
.face-caption{position:absolute;bottom:22px;left:18px;font:700 8px var(--font-head);color:#a7c5ff;letter-spacing:.22em}
.cube-glyph{color:rgba(219,228,255,.8);font:700 52px var(--font-head);text-shadow:0 0 30px rgba(89,144,255,.38)}
.holo-label{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;border:1px solid rgba(144,171,240,.28);background:linear-gradient(137deg,rgba(25,37,67,.86),rgba(10,16,33,.96));box-shadow:0 17px 48px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:13px;color:#f2f5ff}
.holo-label small{display:block;font:700 9px var(--font-body);color:#85a1d1;letter-spacing:.09em;white-space:nowrap;margin-top:4px}.holo-label strong{display:block;font:700 12px var(--font-head);letter-spacing:.005em;white-space:nowrap}
.holo-label-top{top:20px;right:3%;gap:8px;border-radius:100px;padding:10px 16px;color:#e1ecff;font:700 9px var(--font-head);letter-spacing:.14em}
.holo-label-top small{color:#8ba5cb;font-size:8px;margin:0 0 0 10px}
.holo-led{display:inline-block;width:7px;height:7px;flex:none;background:#3fdda5;border-radius:50%;box-shadow:0 0 14px rgba(63,221,165,.75)}
.holo-label-left{top:36%;left:0%;padding:14px 16px;transform:rotate(-7deg);animation:float-left 5.3s ease-in-out infinite}
.holo-label-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(255,61,102,.14);border:1px solid rgba(255,95,119,.25);color:#ff6f8b;font:700 15px var(--font-head)}
.holo-label-right{right:0;top:57%;padding:13px 16px;transform:rotate(6deg);animation:float-right 6s ease-in-out infinite}
.holo-check{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(79,122,245,.18);border:1px solid rgba(88,145,255,.34);color:#8eb6ff;font-weight:900}
.holo-terminal{position:absolute;bottom:20px;left:50%;width:min(90%,420px);transform:translateX(-50%) perspective(700px) rotateX(5deg);border:1px solid rgba(101,143,246,.35);background:linear-gradient(155deg,rgba(16,27,51,.96),rgba(8,12,28,.98));border-radius:15px;overflow:hidden;box-shadow:0 25px 54px rgba(0,0,0,.5),0 0 50px rgba(35,88,251,.13);z-index:5}
.holo-terminal-bar{height:40px;border-bottom:1px solid rgba(138,169,247,.15);background:rgba(46,72,119,.16);padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:9px}
.holo-terminal-bar>span{display:flex;gap:5px}.holo-terminal-bar i{width:7px;height:7px;border-radius:50%;background:#fc4e74}.holo-terminal-bar i:nth-child(2){background:#e4bd63}.holo-terminal-bar i:nth-child(3){background:#54ceaa}
.holo-terminal-bar strong{font:600 11px var(--font-head);color:#91aace;letter-spacing:.03em}.holo-terminal-bar b{font:700 9px var(--font-body);color:#5de0ae;letter-spacing:.1em}
.holo-terminal-body{padding:15px 16px 18px;display:grid;gap:6px}
.holo-terminal-body>div{display:flex;align-items:start;gap:15px;min-width:0}.holo-terminal-body>div>span{font:500 10px/1.8 ui-monospace,Consolas,monospace;color:#58749e}.holo-terminal-body code{font:500 11px/1.8 ui-monospace,Consolas,monospace;color:#c9dcff;overflow-wrap:anywhere}.holo-terminal-body code em{color:#e18db9;font-style:normal}.holo-terminal-body code b{color:#94dcbe;font-weight:500}.holo-terminal-body code strong{color:#87b1ff}.holo-terminal-body .terminal-success{color:#70d6a9}
.holo-caption{position:absolute;right:7%;bottom:-8px;font:700 9px var(--font-head);letter-spacing:.15em;color:#6e88b5}.holo-caption span{color:#ff5877;margin:0 7px}
@keyframes holo-spin{to{transform:rotate(360deg)}}
@keyframes holo-ring-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes holo-cube-float{0%,100%{transform:translateY(0) rotateX(-18deg) rotateY(-29deg)}50%{transform:translateY(-17px) rotateX(-21deg) rotateY(9deg)}}
@keyframes float-left{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-11px) rotate(-5deg)}}
@keyframes float-right{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-13px) rotate(4deg)}}
@keyframes star-float{to{transform:translateY(-10px) rotate(28deg);opacity:.45}}
/* Subpage 3D metallic brand sculpture */
.page-hero{background:radial-gradient(ellipse at 75% 22%,rgba(31,53,120,.4),transparent 48%),linear-gradient(130deg,#070b13,#10162b 76%,#080b16);border-color:rgba(103,132,200,.17)}
.page-hero:after{background-image:linear-gradient(rgba(116,148,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(116,148,255,.06) 1px,transparent 1px)}
.page-hero-glow{opacity:.27;right:20%;filter:blur(115px)}
.page-hero>*:not(.inner-hero-sculpture){position:relative;z-index:2}
.inner-hero-sculpture{position:absolute;right:8%;top:50%;z-index:0;width:320px;height:320px;transform:translateY(-50%);display:grid;place-items:center;perspective:900px;pointer-events:none;opacity:.65}
.inner-hero-ring{position:absolute;border:1px solid rgba(115,148,255,.48);border-radius:50%;box-shadow:0 0 24px rgba(72,117,255,.07)}
.inner-hero-ring-1{width:305px;height:305px;transform:rotateX(59deg) rotateY(-15deg);border-top-color:#ff557b;animation:inner-rotate 17s linear infinite}
.inner-hero-ring-2{width:250px;height:250px;transform:rotateY(60deg) rotateX(26deg);border-right-color:#629fff;animation:inner-rotate-reverse 23s linear infinite}
.inner-hero-gem{position:relative;width:154px;height:154px;display:flex;align-items:center;justify-content:center;border-radius:32px;transform:rotateY(-25deg) rotateX(13deg) rotateZ(-7deg);background:linear-gradient(135deg,#273b79,#0a132b 60%,#4c1b4f);border:1px solid rgba(169,187,255,.5);box-shadow:21px 24px 0 -2px #0c1736,23px 24px 0 0 rgba(98,132,222,.26),36px 48px 45px rgba(0,0,0,.36),inset 0 1px 31px rgba(98,136,255,.23)}
.inner-hero-gem b{color:#ecf1ff;font:700 106px var(--font-head);letter-spacing:-.16em;transform:translateX(-7px);text-shadow:0 0 25px rgba(131,174,255,.25)}
.inner-hero-gem i{font:800 69px var(--font-head);color:#ff4d73;align-self:flex-end;margin-bottom:20px;font-style:normal;text-shadow:0 0 22px rgba(255,66,111,.3)}
.inner-hero-satellite{position:absolute;right:0;bottom:27px;border:1px solid rgba(118,161,255,.36);border-radius:10px;padding:7px 12px;font:700 13px var(--font-head);color:#8cb9ff;background:rgba(16,26,50,.8);transform:rotate(14deg)}
@keyframes inner-rotate{to{transform:rotateX(59deg) rotateY(-15deg) rotateZ(360deg)}}
@keyframes inner-rotate-reverse{to{transform:rotateY(60deg) rotateX(26deg) rotateZ(-360deg)}}
/* Common premium surfaces and 3D interactions */
.section-alt{background:linear-gradient(145deg,#0b111d,#0b1528 70%,#0a0e1a)}
.section-heading span{color:#8dacff}
.eyebrow-line{background:var(--gradient)}
.build-strip{background:linear-gradient(100deg,#0b101d,#0e1829)}
.feature-card,.service-detail-card,.example-card,.value-card,.process-item,.contact-form-panel,.contact-banner{border-color:rgba(130,156,223,.17);background-image:linear-gradient(155deg,rgba(29,47,79,.29),rgba(10,16,30,.15));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.feature-card,.service-detail-card,.example-card,.value-card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}
.feature-card::after,.service-detail-card::after,.example-card::after,.value-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;z-index:0;background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(87,128,255,.14),transparent 60%);transition:opacity .3s}
.feature-card:hover::after,.service-detail-card:hover::after,.example-card:hover::after,.value-card:hover::after{opacity:1}
.feature-card>*:not(.feature-bottom),.service-detail-card>*,.value-card>*{position:relative;z-index:1}
.feature-card:hover,.service-detail-card:hover,.example-card:hover,.value-card:hover{border-color:rgba(119,149,255,.4);box-shadow:0 28px 55px rgba(0,0,0,.33),0 0 30px rgba(44,86,202,.09)}
@media (hover:hover) and (pointer:fine){.js-ready .reveal.in-view.is-tilt,.js-ready .is-tilt{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(0,-6px,10px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}}
.example-card{position:relative}
.code-window,.contact-form-panel,.app-window{border-color:rgba(123,151,230,.22)}
.code-window{box-shadow:0 35px 65px rgba(0,0,0,.32),0 0 30px rgba(43,101,235,.08);transform:perspective(950px) rotateY(8deg) rotateX(3deg);transition:transform .35s ease}
.code-window:hover{transform:perspective(950px) rotateY(1deg) rotateX(0)}
.cta-panel{background:radial-gradient(ellipse at 86% 35%,rgba(50,101,234,.52),transparent 54%),linear-gradient(112deg,#a71b49 0%,#5a245e 50%,#152966 100%);border:1px solid rgba(158,168,242,.26);box-shadow:0 26px 76px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14)}
.cta-orb{filter:blur(75px);opacity:.75}
.orb-ring{border-color:rgba(161,191,255,.29);box-shadow:0 0 18px rgba(70,129,255,.12)}
.footer{background:#060910;border-top-color:rgba(117,145,218,.19)}
.float-wa{filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}
.wa-round{box-shadow:0 0 0 5px rgba(24,194,117,.1),0 0 24px rgba(25,179,103,.2)}
/* Client-side copy deterrents only. Server content is NOT secret. */
body.sitho-protected,body.sitho-protected *:not(input):not(textarea):not(select):not(option){-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}
body.sitho-protected input,body.sitho-protected textarea,body.sitho-protected select{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
body.sitho-protected img,body.sitho-protected svg{-webkit-user-drag:none;user-drag:none}
.protection-toast{position:fixed;z-index:1000;left:50%;bottom:28px;transform:translateX(-50%) translateY(18px);opacity:0;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 28px);padding:12px 18px;border-radius:12px;border:1px solid rgba(142,169,243,.36);background:#121d32;color:#e7edfc;font:700 12px var(--font-body);box-shadow:0 16px 44px rgba(0,0,0,.46);transition:transform .22s,opacity .22s}
.protection-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1150px){.holo-label-left{left:1%}.holo-label-right{right:0%}.holo-ring-outer{width:430px;height:430px}.holo-ring-mid{width:350px;height:350px}.hero h1{font-size:clamp(49px,5.4vw,68px)}}
@media(max-width:960px){.hero{padding-top:65px}.hero-layout{grid-template-columns:1fr;gap:5px;min-height:0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(56px,8vw,79px)}.hero-visual{height:540px;width:100%;max-width:590px}.inner-hero-sculpture{right:-2%;opacity:.23}.page-hero>*:not(.inner-hero-sculpture){z-index:2}}
@media(max-width:680px){.hero{padding:65px 0 43px}.hero h1{font-size:clamp(45px,11vw,63px)}.hero-desc{font-size:14px}.hero-visual{height:430px;max-width:490px;min-height:0}.holo-ring-outer{width:320px;height:320px}.holo-ring-mid{width:260px;height:260px}.holo-ring-inner{width:208px;height:208px}.holo-cube-holder{--cube-size:148px;top:43%}.face-front{transform:translateZ(74px)}.face-back{transform:rotateY(180deg) translateZ(74px)}.face-right{transform:rotateY(90deg) translateZ(74px)}.face-left{transform:rotateY(-90deg) translateZ(74px)}.face-top{transform:rotateX(90deg) translateZ(74px)}.face-bottom{transform:rotateX(-90deg) translateZ(74px)}.cube-s{font-size:95px}.cube-glyph{font-size:38px}.face-caption{font-size:6px;bottom:17px}.holo-label-top{right:6%;top:0;font-size:8px;padding:9px 12px}.holo-label-top small{font-size:7px}.holo-label-left{top:31%;left:0;padding:9px 10px}.holo-label-right{top:59%;padding:9px 10px}.holo-label-icon{width:30px;height:30px;font-size:11px}.holo-check{width:26px;height:26px}.holo-label strong{font-size:10px}.holo-label small{font-size:7px}.holo-terminal{bottom:5px;width:min(94%,355px)}.holo-terminal-bar{height:35px}.holo-terminal-body{padding:11px 12px 13px;gap:4px}.holo-terminal-body code{font-size:9px}.holo-caption{display:none}.holo-grid-plane{inset:22% 5% 12%}.inner-hero-sculpture{right:-95px;transform:translateY(-50%) scale(.7);opacity:.18}.page-hero h1{position:relative}.page-hero-center{min-height:0}}
@media(max-width:390px){.hero-visual{height:390px}.holo-ring-outer{width:282px;height:282px}.holo-ring-mid{width:230px;height:230px}.holo-ring-inner{width:190px;height:190px}.holo-cube-holder{--cube-size:128px}.face-front{transform:translateZ(64px)}.face-back{transform:rotateY(180deg) translateZ(64px)}.face-right{transform:rotateY(90deg) translateZ(64px)}.face-left{transform:rotateY(-90deg) translateZ(64px)}.face-top{transform:rotateX(90deg) translateZ(64px)}.face-bottom{transform:rotateX(-90deg) translateZ(64px)}.cube-s{font-size:80px}.holo-label-left{top:27%}.holo-label-right{top:58%}.holo-label strong{font-size:9px}.holo-label small{font-size:6px}.holo-label-top small{display:none}.holo-terminal-body code{font-size:8px}}
@media(prefers-reduced-motion:reduce){.holo-cube,.holo-ring,.holo-label,.holo-star,.inner-hero-ring{animation:none!important}.holo-stage{transition:none!important}.code-window{transform:none}.btn:after{display:none}}
@media print {.holo-label,.holo-terminal,.float-wa{display:none!important}}