/* The scroll sequence is an enhancement; without JS this is a normal document. */
html{scroll-behavior:smooth}
html.motion-reduced{scroll-behavior:auto}
.brand>span{font-weight:600;font-size:29px;letter-spacing:-1.2px}
.brand-small{font-size:9px;font-weight:500;letter-spacing:3.6px;margin-left:2px;margin-top:7px}
.footer-brand{font-weight:600}
.hero{padding:0;min-height:0;height:auto}
.hero-stage{position:relative;min-height:860px;isolation:isolate;overflow:clip;padding:44px 5.5% 0;background:radial-gradient(ellipse at 50% 92%,#283a692e,transparent 66%),#090b12}
.hero-copy{max-width:100%;text-align:center;pointer-events:auto;transform-origin:50% 0%}
.hero-copy .eyebrow{justify-content:center}
.hero h1{font-size:clamp(68px,7.8vw,116px);line-height:1.01;letter-spacing:-5px;margin:21px 0}
.hero h1 br{display:initial}
.hero h1 em{display:inline;color:#bac8f2}
.hero-description{max-width:525px;margin:0 auto;font-size:16px}
.hero-actions{justify-content:center;margin-top:23px}
.hero-note{position:absolute;left:0;top:570px;display:none}
.depth-stage{position:absolute;bottom:68px;left:50%;width:min(88vw,980px);height:330px;transform:translateX(-50%);perspective:1300px;perspective-origin:50% 15%;pointer-events:none}
.depth-grid{position:absolute;inset:-60px -12% -60px;background:linear-gradient(#718cb81a 1px,transparent 1px),linear-gradient(90deg,#718cb81a 1px,transparent 1px);background-size:65px 65px;transform:rotateX(68deg);mask-image:radial-gradient(ellipse,#000,transparent 69%)}
.web-plane{position:absolute;width:70%;height:100%;left:15%;top:0;border:1px solid #7899c166;border-radius:12px;background:#111b2b;box-shadow:0 22px 0 -16px #26364c,0 26px 0 -16px #60728d66,0 55px 90px #0009;transform:rotateX(28deg);transform-style:preserve-3d;overflow:hidden}
.window-bar{height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #46557255;background:#162234;padding:0 18px;font-size:10px;letter-spacing:.5px;color:#96a8c7}
.window-dots{font-size:9px;letter-spacing:4px;color:#67758c}
.window-content{padding:25px 35px;background:radial-gradient(ellipse at 90% 95%,#20477377,transparent 70%);height:calc(100% - 34px)}
.window-brand{font:700 19px var(--display);letter-spacing:-.5px}.window-brand span{font:9px var(--font);letter-spacing:2px;margin-left:9px;color:#97adc9}
.window-title{font:500 clamp(30px,4vw,54px)/1.13 var(--display);letter-spacing:-1.5px;margin-top:17px}.window-title span{color:#a9c4e9}
.window-services{display:flex;gap:20px;margin-top:20px;padding-top:17px;border-top:1px solid #55759944;font-size:11px;color:#c0cbdd}
.floating-panel{position:absolute;width:220px;padding:22px;border:1px solid #7d96b966;border-radius:9px;box-shadow:0 25px 70px #0007;display:flex;flex-direction:column;gap:16px;backface-visibility:hidden;transform-style:preserve-3d}
.panel-mobile{left:4%;top:20px;background:linear-gradient(150deg,#dde5f5,#a6b5d0);color:#172338;transform:rotateY(18deg) rotateZ(-7deg)}
.panel-ai{right:4%;top:60px;background:linear-gradient(135deg,#243750,#102031);transform:rotateY(-18deg) rotateZ(7deg)}
.panel-caption{font-size:9px;font-weight:600;letter-spacing:1.6px;opacity:.7}
.floating-panel strong{font:500 26px/1.2 var(--display);letter-spacing:-.7px}
.panel-foot{font-size:10px;opacity:.8}
.app-lines{display:flex;gap:7px}.app-lines i{width:28px;height:28px;background:#768ca833;border:1px solid #657a9244;border-radius:7px}.app-lines i:nth-child(2){background:#657a9266}
.ai-mark{font-size:43px;line-height:1;color:#b1c7ef}
.hero-footer{position:absolute;bottom:0;left:5.5%;right:5.5%;margin:0;padding:18px 0;gap:25px;height:62px}
.hero-footer>a{white-space:nowrap}
.scroll-meter{flex:1;height:1px;background:#293449;max-width:260px;overflow:hidden}.scroll-meter span{display:block;background:#a8bee6;width:100%;height:100%;transform:scaleX(0);transform-origin:left}
.scroll-toggle{background:transparent;border:0;color:#afbad0;font-size:12px;padding:8px 0}
.scroll-enabled .hero{height:180svh;min-height:1200px}
.scroll-enabled .hero-stage{position:sticky;top:0;height:100svh;min-height:720px;max-height:1100px}
.scroll-enabled .hero-copy,.scroll-enabled .web-plane,.scroll-enabled .floating-panel{will-change:transform}
.service-grid{perspective:1200px;align-items:stretch}
.service-card{transform-origin:50% 85%;transition:border-color .2s;backface-visibility:hidden}
.service-card:hover{transform:none}
.service-card:focus-within{transform:none!important}
.about,.contact,.reasons,.values{perspective:1400px}
.about-title,.contact-form,.reasons article,.values>div{transform-origin:50% 80%;backface-visibility:hidden}
.service-card>p,.values p,.reasons p{font-size:16px}
.tags span{font-size:12px}.service-card summary{font-size:14px}
.reasons article{padding:24px 16px 20px;background:linear-gradient(155deg,#111b28,#090b12);border-radius:5px}
@media(min-width:1600px){.hero{padding:0}.hero-stage{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1050px) and (min-width:761px){.hero-stage{padding-top:40px}.hero h1{font-size:76px}.floating-panel{width:185px;padding:19px}.floating-panel strong{font-size:23px}.depth-stage{height:300px;bottom:77px}.window-content{padding:20px 25px}.window-title{font-size:43px}.window-services{font-size:10px;gap:12px}.hero-description{max-width:470px}}
@media(max-width:760px){
  .hero,.scroll-enabled .hero{height:auto;min-height:0}
  .hero-stage,.scroll-enabled .hero-stage{position:relative;height:auto;min-height:0;padding:48px 6% 96px;max-height:none}
  .hero h1{font-size:clamp(51px,10vw,74px);letter-spacing:-3px;margin:24px 0}
  .hero h1 br{display:block}.hero h1 em{display:inline}
  .hero-description{font-size:16px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px;gap:8px}
  .hero-actions{gap:20px;flex-wrap:wrap}
  .depth-stage{position:relative;height:295px;bottom:auto;width:94vw;margin-top:65px}
  .web-plane{width:82%;left:9%;height:240px;top:20px}
  .window-bar{height:26px;padding:0 10px;font-size:8px}
  .window-content{padding:18px;height:calc(100% - 26px)}
  .window-brand{font-size:15px}.window-brand span{font-size:7px}
  .window-title{font-size:31px;line-height:1.15}
  .window-services{font-size:8px;gap:8px;margin-top:15px;padding-top:12px}
  .floating-panel{width:132px;padding:15px;gap:11px}
  .floating-panel strong{font-size:18px}.panel-caption{font-size:7px;letter-spacing:1px}.panel-foot{font-size:8px}
  .panel-mobile{top:104px;left:6%}.panel-ai{right:6%;top:145px}
  .ai-mark{font-size:28px}.app-lines i{width:20px;height:20px}
  .hero-footer{left:6%;right:6%;gap:20px}.hero-footer>a{font-size:9px}.scroll-toggle{font-size:11px}.scroll-meter{max-width:75px}
  .service-card{transform-origin:50% 50%}
}
@media(max-height:700px) and (min-width:761px){.hero,.scroll-enabled .hero{height:auto;min-height:0}.hero-stage,.scroll-enabled .hero-stage{position:relative;height:800px;min-height:800px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .scroll-enabled .hero{height:auto;min-height:0}
  .scroll-enabled .hero-stage{position:relative;height:860px}
  .hero-copy,.web-plane,.floating-panel,.service-card,.about-title,.values>div,.reasons article,.contact-form{transform:none!important}
}

/* Additional scroll depth, with visible content at every point in the sequence. */
.service-icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid #526086;border-radius:19px;background:linear-gradient(140deg,#2d3a60,#131a2a);box-shadow:0 5px 0 #080c16,0 8px 0 -1px #364263;perspective:600px;color:#c7d4ff}
.service-icon svg{width:60px;height:60px;overflow:visible;transform-origin:center}
.service-icon .icon-panel{fill:#1a2540}.service-icon .icon-detail{color:#d6e3ff}
.service-card:nth-child(2) .service-icon{color:#b8eedb;border-color:#42645e;background:linear-gradient(140deg,#294b43,#152823)}
.service-card:nth-child(2) .icon-panel{fill:#1e3c32}.service-card:nth-child(2) .icon-detail{color:#c1fbe4}
.service-card:nth-child(3) .service-icon{color:#ddc4ff;border-color:#68527f;background:linear-gradient(140deg,#433252,#241a32)}
.service-card:nth-child(3) .icon-panel{fill:#342441}.service-card:nth-child(3) .icon-detail{color:#e6cbff}
.card-top{margin-bottom:32px}.service-card>p{min-height:106px}
.kinetic-band{overflow:clip;position:relative;padding:65px 0 35px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 45% 100%,#34305c55,transparent 65%);isolation:isolate}
.kinetic-track{display:flex;gap:40px;width:max-content;font:600 clamp(76px,12vw,180px)/1.15 var(--display);letter-spacing:-6px;color:#b7c4e3;transform-origin:50% 50%;padding:10px 4vw 30px}
.kinetic-track span:nth-child(3n+2){color:transparent;-webkit-text-stroke:1px #8a9fcb}.kinetic-track span:nth-child(3n){color:#bba7df}
.kinetic-caption{display:flex;gap:24px;justify-content:center;color:#99a3bd;font-size:10px;letter-spacing:3px}.kinetic-caption span{color:#cfbdff}
.owner-card{position:relative;margin-top:50px;padding:32px 26px;border:1px solid #424b66;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#56508844,transparent 65%),linear-gradient(135deg,#172030,#0e121d);max-width:440px;isolation:isolate;overflow:hidden}
.owner-monogram{position:relative;display:grid;place-items:center;width:80px;height:80px;margin:8px 0 38px;border:1px solid #576080;border-radius:22px;font:500 29px var(--display);letter-spacing:-2px;background:#222c41;color:#d5dfff;perspective:500px}
.owner-orbit{position:absolute;inset:-18px;border:1px solid #9daae5aa;border-radius:50%;transform:rotateX(65deg)}
.owner-orbit::after{content:'';position:absolute;left:6px;top:17px;width:8px;height:8px;border-radius:50%;background:#c6cfff;box-shadow:0 0 16px #b0baff}
.owner-card .eyebrow{font-size:9px;letter-spacing:1.6px}.owner-card h3{font-size:clamp(26px,3vw,39px);letter-spacing:-1.2px;margin:14px 0 10px;font-weight:500}
.owner-card>p:not(.eyebrow){font-size:13px;color:#aeb9cf}.owner-card a{display:inline-flex;align-items:center;gap:20px;font-size:13px;margin-top:28px;border-bottom:1px solid #7883a8;padding-bottom:8px}.owner-card a span{font-size:21px}
.about-copy .owner-intro{color:#c4cbea;font-size:16px;border-left:2px solid #a4aff4;padding-left:18px;margin-bottom:25px}
.story{border-top:1px solid #414963;margin-top:38px;padding-top:30px;transform-origin:50% 0%}.story h3{font-size:26px;letter-spacing:-.5px;font-weight:500}.story p{line-height:1.9;font-size:16px}
.section-heading h2,.contact-copy h2{transform-origin:left bottom}.consulting{transform-origin:50% 100%}
.owner-card:focus-within,.consulting:focus-within{transform:none!important}
@media(max-width:760px){.kinetic-band{padding:32px 0 25px}.kinetic-track{gap:25px;letter-spacing:-4px}.kinetic-caption{font-size:8px;letter-spacing:2px;gap:16px}.owner-card{max-width:none;margin-top:35px;padding:28px}.service-card>p{min-height:0}.owner-card h3{font-size:32px}.owner-monogram{margin-bottom:30px}.story p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.kinetic-track,.service-icon svg,.owner-card,.owner-orbit,.story,.consulting,.section-heading h2,.contact-copy h2{transform:none!important}}

/* Why Horizon: a scroll-controlled orbital card deck. */
.why{padding:0;background:#0a0c14;--why-accent:#b5a5ff}
.why-pin{padding:80px 5.5% 36px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#29254355,transparent 65%),#0a0c14}
.why-heading{margin-bottom:40px}.why-heading h2{font-size:clamp(36px,4.2vw,62px);letter-spacing:-2.5px}.why-heading>p{font-size:14px;max-width:345px}
.why .reasons{gap:22px;perspective:1100px}
.why .reason-card{position:relative;padding:28px;border:1px solid #4b4867;border-radius:22px;background:linear-gradient(140deg,#242236,#121520 70%);box-shadow:0 16px 45px #0005;transform-origin:50% 50%;color:#f1f2fb;min-width:0}
.reason-card-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}
.reason-card .reason-index{font-size:11px;letter-spacing:3px;color:var(--reason-color)}
.reason-card svg{width:52px;height:52px;stroke:var(--reason-color);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #b5a5ff33)}
.why .reason-card h3{font-size:clamp(24px,2.4vw,36px);letter-spacing:-1px;line-height:1.1;margin:0 0 20px;font-weight:500;color:var(--reason-color)}
.why .reason-card p{font-size:15px;line-height:1.75;color:#c1c3d2}
.reason-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding-top:18px;margin-top:28px;font-size:8px;letter-spacing:2.5px;color:#8f94aa}.reason-card-foot>span:last-child{font-size:20px;color:var(--reason-color)}
.why-decor{display:none}.why-controls{position:relative;margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;padding-right:75px}
.why-controls nav{display:flex;gap:28px}.why-controls nav a{font-size:12px;color:#9ba3b8;padding:8px 0;white-space:nowrap}.why-controls nav a>span{font-size:9px;margin-right:8px;color:#7b8298}
.why-controls nav a[aria-current]{color:var(--why-accent)}.why-controls nav a[aria-current]>span{color:var(--why-accent)}
.why-skip{font-size:12px;white-space:nowrap;color:#c1c7d8}.why-skip span{margin-left:20px;font-size:18px}
.why-progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#272b3c;overflow:hidden}.why-progress span{display:block;width:100%;height:100%;background:var(--why-accent);transform:scaleX(0);transform-origin:left}
.why-consulting{padding:0 5.5% 85px}.why-consulting .consulting{margin-top:0}
.why-animated .why-scroll{height:440svh;position:relative}
.why-animated .why-pin{position:sticky;top:0;height:100svh;min-height:620px;padding-top:clamp(28px,5vh,60px);padding-bottom:22px;display:flex;flex-direction:column;overflow:clip}
.why-animated .why-heading{flex-shrink:0;position:relative;z-index:3;margin:0;align-items:center}
.why-animated .why-viewport{position:relative;flex:1;min-height:0;perspective:1200px}
.why-animated .why-decor{display:block;position:absolute;inset:0;pointer-events:none;overflow:clip}
.why-animated .reasons{position:absolute;inset:0;display:block;transform-style:preserve-3d}
.why-animated .reason-card{position:absolute;top:50%;left:50%;width:400px;height:360px;margin:-180px 0 0 -200px;padding:28px 32px;backface-visibility:hidden;will-change:transform;box-shadow:0 1px 0 #ffffff18 inset,0 8px 0 -4px #343348,0 13px 0 -6px #181a29,0 40px 65px #0008}
.why-animated .reason-card.is-current{border-color:var(--reason-color)}
.why-animated .reason-card h3{font-size:36px}.why-animated .reason-card p{font-size:15px;line-height:1.65}
.why-animated .reason-card-foot{position:absolute;left:32px;right:32px;bottom:22px;margin:0}
.why-word{position:absolute;top:5%;left:-10%;width:120%;text-align:center;font:700 clamp(65px,11vw,155px)/1 var(--display);letter-spacing:-6px;color:transparent;-webkit-text-stroke:1px #6c68874d;white-space:nowrap}
.why-halo{position:absolute;inset:10% 12%;border-radius:50%;background:radial-gradient(ellipse,var(--why-accent),transparent 68%);opacity:.12;filter:blur(35px)}
.why-orbit{position:absolute;left:50%;top:56%;width:650px;height:650px;border:1px solid #858fa944;border-radius:50%;transform-style:preserve-3d}
.why-orbit::after{content:'';position:absolute;left:15%;top:14%;width:12px;height:12px;border-radius:50%;background:var(--why-accent);box-shadow:0 0 24px var(--why-accent)}
.why-orbit-two{width:820px;height:820px;border-style:dashed;border-color:#858fa933}.why-orbit-two::after{width:7px;height:7px}.why-orbit-three{width:520px;height:520px;border-color:#a9aec422}
.why-spark{position:absolute;font-size:58px;line-height:1;color:var(--why-accent);opacity:.7}.spark-one{left:10%;top:30%}.spark-two{right:14%;bottom:15%;font-size:40px}.spark-three{right:7%;top:14%;font-size:26px;color:#cbd4eb}
.why-coordinate{position:absolute;left:1%;bottom:9%;font-size:9px;letter-spacing:3px;color:#7d879e;writing-mode:vertical-rl}
.why-animated .why-controls{flex-shrink:0;z-index:3;margin:0}
@media(min-width:1600px){.why-pin{padding-left:max(5.5%,calc((100vw - 1440px)/2));padding-right:max(5.5%,calc((100vw - 1440px)/2))}}
@media(max-width:1050px){.why .reasons{grid-template-columns:repeat(2,1fr)}.why-heading{gap:25px}.why-heading>p{max-width:310px}.why-animated .reason-card{width:360px;margin-left:-180px;padding:26px}.why-animated .reason-card h3{font-size:31px}.why-animated .reason-card-foot{left:26px;right:26px}}
@media(max-width:760px){
 .why-pin{padding:55px 6% 28px}.why-heading{display:block}.why-heading h2{font-size:35px;letter-spacing:-1.5px;line-height:1.15;margin-top:12px}.why-heading h2 em{display:block}.why-heading>p{font-size:12px;line-height:1.6;max-width:330px;margin-top:14px}
 .why .reasons{grid-template-columns:1fr!important}.why .reason-card{padding:25px}.why-consulting{padding:0 6% 65px}
 .why-controls{gap:15px;flex-wrap:wrap;padding-right:0}.why-controls nav{width:100%;justify-content:space-between;gap:10px}.why-controls nav a{font-size:10px;display:flex;flex-direction:column;gap:5px}.why-controls nav a>span{margin:0;font-size:9px}.why-skip{font-size:10px;margin-left:0}.why-skip span{margin-left:10px}
 .why-animated .why-scroll{height:420svh}.why-animated .why-pin{padding:25px 5% 15px}.why-animated .why-heading>p{max-width:none}.why-animated .reason-card{width:min(300px,84vw);height:320px;margin-top:-160px;margin-left:max(-150px,-42vw);padding:23px}.why-animated .reason-card h3{font-size:28px;margin-bottom:15px}.why-animated .reason-card p{font-size:14px;line-height:1.65}.reason-card-top{margin-bottom:18px}.reason-card svg{width:43px;height:43px}.why-animated .reason-card-foot{left:23px;right:23px;bottom:16px;padding-top:14px;font-size:7px}
 .why-word{top:8%;font-size:64px;letter-spacing:-3px}.why-orbit{width:420px;height:420px}.why-orbit-two{width:510px;height:510px}.why-orbit-three{width:340px;height:340px}.spark-one{left:1%;font-size:35px}.spark-two{right:3%;font-size:25px}.why-coordinate{display:none}
 .why-animated .why-controls{gap:6px;padding-bottom:12px}.why-animated .why-skip{padding:0 0 4px}
}
@media(prefers-reduced-motion:reduce){.why .reason-card{transform:none!important;opacity:1!important}.why-decor{display:none!important}.why-progress{display:none}}

/* Six equal services: tactile cards with interactive miniature scenes. */
.services .service-grid{gap:24px;row-gap:32px;position:relative}
.services .service-card{--service-accent:#bacbff;--service-reveal:1;position:relative;display:flex;flex-direction:column;padding:28px;background:radial-gradient(ellipse at var(--pointer-x,50%) var(--pointer-y,25%),#30395266,transparent 60%),linear-gradient(145deg,#151c2d,#0e121c);border-radius:18px;isolation:isolate;transition:border-color .25s,box-shadow .25s}
.services .service-card:nth-child(2){--service-accent:#afe9d4}.services .service-card:nth-child(3){--service-accent:#d7b9ff}.services .service-card:nth-child(4){--service-accent:#f3d29c}.services .service-card:nth-child(5){--service-accent:#9edbe5}.services .service-card:nth-child(6){--service-accent:#f5b7b0}
.services .service-card:hover,.services .service-card:focus-within,.services .service-card:has(details[open]){border-color:var(--service-accent);box-shadow:0 20px 55px #0004}
.services .card-top{margin-bottom:18px}.services .card-number{font-size:13px;letter-spacing:2px;color:var(--service-accent)}
.services .service-icon{width:56px;height:56px;border-radius:15px}.services .service-icon svg{width:46px;height:46px}
.services .service-card:nth-child(n+4) .service-icon{color:var(--service-accent);border-color:#596175;background:linear-gradient(145deg,#313647,#171e2b)}
.services .service-card h3{margin-top:22px;font-size:27px;line-height:1.15}
.services .service-card>p{min-height:0;font-size:15px;line-height:1.75;margin:18px 0 22px}
.services .tags{min-height:0;margin-bottom:25px}.services .tags span{font-size:11px;background:#131927}
.services .service-card details{margin-top:auto;padding-top:0;border:0}
.services .service-card summary{min-height:53px;border:1px solid #424a60;padding:14px 13px;border-radius:8px;font-size:12px;line-height:1.5;align-items:center;transition:background .2s,border-color .2s}
.services .service-card summary:hover,.services .service-card details[open] summary{background:#ffffff09;border-color:var(--service-accent)}
.services .service-card summary span{color:var(--service-accent);font-size:22px;flex-shrink:0}
.services .service-detail{padding:24px 0 3px}.services .service-detail h4{font-size:19px;line-height:1.4;margin:0}.services .service-detail a{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:var(--service-accent)}
.service-preview{height:150px;position:relative;display:grid;place-items:center;perspective:650px;border:1px solid #4a567733;border-radius:12px;background:radial-gradient(ellipse at 50% 80%,#687aae1c,transparent 70%),#0b101ac9;pointer-events:none;overflow:hidden;color:var(--service-accent)}
.service-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(#687aad12 1px,transparent 1px),linear-gradient(90deg,#687aad12 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 75%)}
.service-preview>div{position:relative;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-10deg));transition:transform .35s ease;transform-style:preserve-3d}
.mini-browser{width:170px;height:103px;background:#202c46;border:1px solid currentColor;border-radius:7px;box-shadow:8px 8px 0 #39476955,16px 16px 0 #39476922}
.mini-toolbar{height:19px;border-bottom:1px solid #ffffff22;display:flex;gap:4px;padding:7px}.mini-toolbar i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}.mini-layout{padding:14px;display:grid;gap:7px;width:110px}.mini-layout b{height:10px;width:60px;background:currentColor;opacity:.75}.mini-layout span{height:4px;background:currentColor;opacity:.25}.mini-code{position:absolute;right:10px;bottom:12px;font:600 25px var(--display);transition:translate .35s}
.service-card:hover .mini-code,.service-card:focus-within .mini-code{translate:0 -12px}.service-card:hover .mini-browser,.service-card:focus-within .mini-browser{transform:rotateX(var(--tilt-x,-8deg)) rotateY(var(--tilt-y,-12deg)) translateZ(22px)}
.mini-phone{width:62px;height:113px;border:1px solid currentColor;border-radius:12px;background:#18352e;box-shadow:6px 7px 0 #142721;z-index:2;padding:12px 8px}
.mini-phone>i{display:block;width:17px;height:3px;border-radius:2px;background:currentColor;margin:-5px auto 16px;opacity:.6}.mini-apps{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mini-apps b{height:17px;border:1px solid #b8eedb66;background:#5a9b8344;border-radius:4px}.mini-phone>span{display:block;width:19px;height:2px;background:currentColor;margin:17px auto 0;opacity:.5}
.service-preview>.mini-phone-back{position:absolute;left:calc(50% - 43px);top:19px;transform:rotateZ(-14deg);background:#10251f;opacity:.5;z-index:1;transition:transform .4s}
.service-card:hover .mini-phone-back,.service-card:focus-within .mini-phone-back{transform:translateX(-20px) rotateZ(-24deg)}
.mini-network{width:136px;height:106px;display:grid;place-items:center}.mini-network span{display:grid;place-items:center;width:54px;height:54px;border:1px solid currentColor;border-radius:15px;background:#362643;font:500 23px var(--display);box-shadow:0 0 32px #a074cd33}.mini-network i{position:absolute;width:15px;height:15px;border:1px solid currentColor;border-radius:5px;background:#382c48;transition:translate .4s}.mini-network i::after{content:'';position:absolute;left:13px;top:6px;width:43px;border-top:1px solid #a281c177;transform-origin:left;transform:rotate(30deg)}.mini-network i:nth-child(1){left:0;top:0}.mini-network i:nth-child(2){right:0;top:0;rotate:90deg}.mini-network i:nth-child(3){right:0;bottom:0;rotate:180deg}.mini-network i:nth-child(4){left:0;bottom:0;rotate:270deg}
.service-card:hover .mini-network i,.service-card:focus-within .mini-network i{translate:0 -8px}
.mini-search{width:174px;padding:10px;border:1px solid #d4b68366;border-radius:8px;background:#302a21}.mini-search-bar{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:2px 0 9px;border-bottom:1px solid #d4b68344}.mini-search-bar i{width:8px;height:8px;border:1px solid currentColor;border-radius:50%}.mini-result{padding:10px 8px 4px;transition:transform .4s;background:#302a21}.mini-result b,.mini-result i{display:block;width:75%;height:3px;background:currentColor;margin-bottom:4px;opacity:.3}.mini-result b{height:5px;width:50%;opacity:.75}.mini-result i:last-child{width:90%}.service-card:hover .mini-result:nth-child(2),.service-card:focus-within .mini-result:nth-child(2){transform:translate3d(-9px,-5px,20px);box-shadow:0 6px 18px #0005}
.mini-database{width:100px;height:100px}.mini-database i{position:absolute;left:0;width:100px;height:34px;border:1px solid currentColor;border-radius:50%;background:#20404a;box-shadow:0 9px 0 #182d38,0 10px 0 #729caa;transition:transform .4s}.mini-database i:nth-child(1){top:55px;opacity:.6}.mini-database i:nth-child(2){top:30px;opacity:.8}.mini-database i:nth-child(3){top:5px}.service-card:hover .mini-database i:nth-child(3),.service-card:focus-within .mini-database i:nth-child(3){transform:translateY(-9px)}.service-card:hover .mini-database i:nth-child(1),.service-card:focus-within .mini-database i:nth-child(1){transform:translateY(9px)}
.mini-speed{width:155px;height:104px}.mini-dial{position:absolute;top:8px;left:19px;width:116px;height:116px;border:10px solid #633f4133;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;transform:rotate(-45deg);mask-image:linear-gradient(black 0 60%,transparent 60%)}.mini-needle{position:absolute;left:76px;top:66px;width:51px;height:3px;background:currentColor;transform-origin:left;transform:rotate(calc(-140deg + var(--service-reveal,1)*65deg));transition:transform .4s}.mini-needle::before{content:'';position:absolute;width:11px;height:11px;border-radius:50%;top:-4px;left:-5px;background:currentColor}.service-card:hover .mini-needle,.service-card:focus-within .mini-needle{transform:rotate(-25deg)}.mini-speed-line{position:absolute;left:30px;bottom:9px;width:95px;border-top:1px solid #f5b7b033}.mini-speed-line:last-child{bottom:2px;left:50px;width:55px}
@media(max-width:1050px) and (min-width:761px){.services .service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.services .service-card{padding:25px}.service-preview{height:145px}.services .service-card h3{font-size:30px}.services .service-card>p{font-size:15px}.services .service-card summary{font-size:13px}.services .service-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){.service-preview>div,.service-preview i,.service-preview .mini-result,.service-preview .mini-code,.service-preview .mini-needle{transform:none!important;translate:none!important;transition:none!important}}