:root{--ink:#1A2418;--ink-2:#263020;--muted:#686A5E;--muted-2:#939584;--line:rgba(26,36,24,.12);--line-2:rgba(26,36,24,.06);--paper:#F7F8F3;--paper-2:#EFF1E8;--accent:#4F5B3A;--fh:'Cormorant Garamond',serif;--fb:'Outfit',sans-serif;--fm:'Geist Mono',ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:0 28px}@media (max-width:640px){.container{padding:0 18px}}
body{background:linear-gradient(180deg,#FFFFFF 0%,#F5F3FF 100%);background-attachment:fixed;color:#1B1735;font-family:var(--fb);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
:root{--grad:linear-gradient(135deg,#7C3AED 0%,#EC4899 50%,#F97316 100%);--grad2:linear-gradient(135deg,#06B6D4,#7C3AED);--grad3:linear-gradient(135deg,#F472B6,#FBBF24)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text;padding:6px 0}
h1,h2,h3,h4{font-family:var(--fb);color:#1B1735;letter-spacing:-.028em;line-height:1.0;margin:0;font-weight:800}
h1{font-size:clamp(2.75rem,6.5vw + .3rem,5.75rem);font-weight:900;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:hue 8s linear infinite}
@keyframes hue{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}
h2{font-size:clamp(2rem,3vw + .4rem,3.25rem);font-weight:800}
h3{font-size:1.2rem;font-weight:700;letter-spacing:-.014em}
p{max-width:60ch;margin:0 0 1em;color:#4B4068;font-size:1.0625rem;line-height:1.65}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--fb);font-weight:600;font-size:15px;padding:14px 26px;border:0;border-radius:999px;cursor:pointer;transition:all .25s cubic-bezier(.32,.72,0,1);letter-spacing:-.005em}
.btn-p{background:var(--grad);color:#fff;box-shadow:0 16px 40px -16px rgba(124,58,237,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 22px 48px -14px rgba(124,58,237,.8)}
.btn-g{background:#fff;color:#1B1735;border:1px solid rgba(27,23,53,.12);box-shadow:0 6px 20px -8px rgba(27,23,53,.12)}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(27,23,53,.18)}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(27,23,53,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px;gap:32px}
.brand{font-family:var(--fb);font-size:20px;font-weight:800;letter-spacing:-.022em;display:flex;align-items:center;gap:8px}
.brand::before{content:"";width:32px;height:32px;border-radius:10px;background:var(--grad);box-shadow:0 8px 18px -8px rgba(124,58,237,.6)}
nav ul{list-style:none;display:flex;gap:30px;margin:0;padding:0}
nav ul a{font-size:14.5px;font-weight:500;color:#4B4068;transition:color .18s}
nav ul a:hover{color:#7C3AED}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 12px 30px -12px rgba(124,58,237,.6)}
.section{padding:120px 0;position:relative}
.section::before{content:"";position:absolute;width:380px;height:380px;background:var(--grad);border-radius:50%;filter:blur(120px);opacity:.18;top:-100px;right:-150px;pointer-events:none;z-index:-1}
.section.benefits::before{background:var(--grad2);left:-150px;right:auto;top:auto;bottom:-100px}
.section.reviews::before{background:var(--grad3);left:50%;transform:translateX(-50%);top:50%}
.head{margin-bottom:72px;display:flex;flex-direction:column;gap:18px;max-width:680px}
.hero{padding:120px 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:560px;height:560px;background:var(--grad);border-radius:50%;filter:blur(140px);opacity:.22;top:-200px;left:-100px;pointer-events:none;z-index:-1}
.hero::after{content:"";position:absolute;width:440px;height:440px;background:var(--grad2);border-radius:50%;filter:blur(160px);opacity:.18;bottom:-150px;right:-50px;pointer-events:none;z-index:-1}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;position:relative;z-index:1}
.hero-copy-329c{display:flex;flex-direction:column;gap:26px}
.sub{font-size:1.15rem;line-height:1.55;max-width:48ch;color:#4B4068}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.hero-img{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(124,58,237,.4),0 0 0 1px rgba(255,255,255,.4) inset}
.hero-img::before{content:"";position:absolute;inset:0;background:var(--grad);mix-blend-mode:overlay;opacity:.18;pointer-events:none;z-index:1}
.hero-img img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.about-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.about-img{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -30px rgba(124,58,237,.35)}
.about-img::before{content:"";position:absolute;inset:0;background:var(--grad2);mix-blend-mode:overlay;opacity:.2;pointer-events:none;z-index:1}
.about-img img{width:100%;height:100%;object-fit:cover}
.about-body-329c{display:flex;flex-direction:column;gap:18px}
.svc-grid-329c{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc-329c{padding:36px 28px;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(124,58,237,.12);box-shadow:0 20px 50px -20px rgba(124,58,237,.18);display:flex;flex-direction:column;gap:14px;transition:all .3s cubic-bezier(.32,.72,0,1);position:relative;overflow:hidden}
.svc-329c:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 30px 70px -20px rgba(124,58,237,.3);border-color:rgba(124,58,237,.3)}
.svc-329c::before{content:"";position:absolute;width:160px;height:160px;background:var(--grad);border-radius:50%;filter:blur(60px);opacity:0;transition:opacity .3s;top:-50px;right:-50px;pointer-events:none}
.svc-329c:hover::before{opacity:.25}
.svc-329c .num{display:inline-block;font-family:var(--fb);font-size:13px;font-weight:700;background:var(--grad);color:#fff;padding:5px 12px;border-radius:999px;width:fit-content;letter-spacing:.04em}
.svc-329c h3{font-size:1.25rem;font-weight:700}
.svc-329c p{font-size:14.5px;color:#4B4068;margin:0;line-height:1.6}
.bnf-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bnf-row{padding:32px;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(124,58,237,.12);display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;transition:all .25s}
.bnf-row:hover{transform:translateY(-4px);box-shadow:0 30px 70px -20px rgba(124,58,237,.3)}
.bnf-num-329c{font-family:var(--fb);font-size:32px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;width:48px}
.bnf-row h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}
.bnf-row p{margin:0;color:#4B4068;font-size:14.5px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rev{padding:32px;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border-radius:24px;border:1px solid rgba(124,58,237,.12);display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 50px -20px rgba(124,58,237,.18);transition:all .25s}
.rev:hover{transform:translateY(-4px)}
.rev .stars{color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text;display:flex;gap:2px}
.rev blockquote{font-family:var(--fb);font-size:14.5px;line-height:1.65;margin:0;color:#1B1735;font-weight:500}
.rev .who{font-size:13px;color:#7A6F95}
.rev .who strong{color:#1B1735;font-weight:700}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.cl{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:14px}
.cl li{display:flex;align-items:center;gap:14px;padding:18px 22px;background:rgba(255,255,255,.7);border-radius:16px;border:1px solid rgba(124,58,237,.1);color:#1B1735;font-size:15px}
.cl li svg{color:#7C3AED}
.cl a{color:#1B1735;border-bottom:2px solid transparent;transition:border-color .18s}
.cl a:hover{border-color:#7C3AED}
.cf{padding:40px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-radius:28px;border:1px solid rgba(124,58,237,.15);box-shadow:0 40px 100px -30px rgba(124,58,237,.3);display:flex;flex-direction:column;gap:18px}
.cf label{display:flex;flex-direction:column;gap:6px}
.cf span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#7C3AED}
.cf input,.cf textarea{font:inherit;font-size:15px;padding:14px 16px;background:#F5F3FF;border:1px solid rgba(124,58,237,.15);color:#1B1735;outline:none;border-radius:14px;transition:all .18s}
.cf input:focus,.cf textarea:focus{border-color:#7C3AED;background:#fff;box-shadow:0 0 0 4px rgba(124,58,237,.08)}
.cf textarea{min-height:110px;resize:vertical}
.cf button{margin-top:6px}
footer{padding:64px 0 36px;background:#1B1735;color:rgba(255,255,255,.7);position:relative;overflow:hidden}
footer::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--grad)}
.fi{display:flex;justify-content:space-between;font-size:13.5px;flex-wrap:wrap;gap:14px}
.fi strong{color:#fff}
@media (max-width:900px){.hero-inner,.about-inner,.contact-inner{grid-template-columns:1fr;gap:48px}.svc-grid-329c,.rev-grid,.bnf-list{grid-template-columns:1fr}}
body.arch-1 .hero-inner{grid-template-columns:1fr!important;gap:48px!important}
body.arch-1 .hero-img{width:100%;max-width:none;aspect-ratio:21/9}
body.arch-1 .hero-img img{aspect-ratio:21/9}
body.arch-2 .hero{padding-bottom:0!important}
body.arch-2 .hero-inner{grid-template-columns:1fr!important;gap:48px;text-align:center}
body.arch-2 .hero-copy-329c{margin:0 auto;align-items:center}
body.arch-2 .hero-copy-329c h1{max-width:18ch;text-wrap:balance}
body.arch-2 .hero-copy-329c .sub{text-align:center;margin:0 auto}
body.arch-2 .hero-cta{justify-content:center}
body.arch-2 .hero-img{width:100%;max-width:1280px;margin:48px auto -120px;aspect-ratio:21/9;position:relative;z-index:1}
body.arch-2 .hero-img img{aspect-ratio:21/9}
body.arch-2 .section.about{padding-top:160px}
body.arch-3 .hero-inner{direction:rtl}
body.arch-3 .hero-inner > *{direction:ltr}
body.arch-3 .about-inner{grid-template-columns:1.2fr 1fr!important}
body.arch-3 .about-inner > .about-body-329c{order:1}
body.arch-3 .about-inner > .about-img{order:2}
body.sv-1 .svc-grid-329c{display:flex!important;flex-direction:column;gap:0}
body.sv-1 .svc-329c{display:grid;grid-template-columns:60px 1fr 32px;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
body.sv-1 .svc-329c .arr{justify-self:end;align-self:center}
body.sv-2 .svc-grid-329c{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.sv-2 .svc-329c{grid-column:span 2}
body.sv-2 .svc-329c:nth-child(3n+1){grid-column:span 2}
body.sv-2 .svc-329c:nth-child(4n){grid-column:span 4}
body.bn-1 .bnf-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
body.bn-1 .bnf-row{padding:24px;border:1px solid var(--line);border-radius:14px}
body.bn-2 .bnf-row{position:relative;padding-left:36px;border-left:0}
body.bn-2 .bnf-row::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;background:var(--accent);border-radius:2px}
body.rv-1 .rev-grid{grid-template-columns:1.6fr 1fr 1fr!important}
body.rv-1 .rev:first-child{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}
body.rv-2 .rev-grid{grid-template-columns:1fr!important;max-width:760px;margin:0 auto}
body.rv-2 .rev:not(:first-child){display:none}
body.rv-2 .rev{padding:48px;text-align:center}
body.rv-2 .rev blockquote{font-size:1.35rem!important;line-height:1.4!important}
body.rv-2 .rev .who{justify-content:center;text-align:center}
body.ca-1 .contact-inner{grid-template-columns:1fr!important;max-width:680px;margin:0 auto}
body.ca-2 .contact{background:var(--ink);color:var(--paper)}
body.ca-2 .contact h2,body.ca-2 .contact .eyebrow{color:var(--paper)}
body.ca-2 .contact .cl li{border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.78)}
body.ca-2 .contact .cl a{color:#fff}
body.ca-2 .contact .cf{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
body.ca-2 .contact .cf input,body.ca-2 .contact .cf textarea{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
body.ca-2 .contact .cf span{color:rgba(255,255,255,.6)}

