:root {
  --bg: #060a12;
  --bg-soft: #0a1220;
  --surface: rgba(14, 25, 42, .72);
  --surface-solid: #0e1828;
  --line: rgba(171, 199, 255, .16);
  --line-strong: rgba(80, 212, 255, .38);
  --text: #edf6ff;
  --muted: #a9bad0;
  --cyan: #0fe0ff;
  --blue: #237cff;
  --violet: #8d62ff;
  --green: #9ce67b;
  --shadow: 0 24px 60px rgba(0, 0, 0, .32);
  --radius-xl: 30px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: var(--bg);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; max-width: 100%; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { background: rgba(15, 224, 255, .3); color: #fff; }

.container { width: min(var(--container), calc(100% - 48px)); margin-inline: auto; position: relative; z-index: 1; }
.section { position: relative; }
.skip-link { position: fixed; top: 12px; left: 12px; transform: translateY(-140%); z-index: 1000; padding: 10px 14px; background: #fff; color: #07101f; font-weight: 800; border-radius: 8px; }
.skip-link:focus { transform: translateY(0); }

.site-background { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: -2; background: radial-gradient(circle at 50% 0%, #101e38 0%, var(--bg) 42%, #05070d 100%); }
.grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(101, 163, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(101, 163, 255, .12) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.orb { position: absolute; width: 48vw; height: 48vw; max-width: 800px; max-height: 800px; border-radius: 50%; filter: blur(85px); opacity: .19; animation: drift 12s ease-in-out infinite alternate; }
.orb-one { top: -20vw; right: -12vw; background: #126aff; }
.orb-two { top: 35vh; left: -28vw; background: #692eff; animation-delay: -4s; }
.orb-three { bottom: -30vw; right: 2vw; background: #00d5ff; animation-delay: -8s; }
.data-lines { position: absolute; inset: 0; opacity: .3; overflow: hidden; }
.data-lines span { position: absolute; display: block; width: 1px; height: 180px; top: -200px; background: linear-gradient(transparent, var(--cyan), transparent); animation: fall 9s linear infinite; }
.data-lines span:nth-child(1) { left: 12%; animation-delay: 0s; }.data-lines span:nth-child(2) { left: 35%; animation-delay: -4s; }.data-lines span:nth-child(3) { left: 68%; animation-delay: -1s; }.data-lines span:nth-child(4) { left: 89%; animation-delay: -6s; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 50; padding: 18px 0; transition: background .3s ease, border-color .3s ease, padding .3s ease; border-bottom: 1px solid transparent; }
.site-header.is-scrolled { padding: 10px 0; background: rgba(5, 10, 18, .76); border-color: rgba(203, 224, 255, .12); backdrop-filter: blur(20px); }
.nav-wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; color: #fff; font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 19px; background: linear-gradient(135deg, var(--cyan), var(--blue) 60%, var(--violet)); box-shadow: 0 0 28px rgba(15, 224, 255, .24); }
.brand-name { font-family: "Space Grotesk", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .13em; }.brand-name span { color: var(--cyan); }
.desktop-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; }.desktop-nav a { position: relative; color: #c0cedf; font-size: 13px; font-weight: 700; transition: color .25s; }.desktop-nav a:hover { color: #fff; }.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0; height: 1px; background: var(--cyan); transition: width .25s; }.desktop-nav a:hover::after { width: 100%; }
.nav-mail { display: inline-flex; align-items: center; gap: 7px; padding: 10px 13px 10px 16px; border-radius: 10px; border: 1px solid rgba(15, 224, 255, .5); color: #dffaff; background: rgba(15, 224, 255, .07); font-size: 12px; font-weight: 800; transition: transform .25s, background .25s; }.nav-mail:hover { transform: translateY(-2px); background: rgba(15, 224, 255, .16); }.nav-mail svg { width: 16px; height: 16px; }
.menu-toggle, .mobile-nav { display: none; }

.hero { min-height: 100svh; display: grid; align-items: center; padding: 130px 0 100px; overflow: hidden; isolation: isolate; }
.hero-media, .contact-media { position: absolute; inset: 0; z-index: -2; background-position: center; background-size: cover; }.hero-media { background-image: url("https://images.pexels.com/photos/4508751/pexels-photo-4508751.jpeg?auto=compress&cs=tinysrgb&w=2000"); filter: saturate(.82) contrast(1.04) brightness(.68); transform: scale(1.03); }.hero-overlay { position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 75% 37%, rgba(18, 104, 255, .2), transparent 31%), linear-gradient(90deg, #050912 8%, rgba(5, 9, 18, .90) 42%, rgba(5, 9, 18, .48) 100%), linear-gradient(0deg, #060a12 0%, transparent 22%); }
.hero-content { display: grid; grid-template-columns: minmax(0, 760px) minmax(250px, 320px); align-items: end; justify-content: space-between; gap: 60px; }
.eyebrow, .section-kicker { margin: 0 0 18px; color: #82edff; letter-spacing: .13em; font-size: 11px; font-weight: 800; }.eyebrow { display: flex; align-items: center; gap: 9px; }.pulse-dot, .status-indicator { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(156, 230, 123, .6); animation: pulse 2s infinite; }
h1, h2, h3 { font-family: "Space Grotesk", sans-serif; line-height: 1.1; margin-top: 0; }h1 { max-width: 830px; margin-bottom: 20px; font-size: clamp(56px, 9vw, 128px); letter-spacing: -.06em; font-weight: 700; }h1 > span:first-child { color: #fff; }h1 .dot { color: var(--cyan); font-size: .7em; }
.hero-lead { max-width: 680px; margin: 0; font-size: clamp(22px, 2.8vw, 35px); line-height: 1.24; letter-spacing: -.035em; font-weight: 600; }.hero-text { max-width: 660px; color: var(--muted); font-size: 16px; margin: 18px 0 30px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 11px; padding: 14px 18px; font-size: 13px; font-weight: 800; letter-spacing: -.01em; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }.button:hover { transform: translateY(-3px); }.button svg, .text-link svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }.button-primary { background: linear-gradient(100deg, #0fd8f7, #3384ff 60%, #845af2); color: #fff; box-shadow: 0 14px 32px rgba(24, 123, 255, .28); }.button-primary:hover { box-shadow: 0 18px 45px rgba(23, 152, 255, .43); }.button-secondary { color: #dceaff; background: rgba(9, 19, 34, .55); border: 1px solid rgba(220, 241, 255, .3); backdrop-filter: blur(8px); }.button-secondary:hover { border-color: rgba(15, 224, 255, .7); background: rgba(15, 224, 255, .08); }
.trust-list { margin: 32px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 18px 24px; color: #d4e1ef; font-size: 12px; font-weight: 700; }.trust-list li { display: flex; gap: 7px; align-items: center; }.trust-list svg { width: 15px; height: 15px; stroke: var(--cyan); fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.glass-panel { border: 1px solid rgba(213, 232, 255, .2); background: linear-gradient(130deg, rgba(18, 38, 67, .7), rgba(12, 19, 36, .57)); backdrop-filter: blur(16px); box-shadow: var(--shadow); }
.domain-float { align-self: end; padding: 22px; border-radius: var(--radius-lg); min-width: 280px; transform: translateY(-6px); }.float-top { display: flex; gap: 8px; align-items: center; color: #b2c4d8; font-size: 10px; letter-spacing: .1em; font-weight: 800; }.domain-float strong { display: block; margin: 20px 0 2px; font: 700 25px/1.1 "Space Grotesk", sans-serif; letter-spacing: -.045em; }.domain-float > span { color: #a9bad0; font-size: 12px; }.float-wave { display: flex; gap: 3px; height: 36px; align-items: center; margin: 14px 0; }.float-wave i { display: block; width: 3px; border-radius: 8px; background: linear-gradient(var(--cyan), var(--violet)); animation: wave 1.2s ease-in-out infinite alternate; }.float-wave i:nth-child(1),.float-wave i:nth-child(7) { height: 10px; }.float-wave i:nth-child(2),.float-wave i:nth-child(6) { height: 21px; animation-delay: .1s; }.float-wave i:nth-child(3),.float-wave i:nth-child(5) { height: 31px; animation-delay: .2s; }.float-wave i:nth-child(4) { height: 17px; animation-delay: .3s; }.domain-float a { display: inline-flex; align-items: center; gap: 7px; color: var(--cyan); font-size: 12px; font-weight: 800; }.domain-float a svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; }
.scroll-cue { position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); display: inline-flex; gap: 10px; align-items: center; color: #a7b9cc; font-size: 9px; letter-spacing: .16em; font-weight: 800; }.scroll-cue span { width: 28px; height: 42px; border: 1px solid rgba(207, 233, 255, .44); border-radius: 999px; position: relative; }.scroll-cue span::before { content:""; position:absolute; width: 3px; height: 8px; border-radius: 5px; left: 50%; top: 8px; transform: translateX(-50%); background: var(--cyan); animation: scrollDot 1.8s infinite; }

.value-section, .packages-section, .faq-section { padding: 124px 0; }
.target-section, .process-section { padding: 90px 0; }
.section-heading { max-width: 840px; }.section-heading.centered { text-align: center; margin-inline: auto; }.section-heading h2, .target-copy h2, .process-copy h2, .faq-intro h2, .contact-copy h2 { margin-bottom: 19px; font-size: clamp(33px, 5vw, 58px); letter-spacing: -.055em; }.section-heading h2 em, .target-copy h2 em, .process-copy h2 em, .faq-intro h2 em, .contact-copy h2 em { color: #83dbff; font-style: normal; }.section-heading > p:last-child, .target-copy > p:not(.section-kicker), .process-copy > p:not(.section-kicker), .faq-intro > p:not(.section-kicker), .contact-copy > p:not(.eyebrow) { color: var(--muted); font-size: 15px; }
.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 55px; }.value-card { position: relative; min-height: 215px; padding: 25px; border-radius: var(--radius-md); overflow: hidden; background: linear-gradient(145deg, rgba(19, 35, 58, .74), rgba(8, 15, 26, .76)); border: 1px solid var(--line); transition: transform .3s, border-color .3s, background .3s; }.value-card::after { content:""; position:absolute; inset:auto -20% -60% auto; width: 150px; height: 150px; background: rgba(27, 113, 255, .14); filter: blur(26px); border-radius:50%; }.value-card:hover { transform: translateY(-6px); border-color: var(--line-strong); background: linear-gradient(145deg, rgba(26, 55, 89, .9), rgba(8, 15, 26, .88)); }.card-icon { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 26px; color: var(--cyan); border: 1px solid rgba(11, 218, 255, .3); border-radius: 12px; background: rgba(11, 218, 255, .06); }.card-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.value-card h3 { margin-bottom: 9px; font-size: 18px; letter-spacing: -.035em; }.value-card p { margin: 0; color: var(--muted); font-size: 13px; }

.target-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); align-items: center; gap: clamp(40px, 7vw, 100px); }.target-image-wrap { position: relative; max-width: 560px; }.target-image-wrap::before { content:""; position:absolute; inset: -20px 35px 20px -20px; border: 1px solid rgba(114, 204, 255, .36); border-radius: 26px; z-index: -1; }.target-image-wrap img { min-height: 470px; object-fit: cover; border-radius: 22px; filter: saturate(.8) contrast(1.05) brightness(.78); }.target-image-wrap::after { content:""; position:absolute; inset:0; border-radius: 22px; background: linear-gradient(150deg, rgba(5, 11, 22, .1), rgba(9, 20, 40, .7)); pointer-events:none; }.image-glow-card { position: absolute; right: -38px; bottom: 36px; z-index: 1; padding: 17px 20px; border-radius: 15px; width: min(270px, 74%); }.image-glow-card span { display: block; color: var(--cyan); font: 700 12px "Space Grotesk", sans-serif; letter-spacing:.1em; }.image-glow-card strong { display: block; margin: 6px 0 2px; font: 700 18px/1.2 "Space Grotesk", sans-serif; }.image-glow-card small { color: #b6c9df; font-size: 11px; }.target-copy { max-width: 560px; }.target-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 26px; }.target-tags span { padding: 8px 11px; border: 1px solid rgba(161, 198, 255, .21); border-radius: 999px; color: #d5e6f7; background: rgba(118, 169, 255, .07); font-size: 11px; font-weight: 700; transition: background .2s, border-color .2s; }.target-tags span:hover { border-color: rgba(15, 224, 255, .57); background: rgba(15, 224, 255, .13); }.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--cyan); font-size: 13px; font-weight: 800; }.text-link:hover { color: #a6f5ff; }.text-link svg { transition: transform .25s; }.text-link:hover svg { transform: translateX(4px); }

.packages-section { background: linear-gradient(180deg, transparent, rgba(10, 24, 46, .5) 40%, transparent); }.pricing-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 56px; align-items: stretch; }.pricing-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 22px 17px 17px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(160deg, rgba(15, 29, 50, .82), rgba(8, 13, 25, .78)); box-shadow: 0 18px 44px rgba(0,0,0,.12); transition: transform .25s, border-color .25s, box-shadow .25s; }.pricing-card:hover { transform: translateY(-7px); border-color: rgba(94, 190, 255, .56); box-shadow: 0 25px 55px rgba(0, 0, 0, .28); }.pricing-card.featured { border-color: rgba(15, 224, 255, .55); background: linear-gradient(160deg, rgba(18, 51, 82, .96), rgba(12, 18, 39, .95)); transform: translateY(-15px); }.pricing-card.featured:hover { transform: translateY(-22px); }.pricing-card.premium-card { border-color: rgba(152, 106, 255, .36); background: linear-gradient(160deg, rgba(45, 29, 83, .77), rgba(10, 14, 29, .88)); }.featured-label { position:absolute; top:-12px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:5px 9px; border-radius:999px; color:#062039; background: linear-gradient(90deg,var(--cyan),#87f4ff); font-size:9px; font-weight:900; letter-spacing:.08em; }.plan-number { margin:0 0 11px; color:var(--cyan); font:700 10px "Space Grotesk",sans-serif; letter-spacing:.12em; }.pricing-top h3 { min-height: 46px; margin:0 0 17px; font-size:19px; letter-spacing:-.04em; }.price { min-height:64px; margin:0 0 17px; color:#e6effb; line-height:1.1; font-size:11px; }.price strong { display:block; margin-bottom:5px; font:700 25px/1 "Space Grotesk",sans-serif; letter-spacing:-.05em; }.price small { color:var(--muted); font-size:10px; line-height:1.35; }.feature-list { list-style:none; padding:0; margin:0 0 24px; flex:1; }.feature-list li { position:relative; padding:0 0 10px 15px; color:#c6d4e4; font-size:11px; line-height:1.4; }.feature-list li::before { content:""; position:absolute; left:0; top:.53em; width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px rgba(15,224,255,.8); }.button-card { width:100%; padding:11px 8px; background:rgba(144, 194, 255, .09); border:1px solid rgba(171, 212, 255, .22); color:#e8f5ff; font-size:10px; line-height:1.2; }.button-card:hover { background:rgba(15,224,255,.14); border-color:rgba(15,224,255,.6); }.pricing-card .button-primary { border-color:transparent; }.pricing-note { max-width:900px; margin:40px auto 0; padding:14px 18px; border-left:2px solid var(--cyan); color:#b7c8dc; background:rgba(15, 224, 255, .055); font-size:12px; text-align:center; }

.process-layout { display:grid; grid-template-columns: .88fr 1.12fr; gap:clamp(46px, 9vw, 120px); align-items:center; }.process-copy { max-width:520px; }.process-image { position:relative; margin-top:34px; border-radius:16px; overflow:hidden; }.process-image::after { content:""; position:absolute; inset:0; background:linear-gradient(130deg,rgba(2, 11, 22,.25),rgba(12,67,113,.4)); }.process-image img { height:235px; object-fit:cover; filter:saturate(.7) brightness(.72); }.timeline { position:relative; margin:0; padding:0; list-style:none; }.timeline::before { content:""; position:absolute; left:25px; top:28px; bottom:28px; width:1px; background:linear-gradient(var(--cyan),rgba(92,145,255,.15)); }.timeline li { display:grid; grid-template-columns:52px 1fr; gap:22px; position:relative; padding-bottom:37px; }.timeline li:last-child { padding-bottom:0; }.timeline-number { position:relative; z-index:1; display:grid; place-items:center; width:51px; height:51px; border:1px solid rgba(15,224,255,.5); color:var(--cyan); background:#0a1627; border-radius:50%; font:700 12px "Space Grotesk",sans-serif; }.timeline h3 { margin:4px 0 7px; font-size:20px; letter-spacing:-.035em; }.timeline p { margin:0; color:var(--muted); font-size:13px; }.timeline p a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }

.faq-layout { display:grid; grid-template-columns:.76fr 1.24fr; gap:clamp(45px,9vw,125px); align-items:start; }.faq-intro { position:sticky; top:120px; }.accordion { display:grid; gap:9px; }.accordion-item { border:1px solid var(--line); border-radius:14px; background:rgba(14, 25, 43, .69); overflow:hidden; transition:border-color .25s, background .25s; }.accordion-item.is-open { border-color:rgba(15,224,255,.45); background:rgba(14, 34, 58, .8); }.accordion-item button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 20px; border:0; background:transparent; color:var(--text); text-align:left; font:700 15px/1.35 "Space Grotesk",sans-serif; }.accordion-item button i { position:relative; width:17px; height:17px; flex:0 0 17px; }.accordion-item button i::before,.accordion-item button i::after { content:""; position:absolute; left:0; top:8px; width:17px; height:1px; background:var(--cyan); transition:transform .25s; }.accordion-item button i::after { transform:rotate(90deg); }.accordion-item.is-open button i::after { transform:rotate(0deg); }.accordion-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s; }.accordion-item.is-open .accordion-answer { grid-template-rows:1fr; }.accordion-answer > p { overflow:hidden; margin:0; padding:0 20px; color:var(--muted); font-size:13px; transition:padding .3s; }.accordion-item.is-open .accordion-answer > p { padding:0 20px 19px; }

.contact-section { padding: 115px 0; min-height: 680px; display:grid; align-items:center; overflow:hidden; isolation:isolate; }.contact-media { background-image:url("https://images.pexels.com/photos/17483874/pexels-photo-17483874.jpeg?auto=compress&cs=tinysrgb&w=2000"); filter:saturate(.88) brightness(.62); }.contact-overlay { position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 71% 50%,rgba(60,28,175,.3),transparent 24%),linear-gradient(90deg,#07101f 1%,rgba(7,16,31,.88) 47%,rgba(7,16,31,.55) 100%); }.contact-content { display:grid; grid-template-columns:1fr minmax(350px,.78fr); gap:65px; align-items:center; }.contact-copy { max-width:650px; }.contact-copy h2 { font-size:clamp(39px, 5.8vw, 72px); }.contact-copy p { max-width:620px; margin-bottom:27px; }.contact-email { display:block; width:max-content; margin-top:20px; color:#bdf5ff; font:700 clamp(18px,2vw,24px) "Space Grotesk",sans-serif; letter-spacing:-.04em; }.contact-email:hover { color:var(--cyan); }.contact-copy small { display:block; margin-top:7px; color:#a9b9cc; font-size:11px; }.contact-form { padding:25px; border-radius:20px; }.form-head { display:flex; align-items:center; gap:8px; color:#9db4cc; font-size:10px; letter-spacing:.1em; font-weight:800; }.form-head p { margin:0; }.contact-form h3 { margin:18px 0 22px; font-size:27px; letter-spacing:-.045em; }.contact-form label { display:block; margin-bottom:13px; }.contact-form label > span { display:block; margin-bottom:5px; color:#cad9e9; font-size:10px; font-weight:800; letter-spacing:.04em; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:1px solid rgba(170,202,240,.21); border-radius:9px; outline:0; background:rgba(3,10,20,.43); color:#eff9ff; padding:10px 11px; font-size:12px; transition:border .2s, background .2s, box-shadow .2s; }.contact-form select { color:#eff9ff; }.contact-form option { background:#111c2e; }.contact-form textarea { resize:vertical; min-height:80px; }.contact-form input::placeholder,.contact-form textarea::placeholder { color:#6f8298; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:rgba(15,224,255,.76); background:rgba(6,18,34,.8); box-shadow:0 0 0 3px rgba(15,224,255,.09); }.contact-form .is-invalid { border-color:#ff7f9f; }.form-submit { width:100%; margin-top:3px; padding:12px; }.form-feedback { min-height:18px; margin:8px 0 0; color:#ff9fb2; font-size:11px; text-align:center; }

.site-footer { position:relative; padding:45px 0 25px; background:#040810; border-top:1px solid rgba(177,211,255,.12); }.footer-main { display:flex; align-items:center; justify-content:space-between; gap:30px; }.footer-brand { margin-bottom:12px; }.footer-main p { margin:0; color:#a3b3c7; font-size:12px; }.footer-main p strong { color:#eaf4ff; }.footer-contact { text-align:right; }.footer-contact a { display:block; margin-bottom:4px; color:var(--cyan); font:700 18px "Space Grotesk",sans-serif; letter-spacing:-.04em; }.footer-contact span { color:#9daec1; font-size:11px; }.footer-bottom { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:38px; padding-top:19px; border-top:1px solid rgba(177,211,255,.1); }.footer-bottom p { margin:0; color:#7f91a6; font-size:10px; }.footer-bottom p:last-child { text-align:right; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .75s ease, transform .75s ease; }.reveal.visible { opacity:1; transform:translateY(0); }.delay-1 { transition-delay:.12s; }.delay-2 { transition-delay:.24s; }.delay-3 { transition-delay:.36s; }
@keyframes drift { to { transform:translate3d(35px, 40px, 0) scale(1.08); } }@keyframes fall { to { transform:translateY(calc(100vh + 450px)); } }@keyframes pulse { 70% { box-shadow:0 0 0 8px rgba(156,230,123,0); }100% { box-shadow:0 0 0 0 rgba(156,230,123,0); } }@keyframes wave { to { transform:scaleY(.38); opacity:.5; } }@keyframes scrollDot { 0% { transform:translate(-50%,0); opacity:1; }70% { transform:translate(-50%,17px); opacity:0; }100% { opacity:0; } }

@media (max-width: 1120px) { .pricing-grid { grid-template-columns:repeat(3,1fr); }.pricing-card.featured { transform:none; }.pricing-card.featured:hover { transform:translateY(-7px); }.pricing-card:nth-child(4),.pricing-card:nth-child(5) { grid-column:span 1; }.pricing-card.premium-card { grid-column:span 1; }.pricing-top h3 { min-height:auto; } }
@media (max-width: 900px) { .desktop-nav,.nav-mail { display:none; }.menu-toggle { display:flex; width:41px; height:41px; flex-direction:column; justify-content:center; align-items:center; gap:5px; border:1px solid rgba(182,216,255,.25); border-radius:10px; background:rgba(11,21,37,.7); }.menu-toggle span { width:18px; height:1.5px; border-radius:3px; background:#eaf6ff; transition:transform .25s, opacity .25s; }.menu-toggle.is-active span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }.menu-toggle.is-active span:nth-child(2) { opacity:0; }.menu-toggle.is-active span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }.mobile-nav { position:absolute; left:24px; right:24px; top:calc(100% + 8px); padding:14px; border:1px solid rgba(187,220,255,.19); border-radius:15px; background:rgba(7,14,26,.96); backdrop-filter:blur(18px); box-shadow:var(--shadow); flex-direction:column; align-items:stretch; transform:translateY(-15px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s, transform .25s, visibility .25s; }.mobile-nav.is-open { display:flex; opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }.mobile-nav a { padding:11px 8px; color:#d5e3f0; font-size:13px; font-weight:700; }.mobile-nav-cta { margin-top:4px; border-radius:8px; color:#fff !important; background:linear-gradient(90deg,var(--cyan),var(--blue)); text-align:center; }.hero-content { grid-template-columns:1fr; gap:34px; }.domain-float { justify-self:start; max-width:370px; }.value-grid { grid-template-columns:repeat(2,1fr); }.target-layout,.process-layout,.faq-layout,.contact-content { grid-template-columns:1fr; }.target-image-wrap { max-width:650px; }.target-copy,.process-copy { max-width:none; }.faq-intro { position:static; }.contact-content { gap:38px; }.contact-copy { max-width:none; }.contact-form { max-width:600px; }.pricing-grid { grid-template-columns:repeat(2,1fr); }.pricing-card { padding:24px 20px 18px; }.hero { padding-top:120px; }.site-header { padding:12px 0; } }
@media (max-width: 620px) { .container { width:min(100% - 32px, var(--container)); }.hero { min-height:auto; padding:124px 0 95px; }.hero-text { font-size:14px; }.hero-actions { align-items:stretch; flex-direction:column; }.button { width:100%; min-height:47px; }.trust-list { gap:12px; flex-direction:column; }.domain-float { width:100%; }.scroll-cue { display:none; }.value-section,.packages-section,.faq-section { padding:82px 0; }.target-section,.process-section { padding:62px 0; }.section-heading h2,.target-copy h2,.process-copy h2,.faq-intro h2 { font-size:34px; }.value-grid,.pricing-grid { grid-template-columns:1fr; }.value-card { min-height:auto; }.pricing-card.featured { order:-1; }.target-image-wrap img { min-height:350px; }.image-glow-card { right:13px; bottom:14px; }.target-image-wrap::before { display:none; }.pricing-grid { margin-top:38px; }.pricing-card { min-height:auto; }.pricing-card.premium-card { grid-column:auto; }.process-image img { height:200px; }.timeline li { grid-template-columns:43px 1fr; gap:16px; }.timeline::before { left:21px; }.timeline-number { width:43px; height:43px; font-size:10px; }.timeline h3 { font-size:18px; }.contact-section { padding:82px 0; }.contact-copy h2 { font-size:42px; }.field-row { grid-template-columns:1fr; gap:0; }.contact-form { padding:19px; }.footer-main,.footer-bottom { grid-template-columns:1fr; display:grid; }.footer-contact { text-align:left; }.footer-bottom p:last-child { text-align:left; }.footer-bottom { gap:10px; margin-top:30px; }.brand-name { font-size:12px; }.hero-media { background-position:63% center; }.contact-overlay { background:linear-gradient(180deg,rgba(7,16,31,.83),rgba(7,16,31,.9)); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; } .reveal { opacity:1; transform:none; } }