@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Medium.woff2") format("woff2"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:"Thmanyah Sans"; src:url("fonts/thmanyahsans-Bold.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Thmanyah Display"; src:url("fonts/thmanyahserifdisplay-Bold.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Thmanyah Text"; src:url("fonts/thmanyahseriftext-Regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }

:root {
  --landing-navy:#020522;
  --landing-navy-soft:#071044;
  --landing-blue:#123bd1;
  --landing-cyan:#19bff1;
  --landing-cyan-bright:#3eddf8;
  --landing-purple:#5d45ce;
  --landing-white:#fffdf9;
  --landing-muted:#bdc9e4;
  --landing-line:rgba(177,199,244,.22);
  --landing-card:rgba(10,24,78,.56);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; overflow-x:hidden; background:var(--landing-navy); color:var(--landing-white); font-family:"Thmanyah Sans","Segoe UI",Tahoma,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.landing-skip-link { position:fixed; z-index:100; inset-block-start:8px; inset-inline-start:8px; padding:10px 16px; border-radius:10px; background:#fff; color:#08123f; transform:translateY(-150%); }
.landing-skip-link:focus { transform:translateY(0); }

.landing-page {
  position:relative;
  isolation:isolate;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 77% 12%,rgba(29,54,196,.5),transparent 30%),
    radial-gradient(circle at 8% 39%,rgba(13,113,215,.2),transparent 24%),
    linear-gradient(180deg,#02031b 0%,#040a32 30%,#07155d 67%,#062864 100%);
}
.landing-page::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:auto -15% 9% -15%;
  height:42%;
  background:radial-gradient(ellipse at 52% 80%,rgba(12,194,241,.36),rgba(10,85,225,.23) 43%,transparent 72%);
  filter:blur(28px);
  pointer-events:none;
}
.landing-page::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.11;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
  pointer-events:none;
}

