:root{
  --ink:#23253B;
  --lav:#CBB8E8;
  --stone:#EFE8E6;
  --coral:#FF6B8A;
  --deep:#111322;
  --blush:#F6DDE3;
  --lav-soft:#E3D4F2;
  --glass:rgba(35,37,59,.68);
  --line:rgba(239,232,230,.14);
  --shadow:0 32px 90px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--stone);
  font-family:Aptos, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x:hidden;
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(255,107,138,.78);
  outline-offset:3px;
}
.noise{
  position:fixed; inset:0; pointer-events:none; z-index:1000; opacity:.08;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.6) 0 1px, transparent 1px),
    radial-gradient(circle at 80% 40%, rgba(255,255,255,.35) 0 1px, transparent 1px);
  background-size:7px 7px, 11px 11px; mix-blend-mode:overlay;
}
.cursor-glow{
  position:fixed; width:300px; height:300px; border-radius:50%; pointer-events:none; z-index:999;
  background:radial-gradient(circle, rgba(255,107,138,.18), rgba(203,184,232,.06) 36%, transparent 68%);
  transform:translate(-50%,-50%); filter:blur(10px);
}
.scroll-rail{
  position:fixed; right:24px; top:18vh; height:64vh; width:2px; background:rgba(239,232,230,.1); z-index:20;
}
.scroll-rail span{display:block; width:100%; height:0%; background:var(--coral); box-shadow:0 0 16px rgba(255,107,138,.9)}
.topbar{
  position:fixed; top:18px; left:50%; transform:translateX(-50%);
  width:min(1180px, calc(100% - 36px)); min-height:66px; z-index:50;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:0 18px 0 24px; border:1px solid rgba(239,232,230,.12);
  background:rgba(18,20,35,.54); backdrop-filter:blur(22px);
  border-radius:999px; box-shadow:0 18px 60px rgba(0,0,0,.28);
}
.logo{
  width:44px; height:44px; border-radius:50%; overflow:hidden; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid rgba(239,232,230,.18); background:var(--coral);
  box-shadow:0 10px 28px rgba(255,107,138,.22);
}
.logo img{display:block; width:100%; height:100%; object-fit:cover}
.topbar nav{display:flex; gap:24px}
.topbar nav a{color:rgba(239,232,230,.72); text-decoration:none; font-size:13px}
.topbar nav a:hover{color:var(--stone)}
.header-actions{display:flex; align-items:center; gap:10px; flex:0 0 auto}
.nav-cta{
  background:var(--coral); color:var(--deep); text-decoration:none; font-weight:800;
  padding:13px 18px; border-radius:999px; font-size:13px; text-align:center; flex:0 0 auto;
}
.language-toggle{
  width:auto; min-width:48px; min-height:42px; padding:0 14px; border-radius:999px;
  border:1px solid rgba(239,232,230,.18); background:rgba(239,232,230,.08);
  color:var(--stone); font-size:12px; font-weight:900; cursor:pointer;
}
.language-toggle:hover{background:rgba(239,232,230,.14)}
.menu-toggle{
  display:none; width:42px; min-height:42px; padding:0; border-radius:50%;
  border:1px solid rgba(239,232,230,.18); background:rgba(239,232,230,.08);
  align-items:center; justify-content:center; flex-direction:column; gap:4px; cursor:pointer;
}
.menu-toggle span{
  width:17px; height:2px; border-radius:999px; background:var(--stone);
  transition:transform .22s ease, opacity .22s ease;
}
.menu-toggle:hover{background:rgba(239,232,230,.14)}
.topbar.nav-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.topbar.nav-open .menu-toggle span:nth-child(2){opacity:0}
.topbar.nav-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.section{position:relative; min-height:100vh; padding:132px max(24px, calc((100vw - 1180px)/2)) 92px; isolation:isolate}
.photo-bg{position:absolute; inset:0; background-size:cover; background-position:center; z-index:-2}
.photo-section:after,.photo-strip:after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(90deg, rgba(35,37,59,.98) 0%, rgba(35,37,59,.72) 48%, rgba(35,37,59,.38) 100%),
    radial-gradient(circle at 72% 20%, rgba(203,184,232,.24), transparent 38%);
}
.hero{
  background:var(--stone); color:var(--ink); overflow:hidden;
}
.hero .photo-bg{
  opacity:.12; filter:saturate(.72) contrast(.92); mix-blend-mode:multiply;
}
.hero.photo-section:after{
  background:
    linear-gradient(90deg, rgba(239,232,230,.98) 0%, rgba(239,232,230,.9) 52%, rgba(239,232,230,.72) 100%),
    linear-gradient(180deg, rgba(203,184,232,.34) 0%, rgba(239,232,230,0) 58%);
}
.hero .eyebrow{color:#7b5265}
.hero h1{color:var(--ink)}
.hero h1 span{color:#8f78b8}
.hero .lead{color:rgba(35,37,59,.72)}
.hero .button.ghost{border-color:rgba(35,37,59,.18); color:var(--ink); background:rgba(203,184,232,.24)}
.hero .scroll-cue{color:rgba(35,37,59,.58)}
.hero-bg{background-image:url('assets/hero.jpg')}
.problem-bg{background-image:url('assets/problem.jpg'); opacity:.72}
.growth-bg{background-image:url('assets/growth.jpg')}
.contact-bg{background-image:url('assets/contact.jpg')}
.eyebrow{
  margin:0 0 18px; color:var(--coral); font-size:12px; letter-spacing:.18em; font-weight:800;
}
.eyebrow.dark{color:#7b5265}
h1,h2,h3,p{margin-top:0}
h1{
  font-size:clamp(56px, 7.4vw, 112px); line-height:1.02; letter-spacing:0; max-width:920px; margin-bottom:28px; text-wrap:balance;
}
h1 span{color:var(--lav); display:block}
h2{
  font-size:clamp(40px, 5.15vw, 74px); line-height:1.08; letter-spacing:0; max-width:920px; margin-bottom:22px; text-wrap:balance;
}
h3{font-size:24px; line-height:1.16; letter-spacing:0; color:var(--stone); margin-bottom:12px}
p{color:rgba(239,232,230,.72); line-height:1.65}
.lead{font-size:clamp(18px, 2vw, 23px); max-width:690px; color:rgba(239,232,230,.82)}
.hero-grid{
  min-height:calc(100vh - 220px); display:grid; grid-template-columns:minmax(0, 1fr); gap:52px; align-items:center; max-width:980px;
}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:34px}
.button{display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:14px 23px; border-radius:999px; text-decoration:none; font-weight:800; text-align:center}
.button.primary{background:var(--coral); color:var(--deep)}
.button.ghost{border:1px solid rgba(239,232,230,.22); color:var(--stone); background:rgba(239,232,230,.05)}
.scroll-cue{position:absolute; left:max(24px, calc((100vw - 1180px)/2)); bottom:38px; color:rgba(239,232,230,.58); font-size:12px; letter-spacing:.12em; text-transform:uppercase}
.scroll-cue span{display:inline-block; width:42px; height:1px; background:var(--coral); vertical-align:middle; margin-right:12px}
.section-head{max-width:980px; margin-bottom:52px}
.section-head p{max-width:720px; font-size:18px}
.narrow{max-width:800px}
.portfolio-head{max-width:1040px}
.portfolio-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:30px}
.pain-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.pain-grid article,.layer-card,.service-list article,.pricing article{
  border:1px solid rgba(239,232,230,.12); border-radius:28px; padding:28px; background:rgba(18,20,35,.64); backdrop-filter:blur(18px);
}
.pain-grid span,.service-list span,.layer-no,.track-label{color:var(--coral); font-size:12px; letter-spacing:.18em; font-weight:900}
.problem{
  background:
    radial-gradient(circle at 12% 22%, rgba(255,107,138,.18), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(203,184,232,.2), transparent 34%),
    linear-gradient(135deg, #171929 0%, #23253B 54%, #2d2032 100%);
}
.problem .photo-bg{opacity:.18; mix-blend-mode:screen}
.problem .pain-grid article:nth-child(2n){
  background:linear-gradient(145deg, rgba(203,184,232,.14), rgba(18,20,35,.7));
}
.problem .pain-grid article:nth-child(3){
  border-color:rgba(255,107,138,.28);
  background:linear-gradient(145deg, rgba(255,107,138,.12), rgba(18,20,35,.72));
}
.comparison{
  min-height:auto;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,107,138,.16), transparent 34%),
    radial-gradient(circle at 82% 8%, rgba(203,184,232,.16), transparent 36%),
    var(--deep);
}
.comparison-head{
  display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:28px; align-items:start; margin-bottom:46px;
}
.comparison-head h2{margin-bottom:18px}
.comparison-name{color:var(--lav)}
.comparison-lead{font-size:20px; max-width:720px}
.comparison-toggle{
  position:relative; display:inline-flex; align-items:center; justify-content:center; width:auto; min-height:auto;
  padding:10px; border:0; border-radius:999px; background:transparent; cursor:pointer;
}
.toggle-track{
  width:108px; height:58px; border-radius:999px; padding:6px; display:block; cursor:pointer; direction:ltr;
  background:linear-gradient(135deg, var(--coral), var(--lav)); box-shadow:0 18px 48px rgba(0,0,0,.28);
  border:1px solid rgba(239,232,230,.2);
}
.toggle-track span{
  width:46px; height:46px; display:block; border-radius:50%; background:var(--stone);
  box-shadow:0 8px 20px rgba(0,0,0,.25); transform:translateX(50px); transition:transform .28s ease;
}
.comparison[data-comparison-mode="others"] .toggle-track{background:rgba(239,232,230,.2)}
.comparison[data-comparison-mode="others"] .toggle-track span{transform:translateX(0)}
.comparison[data-comparison-mode="others"] .comparison-name{color:var(--coral)}
.comparison-grid{display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:18px}
.comparison-card{
  min-height:330px; border:1px solid rgba(239,232,230,.12); border-radius:28px; padding:28px;
  background:rgba(18,20,35,.7); backdrop-filter:blur(18px); display:flex; flex-direction:column;
}
.comparison-card span{color:var(--coral); font-size:12px; letter-spacing:.16em; font-weight:900}
.comparison-card h3{font-size:28px; margin-top:34px}
.comparison-card p{color:rgba(239,232,230,.72)}
.comparison-card small{
  margin-top:auto; border-top:1px solid rgba(239,232,230,.12); padding-top:18px;
  color:rgba(239,232,230,.5); font-weight:800; line-height:1.5;
}
.comparison[data-comparison-mode="others"] .comparison-card span{color:var(--coral)}
.comparison[data-comparison-mode="others"] .comparison-card{
  background:linear-gradient(145deg, rgba(255,107,138,.1), rgba(18,20,35,.72));
}
.comparison-card:nth-child(2n){
  background:linear-gradient(145deg, rgba(203,184,232,.12), rgba(18,20,35,.74));
}
.comparison-card:nth-child(5){
  border-color:rgba(255,107,138,.28);
}
.light-break{
  min-height:auto; background:var(--stone); color:var(--ink); display:grid; grid-template-columns:.35fr .8fr 1fr; gap:42px; align-items:start;
}
.light-break p{color:rgba(35,37,59,.7)}
.light-break h2,.light-break h3{color:var(--ink)}
.mission-mark{font-size:clamp(88px,13vw,180px); line-height:.8; color:var(--lav); font-weight:900; letter-spacing:0}
.mission-panels{display:grid; gap:18px}
.mission-panels article{padding:34px; border-radius:32px; background:rgba(203,184,232,.38)}
.mission{
  background:
    radial-gradient(circle at 18% 12%, rgba(203,184,232,.42), transparent 28%),
    linear-gradient(135deg, var(--stone) 0%, #F4EDEE 52%, var(--lav-soft) 100%);
}
.mission-panels article:nth-child(2){
  background:linear-gradient(145deg, rgba(255,107,138,.18), rgba(203,184,232,.38));
}
.system{
  background:
    radial-gradient(circle at 88% 10%, rgba(255,107,138,.16), transparent 30%),
    linear-gradient(135deg, var(--stone) 0%, #F6EEF1 46%, var(--lav-soft) 100%);
  color:var(--ink);
}
.system .eyebrow{color:#7b5265}
.system h2,.system h3{color:var(--ink)}
.system p{color:rgba(35,37,59,.68)}
.layer-stage{display:grid; grid-template-columns:1fr 80px 1fr 80px 1fr; align-items:center; margin-top:56px}
.layer-card{min-height:280px; display:flex; flex-direction:column; justify-content:space-between}
.system .layer-card{
  border-color:rgba(35,37,59,.1);
  background:rgba(255,255,255,.44);
  box-shadow:0 28px 70px rgba(35,37,59,.08);
}
.system .layer-card h3,.system .layer-card p{color:var(--ink)}
.layer-card.lavender{background:linear-gradient(145deg, var(--lav), var(--blush)); color:var(--ink); transform:translateY(-34px)}
.layer-card.lavender h3,.layer-card.lavender p{color:var(--ink)}
.connector{height:1px; background:linear-gradient(90deg, transparent, var(--coral), transparent); position:relative}
.connector:after{content:""; position:absolute; right:0; top:-4px; width:9px; height:9px; background:var(--coral); border-radius:50%}
.compound{display:grid; grid-template-columns:.85fr 1fr; gap:60px; align-items:center}
.timeline{display:grid; gap:18px}
.timeline article{border-left:2px solid var(--coral); padding:26px 28px; background:rgba(18,20,35,.62); border-radius:0 28px 28px 0}
.timeline span{color:var(--lav); font-size:12px; letter-spacing:.18em; font-weight:900}
.services{display:grid; grid-template-columns:.75fr 1.1fr; gap:72px; align-items:start}
.services{
  background:
    radial-gradient(circle at 16% 12%, rgba(203,184,232,.16), transparent 30%),
    radial-gradient(circle at 86% 24%, rgba(255,107,138,.14), transparent 34%),
    linear-gradient(135deg, #111322 0%, #23253B 58%, #2D2032 100%);
}
.service-sticky{position:sticky; top:150px}
.service-list{display:grid; gap:20px}
.service-list article{min-height:230px}
.service-list article:nth-child(2n){
  background:linear-gradient(145deg, rgba(203,184,232,.12), rgba(18,20,35,.68));
}
.service-list article:nth-child(3){
  background:linear-gradient(145deg, rgba(255,107,138,.11), rgba(18,20,35,.7));
}
.portfolio{
  background:
    radial-gradient(circle at 82% 12%, rgba(255,107,138,.16), transparent 34%),
    linear-gradient(180deg, var(--stone) 0%, #F5EDF0 48%, var(--lav-soft) 100%);
  color:var(--ink);
}
.portfolio .eyebrow,
.portfolio .portfolio-card span,
.portfolio .portfolio-proof span{color:#B94864}
.portfolio h2,.portfolio h3{color:var(--ink)}
.portfolio p{color:rgba(35,37,59,.68)}
.portfolio .button.ghost,
.process .button.ghost,
.system .button.ghost,
.mission .button.ghost{
  border-color:rgba(35,37,59,.16); color:var(--ink); background:rgba(255,255,255,.38);
}
.portfolio-grid{display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:20px}
.portfolio-proof{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:-20px 0 30px}
.portfolio-proof article{
  min-height:170px; border:1px solid rgba(35,37,59,.1); border-radius:22px; padding:22px;
  background:rgba(255,255,255,.42);
  box-shadow:0 20px 50px rgba(35,37,59,.07);
}
.portfolio-proof span,.process-grid span{color:var(--coral); font-size:12px; letter-spacing:.16em; font-weight:900}
.portfolio-proof h3{font-size:22px; margin:18px 0 10px}
.portfolio-proof p{font-size:14px; color:rgba(35,37,59,.64)}
.portfolio-card{
  min-height:300px; border:1px solid rgba(35,37,59,.1); border-radius:28px; padding:28px;
  background:rgba(255,255,255,.42); backdrop-filter:blur(18px); display:flex; flex-direction:column;
  box-shadow:0 24px 70px rgba(35,37,59,.08);
}
.portfolio-card.featured{
  grid-row:span 2; background:linear-gradient(145deg, #23253B 0%, #2D2032 70%, #3E2A43 100%);
  box-shadow:var(--shadow);
}
.portfolio-card.featured h3{color:var(--stone)}
.portfolio-card.featured p{color:rgba(239,232,230,.72)}
.portfolio-card.featured span{color:var(--coral)}
.portfolio-card span{color:var(--coral); font-size:12px; letter-spacing:.16em; font-weight:900}
.portfolio-card h3{font-size:30px}
.portfolio-card a{
  margin-top:auto; color:var(--ink); text-decoration:none; border-top:1px solid rgba(35,37,59,.14);
  padding-top:18px; font-weight:900;
}
.portfolio-card.featured a{color:var(--stone); border-top-color:rgba(239,232,230,.16)}
.tracks{
  background:
    radial-gradient(circle at 20% 18%, rgba(255,107,138,.16), transparent 32%),
    radial-gradient(circle at 80% 16%, rgba(203,184,232,.16), transparent 36%),
    linear-gradient(135deg, #111322 0%, #23253B 58%, #331F32 100%);
}
.pricing{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:50px}
.pricing article{min-height:430px; display:flex; flex-direction:column}
.pricing article a{margin-top:auto; color:var(--stone); text-decoration:none; border-top:1px solid rgba(239,232,230,.16); padding-top:18px; font-weight:800}
.tracks .pricing article:nth-child(1){background:linear-gradient(145deg, rgba(239,232,230,.08), rgba(203,184,232,.08))}
.tracks .pricing article:nth-child(3){background:linear-gradient(145deg, rgba(255,107,138,.1), rgba(18,20,35,.7))}
.pricing .featured{background:linear-gradient(145deg, var(--lav), var(--blush)); transform:translateY(-30px)}
.pricing .featured h3,.pricing .featured p,.pricing .featured a{color:var(--ink)}
.tag{align-self:flex-start; background:var(--coral); color:var(--deep)!important; border-radius:999px; padding:8px 12px; font-size:12px; font-weight:900}
.process{
  min-height:auto; padding-top:92px;
  background:
    radial-gradient(circle at 88% 14%, rgba(255,107,138,.16), transparent 34%),
    linear-gradient(135deg, var(--stone) 0%, #F5EEF1 50%, var(--lav-soft) 100%);
  color:var(--ink);
}
.process .eyebrow{color:#7b5265}
.process h2,.process h3{color:var(--ink)}
.process p{color:rgba(35,37,59,.68)}
.process-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.process-grid article{
  min-height:300px; border:1px solid rgba(35,37,59,.1); border-radius:28px; padding:30px;
  background:rgba(255,255,255,.42); display:flex; flex-direction:column; justify-content:space-between;
  box-shadow:0 24px 70px rgba(35,37,59,.08);
}
.process-grid article:nth-child(2){
  background:linear-gradient(145deg, #23253B 0%, #2D2032 100%);
}
.process-grid article:nth-child(2) h3{color:var(--stone)}
.process-grid article:nth-child(2) p{color:rgba(239,232,230,.72)}
.process-grid h3{font-size:31px}
.process-grid p{margin-top:20px}
.process-cta{
  margin-top:22px; border:1px solid rgba(35,37,59,.1); border-radius:28px; padding:24px;
  background:linear-gradient(135deg, rgba(255,107,138,.22), rgba(203,184,232,.32));
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.process-cta p{max-width:650px; margin:0}
.contact{display:grid; grid-template-columns:.9fr .75fr; gap:60px; align-items:center}
.direct-contact{display:flex; flex-direction:column; align-items:flex-start; gap:12px; width:min(430px, 100%); margin-top:26px}
.contact-pill{
  width:100%; min-height:60px; padding:10px 18px 10px 12px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:flex-start; gap:12px; max-width:100%;
  color:var(--stone); text-decoration:none; font-weight:900; word-break:break-word;
  border:1px solid rgba(239,232,230,.14);
  background:rgba(239,232,230,.07);
}
.contact-pill:hover{border-color:rgba(255,107,138,.42); transform:translateY(-1px)}
.contact-pill-icon{
  width:38px; height:38px; border-radius:50%; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(239,232,230,.1); color:var(--stone); font-size:10px; font-weight:900;
}
.contact-pill-icon svg{
  width:20px; height:20px; display:block;
  fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
.contact-pill-copy{display:grid; gap:2px; line-height:1.1; min-width:0}
.contact-pill-label{color:rgba(239,232,230,.62); font-size:11px; font-weight:800}
.contact-pill strong{font-size:14px; color:var(--stone); direction:ltr; unicode-bidi:isolate; overflow-wrap:anywhere}
.email-contact{
  background:linear-gradient(135deg, var(--coral), #ff8aa1);
  color:var(--deep); border-color:rgba(255,107,138,.55);
  box-shadow:0 20px 50px rgba(255,107,138,.2);
}
.email-contact .contact-pill-icon{background:rgba(17,19,34,.16); color:var(--deep)}
.email-contact .contact-pill-label,
.email-contact strong{color:var(--deep)}
.instagram-contact{
  background:linear-gradient(135deg, rgba(203,184,232,.18), rgba(239,232,230,.08));
}
.instagram-contact .contact-pill-icon{background:var(--lav); color:var(--deep)}
.whatsapp-contact{
  background:linear-gradient(135deg, rgba(37,211,102,.16), rgba(239,232,230,.08));
  border-color:rgba(37,211,102,.34);
}
.whatsapp-contact .contact-pill-icon{background:#25d366; color:#fff}
.whatsapp-contact .whatsapp-mark{width:22px; height:22px; stroke-width:2.15}
.contact-form{
  background:rgba(18,20,35,.72); border:1px solid rgba(239,232,230,.14); border-radius:36px; padding:28px; backdrop-filter:blur(22px); box-shadow:var(--shadow)
}
.hidden-field{display:none}
label{display:block; color:rgba(239,232,230,.78); font-size:13px; margin-bottom:16px}
input,select,textarea{
  display:block; width:100%; margin-top:8px; background:rgba(239,232,230,.08); border:1px solid rgba(239,232,230,.12); border-radius:16px; padding:15px 14px; color:var(--stone); font:inherit;
}
select option{color:var(--deep)}
textarea{min-height:132px; resize:vertical}
button{
  width:100%; border:0; background:var(--coral); color:var(--deep); min-height:56px; border-radius:999px; font-weight:900; font-size:15px; cursor:pointer;
}
button:disabled{cursor:progress; opacity:.72}
footer{
  min-height:180px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:42px max(24px, calc((100vw - 1180px)/2));
  border-top:1px solid rgba(239,232,230,.12); background:#171929;
}
footer strong{font-size:28px; letter-spacing:.26em; color:var(--lav)}
footer span{color:rgba(239,232,230,.58)}
.footer-meta{display:flex; align-items:center; gap:18px; flex-wrap:wrap; justify-content:flex-end}
.footer-meta a{
  color:var(--stone); text-decoration:none; font-weight:800;
  border-bottom:1px solid rgba(255,107,138,.5);
}
.footer-meta a:hover{color:var(--coral)}
.success-page{min-height:100vh; display:grid; place-items:center; padding:32px}
.success-panel{max-width:760px}
.success-panel .button{margin-top:18px}
.success-language-toggle{margin-bottom:22px}
html[dir="rtl"] body{
  font-family:"Segoe UI", Tahoma, Arial, ui-sans-serif, system-ui, sans-serif;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] label,
html[dir="rtl"] button{letter-spacing:0}
html[dir="rtl"] h1{
  font-size:clamp(48px, 6.6vw, 92px); line-height:1.14;
}
html[dir="rtl"] h2{
  font-size:clamp(36px, 4.8vw, 66px); line-height:1.18;
}
html[dir="rtl"] .comparison-head h2,
html[dir="rtl"] .section-head h2,
html[dir="rtl"] .compound-content h2{
  max-width:960px;
}
html[dir="rtl"] .topbar nav,
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section-head,
html[dir="rtl"] .compound-content,
html[dir="rtl"] .service-sticky,
html[dir="rtl"] .contact-copy,
html[dir="rtl"] .portfolio-proof,
html[dir="rtl"] .process-grid,
html[dir="rtl"] .process-cta,
html[dir="rtl"] .success-panel{text-align:right}
html[dir="rtl"] .photo-section:after,
html[dir="rtl"] .photo-strip:after{
  background:
    linear-gradient(270deg, rgba(35,37,59,.98) 0%, rgba(35,37,59,.72) 48%, rgba(35,37,59,.38) 100%),
    radial-gradient(circle at 28% 20%, rgba(203,184,232,.24), transparent 38%);
}
html[dir="rtl"] .hero.photo-section:after{
  background:
    linear-gradient(270deg, rgba(239,232,230,.98) 0%, rgba(239,232,230,.9) 52%, rgba(239,232,230,.72) 100%),
    linear-gradient(180deg, rgba(203,184,232,.34) 0%, rgba(239,232,230,0) 58%);
}
html[dir="rtl"] .scroll-rail{right:auto; left:24px}
html[dir="rtl"] .scroll-cue span{margin-right:0; margin-left:12px}
html[dir="rtl"] .connector:after{right:auto; left:0}
html[dir="rtl"] .timeline article{
  border-left:0; border-right:2px solid var(--coral); border-radius:28px 0 0 28px;
}
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea{text-align:right}
html[dir="rtl"] input[type="email"]{direction:ltr; text-align:left}
html[dir="rtl"] .contact-pill{direction:rtl; padding:10px 12px 10px 18px}
html[dir="rtl"] .contact-pill-copy{text-align:right}
@media (max-width:900px){
  .topbar{top:12px; width:calc(100% - 24px); min-height:58px; padding:10px 14px; overflow:visible}
  .topbar nav{
    position:absolute; top:calc(100% + 10px); left:0; right:0; display:grid;
    grid-template-columns:1fr; gap:4px; padding:10px; border:1px solid rgba(239,232,230,.14);
    border-radius:24px; background:linear-gradient(180deg, #18192a, #0e101e);
    box-shadow:0 22px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(239,232,230,.08);
    backdrop-filter:blur(22px); opacity:0; transform:translateY(-8px); pointer-events:none; visibility:hidden;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  }
  .topbar.nav-open nav{opacity:1; transform:translateY(0); pointer-events:auto; visibility:visible}
  .topbar nav a{
    min-height:46px; display:flex; align-items:center; justify-content:center;
    border-radius:16px; background:#202238; font-size:14px; font-weight:800;
  }
  .topbar nav a:hover{background:rgba(255,107,138,.16)}
  .menu-toggle{display:inline-flex}
  .nav-cta{padding:11px 14px; font-size:12px}
  .language-toggle{min-height:40px; min-width:44px; padding:0 12px}
  .hero-grid,.compound,.services,.contact,.light-break{grid-template-columns:1fr}
  .direct-contact{width:100%}
  .contact-pill{max-width:430px}
  .section{padding-top:112px}
  h1{font-size:46px; line-height:1.08}
  h2{font-size:38px; line-height:1.14}
  html[dir="rtl"] h1{font-size:42px; line-height:1.18}
  html[dir="rtl"] h2{font-size:34px; line-height:1.22}
  .lead{font-size:18px}
  .pain-grid,.pricing{grid-template-columns:1fr}
  .comparison-head{grid-template-columns:1fr}
  .comparison-grid{grid-template-columns:1fr 1fr}
  .comparison-toggle{justify-self:center; margin-inline:auto}
  .comparison-card{min-height:280px}
  .layer-stage{grid-template-columns:1fr; gap:16px}
  .layer-card.lavender{transform:none}
  .connector{height:44px; width:1px; justify-self:center}
  .portfolio-grid,.portfolio-proof,.process-grid{grid-template-columns:1fr}
  .portfolio-card.featured{grid-row:auto}
  .process{padding-top:74px}
  .process-grid article{min-height:auto}
  .process-cta{align-items:stretch; flex-direction:column}
  .process-cta .button{width:100%}
  .pricing .featured{transform:none}
  .scroll-rail{display:none}
  footer{align-items:flex-start; flex-direction:column}
  .footer-meta{justify-content:flex-start}
}
@media (max-width:560px){
  .section{padding-left:18px; padding-right:18px}
  h1{font-size:40px}
  h2{font-size:32px}
  html[dir="rtl"] h1{font-size:37px}
  html[dir="rtl"] h2{font-size:30px}
  .hero-actions{display:grid}
  .contact-form{border-radius:24px; padding:22px}
  .portfolio-card{min-height:auto}
  .comparison-grid{grid-template-columns:1fr}
  .comparison-card{min-height:auto}
  .comparison-toggle{justify-self:center; margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .cursor-glow{display:none}
}