/* AVIORLEVEL PREMIUM REFINEMENT — November 2026
   Preserves the original black Apple-inspired theme and native system typography.
   Component styles below intentionally supersede the earlier card treatment. */

:root {
  --premium-white: #f7f8fb;
  --premium-secondary: #a2a5b1;
  --premium-violet: #b2a4ff;
  --premium-blue: #9ecbff;
  --premium-edge: rgba(255,255,255,.115);
}
html[data-theme="dark"] { --bg: #000; --surface: #111114; --surface-2: #19191e; --muted: #a2a4ae; }
html { scroll-padding-top: 102px; }
body {
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  font-feature-settings:"kern" 1;
  font-kerning:normal;
  font-weight:400;
  letter-spacing:-.012em;
  background:#000;
}
:where(h1,h2,h3,h4){ text-wrap:balance; }
:where(p){ text-wrap:pretty; }
:where(a,button,input,textarea,select,summary):focus-visible {
  outline:2px solid #a8caff;
  outline-offset:4px;
}
.skip-link {position:fixed;z-index:999;top:12px;left:16px;transform:translateY(-180%);border-radius:12px;padding:12px 16px;color:#050507;background:#f5f5f7;font-size:14px;font-weight:700;box-shadow:0 8px 22px #0009}
.skip-link:focus{transform:translateY(0)}
:target{scroll-margin-top:103px}
.container { width:min(1170px,calc(100% - 52px)); }
.section { padding:116px 0; }
.section-heading {max-width:860px;}
.section-heading h2 {font-weight:650;letter-spacing:-.067em;font-size:clamp(40px,5.4vw,69px);line-height:1.035;margin:22px 0 20px;}
.section-heading p {font-size:clamp(16px,1.55vw,18px);line-height:1.72;color:#a4a4ad;max-width:700px;}
.eyebrow {color:#a4a8b5;font-size:11px;letter-spacing:.17em;font-weight:730;}
.eyebrow:before{width:21px;background:linear-gradient(90deg,#7dabff,#d2b2ff)}
.gradient-text {background:linear-gradient(110deg,#8ec8ff 4%,#a7a6ff 53%,#e3abf7 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.button {font-weight:630;letter-spacing:-.016em;min-height:45px;}
.button-primary {background:#f2f4ff;color:#10121b;box-shadow:0 8px 30px rgba(100,115,255,.12)}
.button-primary:hover{background:#dce7ff;box-shadow:0 13px 34px rgba(100,115,255,.20)}
.button-secondary{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.16);color:#f6f7fa}
.button-secondary:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.32)}

/* Navigation: same product identity, quieter spacing and deliberate responsive menu. */
.topbar{background:rgba(7,7,10,.79);border-bottom:1px solid rgba(255,255,255,.075);padding:13px 0;}
.topbar-inner{gap:16px}
.brand-name{font-size:19px;letter-spacing:-.048em;font-weight:680;line-height:1.25}
.brand-name small{font-size:8px;letter-spacing:.16em;font-weight:650;margin-top:2px}
.primary-nav{gap:clamp(13px,1.65vw,24px)}
.primary-nav a{font-size:12.5px;letter-spacing:-.008em;color:#acadb5;font-weight:560}
.primary-nav a:hover,.primary-nav a.is-active{color:#fff}
.top-actions .button-primary{background:#f7f8fa;color:#0d0e12}
.top-actions .button-primary:hover{background:#cfdfff}
.nav-toggle{border-color:rgba(255,255,255,.14)}

/* Hero: dark stays dark, typography has more detail and an editorial composition. */
.hero{padding:106px 0 101px;background:radial-gradient(ellipse at 50% -5%,rgba(86,87,178,.16),transparent 35%),radial-gradient(ellipse at 89% 50%,rgba(35,117,195,.065),transparent 34%),#000;}
.hero:after{opacity:.16;border-color:rgba(166,169,255,.13);width:800px;height:800px;top:17%}
.hero-kicker{font-size:11px;font-weight:660;letter-spacing:.13em;color:#d6d9e7;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);padding:8px 15px;}
.hero-kicker i{background:#9ca9ff;box-shadow:0 0 0 4px rgba(156,169,255,.15)}
.hero h1{max-width:1080px;font-weight:680;font-size:clamp(49px,7.25vw,96px);letter-spacing:-.083em;line-height:1.015;margin:26px auto 22px;}
.hero-copy{max-width:715px;font-size:clamp(16px,1.55vw,20px);line-height:1.67;color:#abb0bf;}
.hero-actions{margin-top:35px;gap:13px}
.hero-actions .button{padding:15px 25px}
.hero-visual{max-width:1060px;margin:79px auto 0;}
.method-board{position:relative;isolation:isolate;overflow:hidden;padding:29px 35px 26px;border-radius:31px;border:1px solid rgba(205,215,255,.19);background:linear-gradient(125deg,#0d121b,#141825 53%,#151528);box-shadow:0 26px 85px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);text-align:left;}
.method-board:before{content:"";position:absolute;z-index:-1;width:700px;height:460px;top:-315px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(147,128,255,.24),transparent 69%);filter:blur(7px)}
.method-board:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 99px,rgba(255,255,255,.017) 100px);pointer-events:none}
.method-top,.method-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}
.method-top{padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.095)}
.method-kicker,.method-top-note,.method-foot{font-size:10px;color:#9da7ba;letter-spacing:.16em;font-weight:680}
.method-kicker{display:inline-flex;align-items:center;gap:10px;color:#dae1f9}
.pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#96acff;box-shadow:0 0 0 5px rgba(150,172,255,.11)}
.method-board-title{font-size:clamp(23px,3vw,35px);font-weight:640;letter-spacing:-.052em;color:#f5f7ff;padding:26px 0 18px}
.method-board-title span{color:#a6b6ed}
.method-pipeline{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;gap:12px;margin-bottom:28px}
.method-step{display:flex;align-items:center;gap:13px;min-height:115px;padding:15px 14px;border:1px solid rgba(255,255,255,.115);background:rgba(255,255,255,.042);border-radius:18px}
.method-orb{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:16px;font-size:26px;font-weight:400;color:#c6caff;background:linear-gradient(140deg,rgba(179,182,255,.2),rgba(179,182,255,.035));border:1px solid rgba(200,200,255,.17)}
.orb-two{color:#c8b9ff;background:linear-gradient(140deg,rgba(174,142,255,.19),rgba(194,159,255,.035))}
.orb-three{color:#98cbff;background:linear-gradient(140deg,rgba(132,194,255,.19),rgba(132,194,255,.035))}
.method-step span:not(.method-orb){display:block;color:#98a6c5;font-size:9px;letter-spacing:.13em;font-weight:720;margin-bottom:5px}
.method-step strong{display:block;color:#f7f7ff;font-size:15px;font-weight:640;letter-spacing:-.027em;line-height:1.28}
.method-step small{display:block;color:#99a4b6;font-size:11px;margin-top:5px;line-height:1.45}
.method-line{height:2px;background:linear-gradient(90deg,rgba(140,172,255,.1),rgba(187,166,255,.65),rgba(140,172,255,.1));position:relative}
.method-line:after{content:"";position:absolute;right:1px;top:-3px;border:4px solid transparent;border-left-color:#b3b5ec}
.method-foot{padding-top:18px;border-top:1px solid rgba(255,255,255,.095);font-size:10px;letter-spacing:.08em}
.method-foot b{padding:0 5px;color:#899ab5;font-weight:500}

/* Toolkit: text-led, avoids depending on third-party logo CDNs. */
.trust{padding:40px 0 67px;background:#070709;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.07)}
.trust-head{margin-bottom:23px}
.trust-head strong{font-size:15px;font-weight:630;letter-spacing:-.02em;color:#f0f1f6}
.trust-head span{font-size:12.5px;color:#8e919d}
.tool-grid{gap:9px}
.tool-logo{min-height:64px;padding:10px;border-radius:13px;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.08);gap:9px}
.tool-logo:hover{background:rgba(255,255,255,.048);border-color:rgba(185,180,255,.24);box-shadow:none}
.tool-logo span:not(.tool-diamond){font-size:13px;letter-spacing:-.018em;color:#dee0eb;font-weight:570}
.tool-logo .tool-diamond{font-size:13px;color:#948ac6}
.trust-note{color:#777a85;font-size:11px;margin-top:18px}

/* Service cards, recreated. No Reddit/Aviorlevel logotype or brandmark in illustrations. */
.services-section{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(67,70,146,.08),transparent 46%),#000;}
.services-section .section-heading{margin-bottom:53px}
.service-grid{gap:18px}
.premium-service-card,.premium-service-card.service-card--reddit,.premium-service-card.service-card--social,.premium-service-card.service-card--web,.premium-service-card.service-card--growth{
  --card-accent:#ffb593;
  --card-halo:rgba(224,121,91,.13);
  position:relative;display:flex;flex-direction:column;
  min-height:487px;padding:27px 30px 24px;border-radius:27px;
  color:#f5f7ff;background:radial-gradient(ellipse at 67% 20%,var(--card-halo),transparent 52%),linear-gradient(145deg,#151418,#0c0c0f 75%);
  border:1px solid rgba(255,255,255,.115);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 16px 37px rgba(0,0,0,.12);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  overflow:hidden;isolation:isolate;
  transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .35s;
}
.premium-service-card.service-card--social{--card-accent:#c5b2ff;--card-halo:rgba(126,97,219,.16);background:radial-gradient(ellipse at 70% 19%,var(--card-halo),transparent 53%),linear-gradient(145deg,#15131b,#0c0c10 76%)}
.premium-service-card.service-card--web{--card-accent:#a6deff;--card-halo:rgba(68,146,207,.13);background:radial-gradient(ellipse at 66% 21%,var(--card-halo),transparent 55%),linear-gradient(145deg,#111921,#0c0d12 76%)}
.premium-service-card.service-card--growth{--card-accent:#e1c7f7;--card-halo:rgba(147,105,166,.13);background:radial-gradient(ellipse at 69% 21%,var(--card-halo),transparent 55%),linear-gradient(145deg,#19151e,#0e0d11 77%)}
.premium-service-card:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(130deg,rgba(255,255,255,.065),transparent 34%,transparent 75%,rgba(255,255,255,.025));pointer-events:none}
.premium-service-card:after{content:"";position:absolute;z-index:-1;inset:0;width:auto;height:auto;right:0;top:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,255,255,.011) 50px);filter:none;pointer-events:none}
.premium-service-card:hover{transform:translateY(-7px);border-color:rgba(207,207,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.095),0 29px 65px rgba(0,0,0,.37)}
.premium-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2}
.premium-index{font-size:11px;letter-spacing:.16em;color:#b4b4c0;font-weight:690}
.premium-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:20px;font-weight:400;color:#e0e1eb;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);transition:transform .3s,background .3s}
.premium-service-card:hover .premium-arrow{transform:translate(2px,-2px);background:rgba(255,255,255,.12)}
.premium-art{height:188px;display:grid;place-items:center;max-width:100%;margin:2px -12px 14px;position:relative;z-index:1}
.premium-art img{width:min(100%,468px);max-height:194px;height:auto;object-fit:contain;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.premium-service-card:hover .premium-art img{transform:translateY(-4px) scale(1.035)}
.premium-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:0;flex:1}
.premium-service-card .premium-copy h3{font-size:clamp(28px,3.0vw,34px);font-weight:660;letter-spacing:-.058em;margin:0 0 11px;line-height:1.13;color:#f7f7fc}
.premium-service-card .premium-copy p{font-size:14.5px;color:#acaeb9;opacity:1;line-height:1.63;margin:0 0 19px;max-width:440px}
.premium-tags{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:auto}
.premium-tags span{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:10.5px;font-weight:620;letter-spacing:.003em;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.095);color:#d3d4df}
.premium-card-foot{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-top:23px;padding-top:17px;border-top:1px solid rgba(255,255,255,.105);color:var(--card-accent);font-size:12.5px;font-weight:660;letter-spacing:.008em}
.premium-card-foot span:last-child{font-size:19px;line-height:1}
/* Services overview receives the same upgraded card style. */
.inner-content .service-grid{gap:18px}

/* Every service landing page: conceptual artwork replaces platform brandmark towers. */
.service-hero{padding-bottom:92px}
.service-hero h1{font-weight:670;letter-spacing:-.072em;line-height:1.035}
.service-hero-copy{font-size:17px;line-height:1.73}
.service-emblem.service-emblem--illustrated,.service-emblem.service-emblem--reddit.service-emblem--illustrated,.service-emblem.service-emblem--social.service-emblem--illustrated,.service-emblem.service-emblem--web.service-emblem--illustrated,.service-emblem.service-emblem--growth.service-emblem--illustrated{
  display:grid;place-items:center;overflow:hidden;min-height:315px;border-radius:28px;
  background:radial-gradient(ellipse at 50% 50%,rgba(128,114,205,.1),transparent 75%),linear-gradient(145deg,#16151d,#111115);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 52px rgba(0,0,0,.23);
}
.service-emblem--reddit.service-emblem--illustrated{background:radial-gradient(ellipse at 50% 50%,rgba(226,117,73,.12),transparent 74%),linear-gradient(145deg,#1d1716,#101012)}
.service-emblem--social.service-emblem--illustrated{background:radial-gradient(ellipse at 50% 50%,rgba(143,113,235,.15),transparent 74%),linear-gradient(145deg,#191523,#101012)}
.service-emblem--web.service-emblem--illustrated{background:radial-gradient(ellipse at 50% 50%,rgba(78,171,246,.13),transparent 74%),linear-gradient(145deg,#151e28,#101113)}
.service-emblem--growth.service-emblem--illustrated{background:radial-gradient(ellipse at 50% 50%,rgba(178,128,205,.13),transparent 74%),linear-gradient(145deg,#1c1720,#101012)}
.service-emblem--illustrated:before{z-index:0;inset:0;width:auto;height:auto;border:0;content:"";background:repeating-linear-gradient(90deg,transparent 0px,transparent 79px,rgba(255,255,255,.017) 80px);pointer-events:none}
.service-emblem--illustrated:after{content:none;display:none}
.service-emblem--illustrated .detail-art{width:100%;position:relative;z-index:1;padding:20px}
.service-emblem--illustrated .detail-art img{width:min(100%,470px);height:auto;max-height:300px;object-fit:contain;filter:none;margin:0 auto}

/* Supporting page cards carry the same quieter material, typography and hover polish. */
.info-card,.link-card,.challenge-card,.deliverable,.framework-card,.outcome,.process-card{
  border-color:rgba(255,255,255,.095);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.053),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.045)
}
.info-card h3,.link-card h3,.deliverable h3,.process-card h3{font-weight:640;letter-spacing:-.035em}
.info-card p,.link-card p,.deliverable p,.process-card p{color:#a1a4b0;line-height:1.72}
.link-card:hover,.info-card:hover,.deliverable:hover{border-color:rgba(181,183,255,.29);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.027))}
.inner-hero{background:radial-gradient(ellipse at 76% 4%,rgba(105,91,173,.15),transparent 42%),radial-gradient(ellipse at 12% 60%,rgba(63,124,180,.08),transparent 34%),#000}
.inner-hero h1{font-weight:665;letter-spacing:-.073em}
.inner-hero p{line-height:1.72}

/* A purpose-built, not fabricated, illustration in place of generic office stock imagery. */
.office-section{padding:14px 0 110px}
.office-card{border-radius:29px;background:linear-gradient(135deg,#15151a,#101114);border-color:rgba(255,255,255,.1);box-shadow:0 22px 65px rgba(0,0,0,.22)}
.office-copy{padding:clamp(30px,4vw,56px)}
.office-copy h2{font-weight:650;letter-spacing:-.066em}
.office-copy p{color:#aaaab2}
.office-image.office-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:465px;padding:29px 25px;background:radial-gradient(ellipse at 51% 51%,rgba(140,122,218,.20),transparent 48%),radial-gradient(ellipse at 100% 5%,rgba(65,139,212,.10),transparent 40%),#0d1019;isolation:isolate;overflow:hidden;}
.office-image.office-visual:after{content:none}
.office-visual:before{content:"";position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 62px,rgba(255,255,255,.034) 63px);pointer-events:none}
.office-art-top,.office-art-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:#d3d9eb;font-size:10px;font-weight:700;letter-spacing:.12em}
.office-art-dot{width:6px;height:6px;border-radius:50%;background:#b5c0ff;box-shadow:0 0 0 4px rgba(160,167,255,.12)}
.office-art-badge{margin-left:auto;font-size:9px;color:#9399b3}
.office-art-bottom{justify-content:space-between;border-top:1px solid rgba(255,255,255,.13);padding-top:18px;}
.office-art-bottom span{font-size:21px;color:#b8b9ff;font-weight:400}
.office-orbit{width:min(350px,78%);aspect-ratio:1;position:relative;align-self:center;display:grid;place-items:center;}
.office-ring{position:absolute;inset:0;border:1px solid rgba(185,185,255,.19);border-radius:50%}
.office-ring-two{inset:20%;border-style:dashed;border-color:rgba(195,197,255,.26)}
.office-core{width:135px;height:135px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6f6ff;font-size:22px;font-weight:680;letter-spacing:-.06em;background:linear-gradient(145deg,#4b5482,#30334b);border:1px solid rgba(232,233,255,.3);box-shadow:0 17px 48px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.13)}
.office-core span{font-size:11px;color:#c7d4ef;font-weight:550;letter-spacing:0;margin-top:2px}
.office-orbit-chip{position:absolute;z-index:1;display:grid;place-items:center;min-width:81px;min-height:33px;padding:5px 10px;border-radius:99px;background:#252b3e;border:1px solid rgba(213,225,255,.25);font-size:11px;font-weight:620;color:#e0e8fb;box-shadow:0 9px 22px rgba(0,0,0,.3)}
.orbit-chip-a{top:12%;left:-9%}.orbit-chip-b{top:26%;right:-12%}.orbit-chip-c{bottom:13%;left:6%}

/* Pricing: user-requested under-$100 budget, without making unapproved deliverable promises. */
.pricing-section{position:relative;background:radial-gradient(ellipse at 54% 5%,rgba(99,79,160,.12),transparent 48%),#08080b;border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075)}
.pricing-intro{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:39px}
.pricing-intro h2{font-size:clamp(40px,5.35vw,68px);line-height:1.04;font-weight:660;letter-spacing:-.068em;margin:18px 0 0;max-width:660px}
.pricing-intro>p{max-width:385px;color:#a4a4b1;font-size:15.5px;line-height:1.72;margin:0 0 3px}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.price-card{display:flex;flex-direction:column;min-height:475px;padding:35px;border-radius:27px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,#1c1d29,#111117 70%);box-shadow:inset 0 1px rgba(255,255,255,.07);position:relative;overflow:hidden;isolation:isolate}
.price-card:before{position:absolute;content:"";z-index:-1;width:350px;height:350px;right:-160px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(136,140,253,.27),transparent 72%)}
.price-card--custom{background:linear-gradient(145deg,#17171b,#111114 71%)}
.price-card--custom:before{background:radial-gradient(circle,rgba(92,156,228,.22),transparent 72%)}
.price-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}
.price-caption{color:#afb3c7;font-size:10px;letter-spacing:.145em;font-weight:700}
.price-pip{width:11px;height:11px;border-radius:50%;background:#aea9ff;box-shadow:0 0 0 6px rgba(174,169,255,.085)}
.price-card--custom .price-pip{background:#89bbeb;box-shadow:0 0 0 6px rgba(137,187,235,.08)}
.price-card h3{font-size:19px;letter-spacing:-.035em;font-weight:600;color:#cdd2e4;margin:0 0 8px}
.price-amount{font-size:clamp(34px,4.25vw,53px);line-height:1.06;font-weight:680;letter-spacing:-.067em;color:#f6f7ff;white-space:nowrap;margin:0 0 16px}
.price-amount span{font-size:13px;font-weight:530;letter-spacing:0;color:#a2a6b8;white-space:normal}
.price-card>p{font-size:14.5px;line-height:1.75;max-width:485px;color:#aaafbc;margin:0 0 21px}
.price-benefits{display:grid;gap:11px;margin-bottom:25px}
.price-benefits span{display:flex;align-items:center;gap:12px;font-size:13px;color:#d4d5df;line-height:1.4}
.price-benefits span:before{content:"✓";flex:none;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(167,173,255,.105);color:#b3bcff;font-size:11px}
.price-card .price-button{margin-top:auto;align-self:stretch;justify-content:space-between;padding:14px 18px}
.pricing-note{font-size:11.5px;line-height:1.7;color:#878a9a;text-align:center;margin:21px 0 0}

/* A form that feels like a trustworthy conversion endpoint. */
.contact-section{padding-top:111px;background:radial-gradient(ellipse at 0 45%,rgba(76,92,150,.065),transparent 50%),#000}
.contact-copy h2{font-weight:650;letter-spacing:-.072em;line-height:1.055}
.contact-copy>p{color:#a3a6b2;line-height:1.75}
.form-card{padding:35px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(28,29,36,.91),rgba(17,17,21,.89));border-radius:27px;box-shadow:inset 0 1px rgba(255,255,255,.065),0 23px 65px rgba(0,0,0,.20)}
.form-card h3{font-weight:640;font-size:23px;letter-spacing:-.039em}
.form-card>p{color:#a1a4b2}
.field label{color:#d2d3df;font-size:12px;font-weight:590}
.field :where(input,select,textarea){background:#111217;border-color:rgba(255,255,255,.13);border-radius:12px;color:#f6f7ff}
.field :where(input,select,textarea)::placeholder{color:#777985;opacity:1}
.field :where(input,select,textarea):focus{border-color:#a0baf8;outline:2px solid rgba(130,160,255,.26);outline-offset:1px}
.form-submit{width:100%;justify-content:space-between}
.form-fine{font-size:11.5px;line-height:1.65;color:#898c99}
.form-fine a,.privacy-content a:not(.button){color:#b7caff;text-decoration:underline;text-underline-offset:3px}
[hidden]{display:none!important}

/* Lower pages / legal styling */
.site-footer{background:#0b0b0e;border-top:1px solid rgba(255,255,255,.07)}
.site-footer h4{color:#c6c7d0}
.footer-links a{color:#a2a4b2}
.footer-links a:hover{color:#fff}
.footer-bottom{border-color:rgba(255,255,255,.1)}
.privacy-hero .eyebrow{justify-content:center}
.privacy-content{max-width:760px;margin:0 auto;color:#b8bac6;line-height:1.85;font-size:15px}
.privacy-content h2{color:#f2f3fa;font-size:23px;letter-spacing:-.035em;font-weight:630;margin:34px 0 10px}
.privacy-content h2:first-of-type{margin-top:22px}
.privacy-content p{margin:0 0 16px}
.privacy-updated{font-size:12px;color:#8b8d9a}
.privacy-disclaimer{font-size:12px;color:#9a9cac;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);margin:28px 0!important}

/* Progressive enhancement: default-visible content even when JavaScript fails. */
.reveal{opacity:1;transform:none;transition:none}
.js-motion .reveal{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .65s ease}
.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1080px){
  .primary-nav{gap:12px}.primary-nav a{font-size:12px}.brand-name{font-size:17px}
  .method-step{padding:12px 10px;gap:10px}.method-orb{width:40px;height:40px;font-size:22px}
}
@media(max-width:1000px){
  .topbar{padding:10px 0}
  .topbar-inner{position:relative;gap:12px}
  .brand{margin-right:auto}
  .nav-toggle{display:flex;order:3;flex:0 0 43px;min-width:43px;height:43px;margin-left:0}
  .top-actions{order:2;margin-left:0}
  .primary-nav{display:none;position:absolute;top:calc(100% + 13px);left:0;right:0;z-index:70;margin:0;padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:#15151af7;box-shadow:0 24px 70px rgba(0,0,0,.58);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);flex-direction:column;align-items:stretch;gap:2px}
  .primary-nav.is-open{display:flex}
  .primary-nav a{font-size:14px;padding:12px 13px;border-radius:11px}
  .primary-nav a:hover,.primary-nav a.is-active{background:rgba(255,255,255,.07)}
  .primary-nav a.is-active:after{display:none}
  .pricing-intro{gap:35px}.pricing-intro>p{max-width:325px}
}
@media(max-width:900px){
  .section{padding:89px 0}
  .hero{padding:85px 0 84px}
  .hero-visual{margin-top:56px}
  .method-board{padding:24px}
  .method-pipeline{gap:8px;grid-template-columns:1fr 13px 1fr 13px 1fr}
  .method-step{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;min-height:156px;padding:13px}
  .method-step strong{font-size:14px}
  .method-step small{font-size:10px}
  .premium-service-card{padding:24px}
  .pricing-intro{display:block}.pricing-intro>p{max-width:680px;margin-top:20px}
  .office-image.office-visual{min-height:410px}
  .contact-section{padding-top:89px}
}
@media(max-width:700px){
  .container{width:calc(100% - 34px)}
  .hero{padding:77px 0 68px}
  .hero h1{font-size:clamp(46px,10.6vw,71px)}
  .hero-copy{font-size:16px}
  .method-pipeline{grid-template-columns:1fr;gap:8px}
  .method-board-title{padding-top:22px}
  .method-step{min-height:0;flex-direction:row;align-items:center;padding:11px 13px}
  .method-line{width:2px;height:13px;margin:0 0 0 33px}
  .method-line:after{right:-3px;top:auto;bottom:-5px;border:4px solid transparent;border-top-color:#b3b5ec}
  .method-step strong{font-size:14px}
  .method-step small{font-size:11px}
  .method-top-note,.method-foot>span:first-child{display:none}
  .method-board{border-radius:22px;padding:21px}
  .method-foot{font-size:9px}
  .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-head{display:block}.trust-head span{display:block;margin-top:6px}
  .service-grid,.pricing-grid{grid-template-columns:1fr}
  .premium-service-card,.premium-service-card.service-card--reddit,.premium-service-card.service-card--social,.premium-service-card.service-card--web,.premium-service-card.service-card--growth{min-height:448px;padding:25px 24px}
  .premium-art{height:170px;margin:2px -6px 10px}
  .premium-art img{max-height:175px}
  .premium-service-card .premium-copy h3{font-size:31px}
  .premium-service-card .premium-copy p{font-size:14px}
  .premium-card-foot{margin-top:20px}
  .price-card{min-height:0;padding:28px}
  .price-card .price-button{margin-top:15px}
  .pricing-intro{margin-bottom:30px}
  .pricing-intro h2{font-size:clamp(40px,9vw,55px)}
  .office-image.office-visual{min-height:390px}
  .service-emblem--illustrated .detail-art{padding:10px}
  .form-card{padding:24px}
}
@media(max-width:480px){
  .top-actions{display:none}
  .nav-toggle{margin-left:auto}
  .container{width:calc(100% - 30px)}
  .hero h1{font-size:clamp(43px,11.6vw,55px);letter-spacing:-.07em}
  .hero-actions{flex-direction:column;align-items:stretch;max-width:370px;margin-inline:auto;margin-top:30px}
  .hero-actions .button{width:100%;justify-content:space-between}
  .hero-visual{margin-top:43px}
  .method-step{gap:10px}
  .method-orb{width:42px;height:42px}
  .method-board-title{font-size:25px}
  .service-grid{gap:13px}
  .premium-index{font-size:10px}
  .premium-service-card,.premium-service-card.service-card--reddit,.premium-service-card.service-card--social,.premium-service-card.service-card--web,.premium-service-card.service-card--growth{min-height:430px;padding:22px}
  .premium-art{height:159px}
  .premium-art img{max-height:160px}
  .premium-service-card .premium-copy h3{font-size:29px}
  .premium-tags span{font-size:10px}
  .price-amount{font-size:36px;white-space:normal}
  .price-amount span{display:block;margin-top:7px}
  .office-image.office-visual{min-height:355px;padding:20px}
  .office-orbit{width:74%}
  .office-core{width:112px;height:112px;font-size:19px}
  .office-orbit-chip{font-size:10px;min-width:64px;min-height:29px}
  .office-art-badge{display:none}
  .inner-hero h1{font-size:clamp(40px,11vw,55px)}
  .service-emblem.service-emblem--illustrated{min-height:230px}
  .office-copy h2,.contact-copy h2{font-size:clamp(35px,9vw,47px)}
  .form-card{padding:20px}
}
@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-motion .reveal{opacity:1;transform:none}
}

/* Platform-name strip: self-contained, no external trademark icon requests. */
.platform-rail .platform-name-badges{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.platform-rail .platform-name-badges span{display:inline-flex;align-items:center;padding:7px 13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d5d9e5;font-size:12px;font-weight:620}
@media(max-width:640px){.platform-rail .container{flex-direction:column;align-items:flex-start;gap:12px}}
/* Extra-small devices: prevent the legacy two-column footer overflowing 320px. */
@media(max-width:380px){
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .footer-brand,.footer-news{grid-column:auto}
  .footer-col,.footer-brand{min-width:0}
  .footer-links a,.footer-brand p{overflow-wrap:anywhere}
}