.landing-header { position:relative; z-index:20; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; width:min(100% - 48px,1440px); min-height:104px; margin:auto; }
.landing-brand { justify-self:start; display:flex; align-items:center; gap:10px; min-width:0; }
.landing-brand img { display:block; width:52px; height:44px; object-fit:contain; }
.landing-brand-symbol { width:52px; height:42px; flex:0 0 auto; background:url("fantastic-logo.png") left center/108px 42px no-repeat; }
.landing-brand-copy { display:flex; min-width:0; flex-direction:column; line-height:1; }
.landing-brand-copy strong { font-size:20px; font-weight:700; white-space:nowrap; }
.landing-brand-copy small { margin-top:5px; color:#aeb9d4; font-size:10px; white-space:nowrap; }
.landing-navigation { display:flex; align-items:center; gap:clamp(18px,2.6vw,42px); color:#c4cde2; font-size:14px; }
.landing-navigation a { position:relative; padding-block:12px; transition:color .25s ease; }
.landing-navigation a::after { content:""; position:absolute; inset-inline:0; inset-block-end:5px; height:1px; background:var(--landing-cyan); transform:scaleX(0); transition:transform .25s ease; }
.landing-navigation a:hover,.landing-navigation a:focus-visible { color:#fff; }
.landing-navigation a:hover::after,.landing-navigation a:focus-visible::after { transform:scaleX(1); }
.landing-admin-link { justify-self:end; padding:10px 18px; border:1px solid var(--landing-line); border-radius:999px; color:#dce5f7; font-size:13px; transition:border-color .25s ease,background .25s ease; }
.landing-admin-link:hover,.landing-admin-link:focus-visible { border-color:rgba(53,204,248,.65); background:rgba(31,169,234,.1); }

.landing-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr); align-items:center; gap:clamp(50px,7vw,120px); width:min(100% - 64px,1360px); min-height:calc(100svh - 104px); margin:auto; padding:60px 0 100px; }
.landing-hero-copy { position:relative; z-index:2; max-width:780px; }
.landing-kicker,.landing-section-eyebrow,.landing-section-heading>span { display:inline-flex; align-items:center; gap:9px; color:var(--landing-cyan); font-size:16px; font-weight:700; }
.landing-kicker i { width:8px; height:8px; border-radius:50%; background:#08e6ad; box-shadow:0 0 0 5px rgba(8,230,173,.1),0 0 18px rgba(8,230,173,.6); }
.landing-hero h1 { max-width:800px; margin:24px 0 22px; font-family:"Thmanyah Display","Thmanyah Sans",sans-serif; font-size:clamp(56px,6.1vw,96px); font-weight:700; line-height:.98; letter-spacing:-.025em; }
.landing-hero h1 em { display:block; color:var(--landing-cyan); font-style:normal; }
.landing-hero-copy>p { max-width:720px; margin:0; color:var(--landing-muted); font-family:"Thmanyah Text","Thmanyah Sans",sans-serif; font-size:clamp(19px,1.55vw,25px); line-height:1.65; }
.landing-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.landing-button { display:inline-flex; min-height:54px; align-items:center; justify-content:center; gap:20px; padding:12px 27px; border:1px solid transparent; border-radius:999px; font-weight:700; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease; }
.landing-button-primary { min-width:210px; border-color:rgba(115,222,255,.68); background:linear-gradient(100deg,#302a76,#6554da); box-shadow:0 16px 36px rgba(36,24,133,.25); }
.landing-button-primary b { font-family:Arial,sans-serif; font-size:24px; font-weight:400; opacity:0; transform:translateX(-12px); transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1); }
[dir="ltr"] .landing-button-primary b { transform:translateX(12px) scaleX(-1); }
.landing-button-primary:hover,.landing-button-primary:focus-visible { transform:translateY(-2px); box-shadow:0 20px 46px rgba(36,24,133,.42); }
.landing-button-primary:hover b,.landing-button-primary:focus-visible b { opacity:1; transform:translateX(0); }
[dir="ltr"] .landing-button-primary:hover b,[dir="ltr"] .landing-button-primary:focus-visible b { transform:translateX(0) scaleX(-1); }
.landing-button-secondary { border-color:var(--landing-line); background:rgba(255,255,255,.035); color:#d5def1; }
.landing-button-secondary:hover,.landing-button-secondary:focus-visible { border-color:rgba(53,204,248,.55); background:rgba(21,190,240,.08); }
.landing-trust-line { display:flex; align-items:center; gap:9px; margin-top:30px; color:#97a8c9; font-size:13px; }
.landing-trust-line span { color:#ffd10a; }

.landing-hero-visual { position:relative; min-height:590px; }
.landing-orbit { position:absolute; border:1px solid rgba(25,191,241,.25); border-radius:50%; }
.landing-orbit-one { width:510px; height:510px; inset:42px auto auto 50%; transform:translateX(-50%); }
.landing-orbit-two { width:410px; height:410px; inset:92px auto auto 50%; border-style:dashed; transform:translateX(-50%); }
.landing-offer-card { position:absolute; z-index:2; inset:55px auto auto 50%; width:min(92%,440px); min-height:500px; padding:34px; overflow:hidden; border:2px solid transparent; border-radius:46px 46px 46px 90px; background:linear-gradient(145deg,rgba(29,43,102,.96),rgba(19,40,116,.92) 58%,rgba(13,185,230,.82)); box-shadow:0 35px 100px rgba(0,12,74,.58); transform:translateX(-50%) rotate(2deg); }
.landing-offer-card::before { content:""; position:absolute; inset:-2px; padding:2px; border-radius:inherit; background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(107,136,231,.68),rgba(36,211,248,.5)); pointer-events:none; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.landing-offer-card::after { content:""; position:absolute; inset:auto -25% -20% -25%; height:48%; background:radial-gradient(ellipse,rgba(39,222,249,.7),transparent 67%); filter:blur(16px); }
.landing-offer-card header { display:flex; align-items:center; gap:8px; direction:ltr; color:#43d9fa; font-size:12px; }
.landing-offer-card header i { width:34px; height:1px; background:rgba(255,255,255,.28); }
.landing-offer-card header b { color:#7185ad; font-weight:400; }
.landing-offer-card>small { position:relative; z-index:1; display:block; margin-top:64px; color:var(--landing-cyan-bright); font-size:15px; }
.landing-offer-card h2 { position:relative; z-index:1; max-width:340px; margin:16px 0; font-family:"Thmanyah Display","Thmanyah Sans",sans-serif; font-size:clamp(42px,4vw,63px); line-height:1.05; }
.landing-offer-card p { position:relative; z-index:1; max-width:320px; margin:0; color:#d9e2f6; font-family:"Thmanyah Text","Thmanyah Sans",sans-serif; font-size:17px; line-height:1.5; }
.landing-offer-card>div { position:absolute; z-index:2; inset:auto 28px 32px; display:flex; flex-wrap:wrap; gap:8px; }
.landing-offer-card>div span { padding:7px 13px; border:1px solid rgba(130,223,250,.36); border-radius:999px; color:#e8f8ff; font-size:11px; }
.landing-floating-tag { position:absolute; z-index:3; padding:10px 17px; border:1px solid rgba(91,206,247,.55); border-radius:999px; background:rgba(9,24,80,.86); box-shadow:0 12px 35px rgba(0,8,55,.35); color:#bdefff; font-size:12px; }
.landing-floating-tag-top { inset:30px 2% auto auto; }
.landing-floating-tag-bottom { inset:auto auto 29px 0; }

.landing-section { width:min(100% - 64px,1360px); margin:auto; padding:120px 0; }
.landing-section-heading { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:18px 80px; align-items:end; margin-bottom:48px; }
.landing-section-heading>span { grid-column:1/-1; }
.landing-section h2 { margin:0; font-family:"Thmanyah Display","Thmanyah Sans",sans-serif; font-size:clamp(42px,4.5vw,70px); line-height:1.08; }
.landing-section-heading>p,.landing-offers-copy>p,.landing-closing p { margin:0; color:var(--landing-muted); font-family:"Thmanyah Text","Thmanyah Sans",sans-serif; font-size:clamp(17px,1.35vw,22px); line-height:1.65; }
.landing-service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.landing-service-grid article { position:relative; min-height:280px; padding:27px; overflow:hidden; border:1px solid var(--landing-line); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); transition:transform .3s ease,border-color .3s ease,background .3s ease; }
.landing-service-grid article::after { content:""; position:absolute; width:170px; height:170px; inset:auto -70px -90px auto; border-radius:50%; background:rgba(19,187,240,.18); filter:blur(20px); }
.landing-service-grid article:hover { border-color:rgba(59,204,248,.58); background:linear-gradient(145deg,rgba(25,92,203,.24),rgba(255,255,255,.025)); transform:translateY(-7px); }
.landing-service-grid article>b { color:var(--landing-cyan); font-size:13px; }
.landing-service-grid h3 { margin:70px 0 12px; font-size:24px; }
.landing-service-grid p { margin:0; color:var(--landing-muted); font-family:"Thmanyah Text","Thmanyah Sans",sans-serif; font-size:15px; line-height:1.55; }
.landing-service-grid article>i { position:absolute; z-index:2; inset:auto auto 22px 25px; color:var(--landing-cyan); font-family:Arial,sans-serif; font-size:20px; font-style:normal; }
[dir="ltr"] .landing-service-grid article>i { inset:auto 25px 22px auto; }

.landing-offers { display:grid; grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr); gap:clamp(50px,8vw,130px); align-items:center; }
.landing-offers-copy h2 { margin:18px 0 22px; }
.landing-offer-points { display:grid; gap:12px; }
.landing-offer-points article { display:flex; align-items:flex-start; gap:18px; padding:22px; border:1px solid var(--landing-line); border-radius:22px; background:rgba(255,255,255,.035); }
.landing-offer-points article>span { display:grid; width:48px; height:48px; flex:0 0 auto; place-items:center; border-radius:16px; background:rgba(17,176,231,.13); color:var(--landing-cyan); font-size:22px; }
.landing-offer-points h3 { margin:1px 0 5px; font-size:20px; }
.landing-offer-points p { margin:0; color:var(--landing-muted); font-size:14px; line-height:1.5; }

.landing-process .landing-section-heading { grid-template-columns:1fr; max-width:780px; }
.landing-process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:52px 0 0; padding:0; list-style:none; }
.landing-process li { position:relative; display:flex; min-height:150px; flex-direction:column; gap:26px; padding:0 22px; border-inline-start:1px solid var(--landing-line); }
.landing-process li:first-child { border-inline-start:0; }
.landing-process li b { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(46,203,248,.58); border-radius:50%; color:var(--landing-cyan); font-size:13px; }
.landing-process li span { max-width:190px; font-size:21px; font-weight:700; line-height:1.35; }

.landing-stats { padding-block:80px; border-block:1px solid var(--landing-line); }
.landing-stats>div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:34px; }
.landing-stats article { display:flex; flex-direction:column; align-items:center; gap:5px; border-inline-start:1px solid var(--landing-line); text-align:center; }
.landing-stats article:first-child { border-inline-start:0; }
.landing-stats strong { color:var(--landing-cyan); font-family:"Thmanyah Display","Thmanyah Sans",sans-serif; font-size:clamp(58px,6vw,92px); line-height:1; }
.landing-stats article span { color:#d0d9eb; font-size:16px; }

.landing-closing { display:flex; align-items:center; justify-content:space-between; gap:60px; padding:70px; border:1px solid rgba(71,196,245,.42); border-radius:42px; background:radial-gradient(circle at 15% 120%,rgba(14,194,241,.36),transparent 38%),linear-gradient(105deg,rgba(14,33,112,.9),rgba(45,34,130,.7)); }
.landing-closing>div { max-width:820px; }
.landing-closing h2 { margin:17px 0 15px; font-size:clamp(40px,4.2vw,68px); }
.landing-closing .landing-button { flex:0 0 auto; }

.landing-footer { display:grid; grid-template-columns:1fr auto; gap:26px 50px; align-items:end; width:min(100% - 64px,1360px); margin:90px auto 0; padding:42px 0; border-top:1px solid var(--landing-line); color:#aab8d3; }
.landing-footer>div:first-child { display:flex; flex-direction:column; }
.landing-footer strong { color:#fff; font-size:22px; }
.landing-footer span { font-size:12px; }
.landing-footer-links { display:flex; flex-wrap:wrap; gap:12px 30px; }
.landing-footer-links a:hover,.landing-footer-links a:focus-visible { color:var(--landing-cyan); }
.landing-footer small { grid-column:1/-1; font-size:11px; }

@media (max-width:1050px) {
  .landing-navigation { display:none; }
  .landing-header { grid-template-columns:1fr auto; }
  .landing-hero { grid-template-columns:1fr; }
  .landing-hero-copy { max-width:850px; }
  .landing-hero-visual { width:min(100%,620px); margin:auto; }
  .landing-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .landing-offers { grid-template-columns:1fr; }
}

@media (max-width:700px) {
  .landing-header,.landing-hero,.landing-section,.landing-footer { width:min(100% - 32px,1360px); }
  .landing-header { min-height:84px; gap:12px; }
  .landing-brand img { width:42px; height:36px; }
  .landing-brand-symbol { width:43px; height:35px; background-size:90px 35px; }
  .landing-brand-copy strong { font-size:17px; }
  .landing-brand-copy small { font-size:8px; }
  .landing-admin-link { padding:8px 12px; font-size:11px; }
  .landing-hero { min-height:auto; padding:70px 0 90px; }
  .landing-hero h1 { font-size:clamp(48px,15vw,68px); }
  .landing-actions { flex-direction:column; }
  .landing-button { width:100%; }
  .landing-hero-visual { min-height:490px; }
  .landing-orbit-one { width:420px; height:420px; }
  .landing-orbit-two { width:330px; height:330px; }
  .landing-offer-card { inset-block-start:42px; min-height:405px; padding:27px; border-radius:35px 35px 35px 65px; }
  .landing-offer-card>small { margin-top:37px; }
  .landing-offer-card h2 { font-size:43px; }
  .landing-offer-card p { font-size:15px; }
  .landing-floating-tag-top { inset-inline-end:-6px; }
  .landing-floating-tag-bottom { inset-inline-start:-5px; }
  .landing-section { padding:86px 0; }
  .landing-section-heading { grid-template-columns:1fr; }
  .landing-service-grid { grid-template-columns:1fr; }
  .landing-service-grid article { min-height:230px; }
  .landing-service-grid h3 { margin-top:45px; }
  .landing-process ol { grid-template-columns:1fr; gap:24px; }
  .landing-process li { min-height:auto; flex-direction:row; align-items:center; padding:0 0 24px; border-inline-start:0; border-bottom:1px solid var(--landing-line); }
  .landing-stats>div { gap:24px; }
  .landing-stats article { border:0; }
  .landing-stats strong { font-size:45px; }
  .landing-stats article span { font-size:12px; }
  .landing-closing { align-items:stretch; flex-direction:column; padding:38px 25px; border-radius:30px; }
  .landing-footer { grid-template-columns:1fr; align-items:start; }
  .landing-footer small { grid-column:auto; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition-duration:.01ms!important; }
}
