.container{width:min(100% - 2rem,var(--container));margin-inline:auto}
.section-shell{position:relative;padding:96px 0}
.section-shell::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(100%,var(--container));height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
.section-shell--tight{padding-top:36px}
.section-shell--cta{padding-bottom:120px}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.hero{padding-top:96px;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;min-height:calc(100vh - 126px)}
.hero__content{position:relative;z-index:1}
.hero__title,.page-hero h1,.section-heading h2,.about-copy h2{font-family:var(--font-heading);line-height:.95;letter-spacing:-.04em}
.hero__title{font-size:clamp(3.2rem,7vw,6.6rem);max-width:11ch;margin-top:1rem}
.hero__title span{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__text,.page-hero p,.about-copy p,.feature-card p,.legal-copy p{color:var(--muted);font-size:1.04rem;line-height:1.75;max-width:58ch}
.hero__text{margin-top:1.4rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.hero__meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem;color:#dbe0ef;font-size:.92rem}
.hero__meta span{display:inline-flex;align-items:center;padding:.72rem .92rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.hero__visual{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center}
.hero__bg-glow,.hero__halo{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none}
.hero__bg-glow--one{inset:auto auto 10% 5%;width:260px;height:260px;background:rgba(124,77,255,.2)}
.hero__bg-glow--two{inset:12% 0 auto auto;width:320px;height:320px;background:rgba(79,123,255,.16)}
.hero__halo{width:340px;height:340px;background:radial-gradient(circle, rgba(124,77,255,.24), transparent 68%);filter:blur(30px)}
.hero__halo--left{left:12%;top:18%}
.hero__halo--right{right:14%;bottom:12%;background:radial-gradient(circle, rgba(79,123,255,.22), transparent 68%)}
.phone-stack{position:relative;width:min(100%,580px);height:620px}
.phone-stack__device{position:absolute;width:55%;filter:drop-shadow(0 32px 48px rgba(0,0,0,.4))}
.phone-stack__device--back{right:2%;top:4%;transform:rotate(8deg)}
.phone-stack__device--front{left:4%;top:0;transform:rotate(-1deg)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.feature-card,.card-surface,.stat-card,.faq-item,.app-card{background:linear-gradient(180deg, rgba(18,23,41,.94), rgba(10,14,27,.94));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}
.feature-card{padding:1.5rem;min-height:210px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feature-card:hover,.app-card:hover,.stat-card:hover{transform:translateY(-6px);border-color:rgba(124,77,255,.35);box-shadow:0 24px 50px rgba(0,0,0,.34)}
.feature-card__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg, rgba(124,77,255,.18), rgba(79,123,255,.12));margin-bottom:1.2rem}
.feature-card__icon img{width:24px;height:24px}
.feature-card h2,.stat-card strong{font-family:var(--font-heading)}
.feature-card h2{font-size:1.08rem;margin-bottom:.65rem}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);margin-top:.5rem}
.apps-heading{color:var(--primary)!important;font-size:clamp(2.5rem,5vw,4.4rem)!important}
.text-link{color:#e7e8f7;font-weight:700;display:inline-flex;align-items:center;gap:.5rem}
.text-link::after{content:'→';transition:transform .2s ease}
.text-link:hover::after{transform:translateX(4px)}
.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.apps-grid--full{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.about-grid--alt{grid-template-columns:1.05fr .95fr}
.about-copy h2{font-size:clamp(2.1rem,4vw,4rem);max-width:13ch}
.about-copy p{margin-top:1rem;text-align:justify;text-justify:inter-word}
.about-visual{display:flex;align-items:center;justify-content:center}
.about-visual img{width:min(100%,760px);height:auto;display:block;opacity:.75}
.timeline{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:.75rem;align-items:center}
.timeline__item,.timeline__arrow{display:flex;justify-content:center;align-items:center;text-align:center}
.timeline__item{grid-column:auto/span 2;padding:1.25rem .9rem;border-radius:20px;background:rgba(15,20,36,.82);border:1px solid var(--line)}
.timeline__item span{font-weight:700}
.timeline__arrow{color:var(--primary);font-size:1.35rem;font-weight:800}
.faq-grid{display:grid;grid-template-columns:1fr .95fr;gap:2rem}
.faq-list{display:grid;gap:1rem}
.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 2.2rem;border-radius:calc(var(--radius-xl) + 4px);background:linear-gradient(135deg, rgba(124,77,255,.3), rgba(79,123,255,.18));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}
.cta-banner h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.3rem);margin-top:.35rem}
.page-hero{padding-top:132px;padding-bottom:54px}
.page-hero__content{max-width:780px}
.page-hero__content--center{text-align:center;margin-inline:auto}
.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin-top:1rem}
.page-hero--center .page-hero__content{max-width:900px}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem}
.contact-grid--single{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
.contact-form{padding:1.5rem;display:grid;gap:1rem}
.contact-form label{display:grid;gap:.55rem;color:#eef1ff;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.05rem;background:rgba(6,9,19,.72);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(124,77,255,.5);box-shadow:0 0 0 3px rgba(124,77,255,.12)}
.legal-copy{padding:2rem;display:grid;gap:1rem}
.legal-copy h2{font-family:var(--font-heading);font-size:1.5rem;margin-top:.8rem}