/* 2htech — Modern dark / futuristic responsive theme */
:root{--bg:#080b14;--bg2:#0c1120;--panel:#101729;--text:#f3f5fb;--muted:#929bb0;--line:rgba(255,255,255,.1);--cyan:#59e1e8;--violet:#8c79ff;--lime:#b7f36b;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.section-pad{padding:120px 0}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.site-header{height:82px;position:sticky;top:0;z-index:20;background:rgba(8,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;letter-spacing:-1.5px}.brand-mark{width:34px;height:34px;border:1px solid rgba(89,225,232,.65);border-radius:10px;display:grid;place-items:center;font-size:17px;color:var(--cyan);box-shadow:0 0 22px rgba(89,225,232,.12)}.brand-mark span{color:var(--violet)}.brand-name{font-size:25px}.brand-name span{color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#c1c8d7}.main-nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--cyan)}.nav-cta{border:1px solid rgba(89,225,232,.45);padding:10px 16px;border-radius:5px;color:#fff}.nav-cta span{color:var(--cyan);margin-left:8px}.menu-toggle{display:none}
.hero{min-height:680px;padding-top:105px;padding-bottom:36px;position:relative;background:radial-gradient(ellipse at 76% 43%,rgba(70,77,174,.16),transparent 38%),radial-gradient(ellipse at 15% 70%,rgba(36,172,181,.08),transparent 35%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;min-height:490px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:var(--cyan);display:flex;align-items:center;gap:10px}.status-dot,.live i{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-2px}h1{font-size:clamp(48px,6vw,76px);line-height:1.06;margin:25px 0}.gradient-text{background:linear-gradient(100deg,#62e7e9 0%,#8b8bff 54%,#bba4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:490px;color:#aab3c5;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:28px;padding:15px 21px;font-weight:700;font-size:13px;border-radius:5px;transition:.25s}.btn-primary{color:#071018;background:linear-gradient(105deg,var(--cyan),#a0e8d5);box-shadow:0 8px 35px rgba(89,225,232,.15)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 38px rgba(89,225,232,.27)}.btn span{font-size:18px}.text-link{font-size:13px;font-weight:600;color:#e6eaf3}.text-link span{color:var(--cyan);margin-left:8px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:55px;color:#818ba1;font-size:11px;line-height:1.5}.hero-proof b{color:#dce2ef;font-weight:600}.proof-avatars{display:flex}.proof-avatars i{font-style:normal;width:31px;height:31px;border-radius:50%;border:1px solid #222e43;background:#111a2b;display:grid;place-items:center;margin-left:-5px;color:var(--cyan);font-size:10px}.proof-avatars i:first-child{margin-left:0}
.hero-art{height:460px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(116,143,220,.17);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:410px;height:250px}.orbit-two{width:510px;height:320px;transform:rotate(35deg)}.orbit-three{width:330px;height:390px;transform:rotate(65deg);border-color:rgba(89,225,232,.15)}.core-card{width:280px;height:300px;position:relative;z-index:2;border:1px solid rgba(132,160,220,.35);border-radius:18px;background:linear-gradient(145deg,rgba(28,42,69,.92),rgba(12,17,31,.95));box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.1);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-7deg)}.core-top,.core-bottom{display:flex;justify-content:space-between;align-items:center}.tiny-label,.core-bottom{font-size:8px;letter-spacing:1.5px;color:#8794ae}.live{font-size:8px;letter-spacing:1px;color:var(--lime);display:flex;align-items:center;gap:6px}.live i{width:5px;height:5px}.core-symbol{font-family:var(--display);font-weight:700;font-size:112px;letter-spacing:-13px;text-align:center;color:#f2f8ff;text-shadow:0 0 35px rgba(89,225,232,.45)}.core-symbol span{color:var(--cyan)}.float-tag{position:absolute;z-index:3;padding:9px 13px;border:1px solid rgba(125,148,200,.3);background:rgba(10,16,30,.86);font-size:9px;letter-spacing:1.2px;color:#c7d3e9;border-radius:4px;box-shadow:0 10px 30px #0005}.tag-a{top:64px;left:2%}.tag-b{right:-1%;top:46%}.tag-c{bottom:52px;left:8%}.glow{position:absolute;border-radius:50%;filter:blur(55px);opacity:.28}.glow-a{width:180px;height:180px;background:#5268ef;right:15%;top:20%}.glow-b{width:140px;height:140px;background:#26c9c7;left:12%;bottom:12%}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:#657087;font-size:9px;letter-spacing:1.7px}.hero-foot b{color:var(--cyan);font-size:15px;margin-left:8px}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b101c}.marquee-track{display:flex;align-items:center;justify-content:space-around;gap:36px;min-width:900px;padding:18px 0;color:#a9b4c9;font-family:var(--display);font-size:11px;letter-spacing:2px}.marquee b{color:var(--cyan);font-size:15px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}.section-heading h2,.about-copy h2,.contact h2{font-size:clamp(39px,5vw,58px);line-height:1.1;margin:18px 0 0}.muted{color:#69748a}.section-heading>p{max-width:370px;color:var(--muted);margin-bottom:4px;font-size:14px;line-height:1.8}.services{background:linear-gradient(180deg,#080b14,#0b1020 50%,#080b14)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:290px;padding:27px 27px 25px;background:linear-gradient(145deg,rgba(20,30,50,.83),rgba(12,17,29,.9));border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-5px);border-color:rgba(89,225,232,.42);background:linear-gradient(145deg,#17263b,#0c1423)}.service-feature{background:linear-gradient(145deg,rgba(29,55,75,.9),rgba(14,22,40,.95))}.card-index{font-size:9px;letter-spacing:1.6px;color:#76839b}.service-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(89,225,232,.3);color:var(--cyan);border-radius:9px;font-size:22px;margin:29px 0 17px}.service-card h3{font-size:23px;line-height:1.15;letter-spacing:-.8px;margin-bottom:12px}.service-card p{font-size:12px;color:#929db2;line-height:1.8;max-width:300px;margin-bottom:22px}.card-link{font-size:11px;font-weight:700;color:#dce4f2}.card-link span{color:var(--cyan);margin-left:8px}.card-orb{position:absolute;width:160px;height:160px;border:1px solid rgba(89,225,232,.12);border-radius:50%;right:-90px;bottom:-90px;box-shadow:0 0 0 20px rgba(89,225,232,.025),0 0 0 40px rgba(89,225,232,.02)}
.work{background:#090d18}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 20px}.work-card{display:block}.work-visual{height:270px;border-radius:7px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.09);transition:.35s}.work-card:hover .work-visual{border-color:rgba(89,225,232,.45);transform:translateY(-4px)}.work-meta{display:flex;justify-content:space-between;align-items:center;padding:17px 2px}.work-meta span:first-child{font-size:9px;letter-spacing:1.4px;color:#8490a7}.work-meta h3{font-size:20px;letter-spacing:-.6px;margin:5px 0 0}.work-arrow{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--cyan);transition:.25s}.work-card:hover .work-arrow{background:var(--cyan);color:#071018}.visual-one{background:radial-gradient(circle at 75% 15%,#325a68,transparent 35%),linear-gradient(130deg,#152b3a,#101624 70%)}.browser{position:absolute;width:65%;height:210px;left:17%;top:45px;border-radius:7px 7px 0 0;background:#e9edf0;box-shadow:0 18px 50px #0008;transform:perspective(800px) rotateY(-9deg) rotateX(3deg)}.browser-bar{height:22px;background:#d7dce2;display:flex;align-items:center;gap:4px;padding:0 9px;color:#667;font-size:7px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#87949d}.browser-bar span{margin-left:30px}.browser-content{padding:22px 25px;color:#172b38}.browser-content small{font-size:7px;letter-spacing:1.5px;color:#5d8490}.browser-content strong{display:block;font:700 30px/1 var(--display);margin-top:12px;letter-spacing:-1.5px}.mock-lines{width:75%;height:3px;background:#c1cbd0;margin-top:17px;box-shadow:0 9px #d0d8dc,0 18px #d0d8dc}
.visual-two{background:linear-gradient(135deg,#161b26,#454b54)}.car-shape{position:absolute;left:15%;top:34%;font:700 37px var(--display);letter-spacing:3px;color:#e5e9ed;text-shadow:0 5px 20px #0008}.car-shape span{display:block;font:10px var(--font);letter-spacing:5px;color:#9de5e6}.visual-caption{position:absolute;bottom:22px;right:25px;font:11px var(--display);letter-spacing:4px;color:#bac3cb}
.visual-three{background:linear-gradient(135deg,#d6d0c3,#a9a18f);color:#222}.law-mark{position:absolute;left:18%;top:18%;font:100px Georgia;color:#303c3a}.law-mark span{color:#8d6c4e}.law-copy{position:absolute;left:52%;top:29%;font:12px var(--display);letter-spacing:5px;line-height:1.8;color:#35403c}.law-copy b{font-size:21px;letter-spacing:3px}
.visual-four{background:linear-gradient(155deg,#92c3d0 0%,#327c8e 55%,#123d57 100%)}.hotel-sun{position:absolute;width:190px;height:190px;border-radius:50%;background:linear-gradient(#f2d7a2,#e9a978);top:-70px;right:12%;opacity:.9}.hotel-title{position:absolute;left:12%;top:30%;font:500 42px/1 var(--display);letter-spacing:6px;color:#f7f2e6}.hotel-title i{font-style:normal;font-weight:700;color:#f1c99b}.hotel-sub{position:absolute;left:13%;bottom:24%;font-size:8px;letter-spacing:4px;color:#e3edf0}
.visual-five{background:radial-gradient(circle at 70% 50%,#c3f5f0,#64b8b8 45%,#1c5867 100%)}.dental-cross{position:absolute;right:18%;top:12%;font-size:105px;color:#ffffff55;font-weight:200}.dental-title{position:absolute;left:13%;top:27%;font:500 36px/.95 var(--display);letter-spacing:3px;color:#f6ffff}.dental-title b{font-weight:700}.dental-title small{display:block;font:9px var(--font);letter-spacing:7px;margin-top:13px}.dental-ring{position:absolute;width:190px;height:190px;border:1px solid #fff6;border-radius:50%;right:10%;bottom:-110px;box-shadow:0 0 0 20px #fff1}
.visual-six{background:linear-gradient(120deg,#d6d3cb,#b3b5b0)}.shop-window{position:absolute;inset:25px 10%;background:#f2f0e9;color:#252a29;box-shadow:0 12px 35px #0003}.shop-nav{padding:12px 17px;border-bottom:1px solid #ddd;font:700 11px var(--display);letter-spacing:2px}.shop-nav span{float:right;font:7px var(--font);letter-spacing:1px}.shop-main{padding:27px 22px}.shop-main small{font-size:7px;letter-spacing:2px}.shop-main strong{display:block;font:700 34px/.95 var(--display);margin-top:10px;letter-spacing:-1px}.shop-pill{font-size:7px;letter-spacing:1px;margin-top:15px;border:1px solid #333;display:inline-block;padding:7px 10px}.shop-product{position:absolute;right:10%;bottom:0;width:24%;height:58%;background:linear-gradient(135deg,#e2c7aa,#a8876b);border-radius:45% 45% 0 0;opacity:.8}
.portfolio-note{font-size:11px;color:#707b91;margin-top:20px}
.about{background:radial-gradient(ellipse at 30% 50%,rgba(47,90,112,.13),transparent 40%),#0b101c}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{display:flex;justify-content:center}.about-frame{width:390px;height:430px;border:1px solid rgba(89,225,232,.3);border-radius:9px;position:relative;overflow:hidden;background:linear-gradient(145deg,#142b3c,#101727 65%);box-shadow:0 30px 80px #0004}.frame-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(122,170,193,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(122,170,193,.09) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(130deg,#000,transparent 80%)}.about-big{position:absolute;left:40px;top:115px;font:700 155px/.9 var(--display);letter-spacing:-18px;color:#eaf7fa;text-shadow:0 0 50px #5fe1e955}.about-big span{color:var(--cyan)}.about-stamp{position:absolute;right:25px;top:30px;border:1px solid rgba(183,243,107,.5);border-radius:50%;width:88px;height:88px;display:grid;place-content:center;text-align:center;font-size:8px;line-height:1.5;letter-spacing:1.5px;color:var(--lime);transform:rotate(12deg)}.frame-coord{position:absolute;bottom:20px;left:25px;font-size:8px;letter-spacing:2px;color:#72849a}.about-copy h2{margin:20px 0 25px}.about-copy p{font-size:13px;line-height:1.95;color:#9ba6ba;margin-bottom:16px}.about-copy .text-link{display:inline-block;margin-top:16px}
.process{background:#080b14}.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:20px;padding:25px 5px;border-bottom:1px solid var(--line);transition:.25s}.process-item:hover{padding-left:15px;background:linear-gradient(90deg,rgba(89,225,232,.045),transparent)}.process-item>span{font:500 13px var(--display);color:var(--cyan)}.process-item h3{font-size:23px;letter-spacing:-.5px;margin:0 0 4px}.process-item p{font-size:12px;color:#8792a7;margin:0}.process-item>b{font-weight:400;font-size:20px;color:#697991}
.contact{padding-top:50px;padding-bottom:100px}.contact-panel{position:relative;overflow:hidden;text-align:center;border:1px solid rgba(89,225,232,.23);border-radius:12px;padding:85px 30px 25px;background:radial-gradient(ellipse at 50% 0%,rgba(81,105,196,.22),transparent 55%),linear-gradient(135deg,#111d31,#0c1221)}.contact-panel>.eyebrow{justify-content:center}.contact h2{font-size:clamp(42px,5.5vw,65px);margin:22px 0}.contact-panel>p{max-width:510px;margin:0 auto 28px;color:#9da9bd;font-size:13px;line-height:1.8}.contact-glow{position:absolute;width:360px;height:180px;border-radius:50%;background:#5a72f0;filter:blur(100px);opacity:.15;top:-130px;left:calc(50% - 180px)}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:80px;padding-top:18px;color:#748098;font-size:8px;letter-spacing:1.7px}
.site-footer{background:#060910;border-top:1px solid var(--line);padding:35px 0 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px}.footer-top p{font:italic 16px var(--display);color:#8b96a9;margin:0}.back-top{font-size:11px;color:#b4bfd0}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:#657087;font-size:9px;letter-spacing:.7px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.main-nav{gap:19px}.hero-grid{gap:10px}.hero-art{transform:scale(.85)}.about-grid{gap:45px}.about-frame{width:330px;height:390px}.about-big{font-size:130px}.service-card{padding:22px;min-height:310px}}
@media(max-width:700px){.container{width:min(100% - 36px,560px)}.section-pad{padding:82px 0}.site-header{height:70px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px;z-index:2}.menu-toggle span{width:23px;height:2px;background:#eaf2f6;transition:.2s}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:20px 24px 25px;background:#0b1120;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.main-nav.open{display:flex}.main-nav a{padding:5px 0}.main-nav .nav-cta{text-align:center;padding:12px}.hero{padding-top:55px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(43px,12vw,64px);margin:20px 0}.hero-lead{font-size:15px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-proof{margin-top:32px}.hero-art{height:330px;transform:scale(.75);margin:-5px -30px -20px}.orbit-one{width:350px}.orbit-two{width:420px}.orbit-three{height:330px}.core-card{width:235px;height:255px}.core-symbol{font-size:92px}.tag-a{left:0}.tag-b{right:0}.tag-c{bottom:20px}.hero-foot{font-size:7px;letter-spacing:1px}.marquee-track{justify-content:flex-start;gap:24px}.section-heading{display:block;margin-bottom:35px}.section-heading h2,.about-copy h2{font-size:43px}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:18px;min-height:300px}.service-card h3{font-size:20px}.service-card p{font-size:11px}.service-icon{margin:24px 0 14px}.work-grid{gap:22px 12px}.work-visual{height:190px}.browser{width:78%;left:11%;height:160px;top:25px}.browser-content{padding:15px}.browser-content strong{font-size:22px}.car-shape{font-size:26px}.hotel-title{font-size:30px}.dental-title{font-size:27px}.work-meta h3{font-size:16px}.work-meta span:first-child{font-size:7px}.work-arrow{width:28px;height:28px}.shop-window{inset:18px 7%}.shop-main{padding:20px 14px}.shop-main strong{font-size:25px}.shop-nav{font-size:9px;padding:10px}.shop-nav span{font-size:5px}.about-grid{grid-template-columns:1fr;gap:45px}.about-frame{width:min(100%,390px);height:350px}.about-big{top:105px;font-size:130px}.about-copy h2{margin-bottom:20px}.process-item{grid-template-columns:42px 1fr 20px;gap:12px;padding:20px 0}.process-item h3{font-size:20px}.process-item p{font-size:11px}.contact{padding-top:20px;padding-bottom:70px}.contact-panel{padding:65px 20px 20px}.contact h2{font-size:43px}.contact-bottom{margin-top:55px;font-size:7px;letter-spacing:.8px}.footer-top p{display:none}.footer-bottom{font-size:8px;gap:15px;line-height:1.5}.footer-bottom span:last-child{text-align:right}}
@media(max-width:420px){.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.work-grid{grid-template-columns:1fr}.work-visual{height:220px}.hero-art{transform:scale(.67);margin:-25px -55px -35px}.hero-foot span:first-child{max-width:60%}.footer-bottom{flex-direction:column}.footer-bottom span:last-child{text-align:left}.contact-bottom{gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}