/* Dr. Ramin Xəlilov — demo */
:root{
  --ink:#0b161e;
  --ink-2:#12222c;
  --ink-3:#1b3340;
  --paper:#f3efe7;
  --paper-2:#e8e2d5;
  --text:#14202a;
  --muted:#5b6770;
  --iris:#2f8a8f;
  --iris-soft:#8fcaca;
  --amber:#c58a4c;
  --line:rgba(20,32,42,.14);
  --line-light:rgba(243,239,231,.16);
  --serif:"Newsreader",Georgia,serif;
  --sans:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:clamp(16px,4vw,56px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
em{font-family:var(--serif);font-style:italic;font-weight:400}
::selection{background:var(--iris);color:#fff}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--iris);margin:0 0 22px;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.eyebrow--light{color:var(--iris-soft)}
.h2{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5.2vw,76px);line-height:1.02;letter-spacing:-.02em;margin:0 0 28px}
.h2 em{color:var(--iris)}
.muted{color:var(--muted);max-width:44ch}

/* Buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:18px 28px;border-radius:100px;font-weight:500;font-size:16px;overflow:hidden;isolation:isolate;transition:color .5s var(--ease)}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .5s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(101%);transition:transform .55s var(--ease)}
.btn:hover::after{transform:translateY(0)}
.btn--light{background:var(--paper);color:var(--ink)}
.btn--light::after{background:var(--iris)}
.btn--light:hover{color:#fff}
.btn--dark{background:var(--ink);color:var(--paper)}
.btn--dark::after{background:var(--iris)}
.btn--pill{padding:11px 20px;font-size:14px;border:1px solid var(--line-light);color:var(--paper)}
.btn--pill::after{background:var(--paper)}
.btn--pill:hover{color:var(--ink)}
.link-underline{position:relative;font-weight:500;padding:4px 0}
.link-underline::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--ease)}
.link-underline:hover::after{transform:scaleX(0)}

/* Loader */
.loader{position:fixed;inset:0;z-index:100;pointer-events:none}
.lid{position:absolute;left:-10%;right:-10%;height:52%;background:var(--ink)}
.lid--top{top:0;border-radius:0 0 50% 50%/0 0 22% 22%}
.lid--bottom{bottom:0;border-radius:50% 50% 0 0/22% 22% 0 0}
.loader__line{position:absolute;left:10%;right:10%;top:50%;height:1px;background:var(--iris-soft);transform:scaleX(0)}
.loader__name{position:absolute;left:0;right:0;top:calc(50% + 22px);text-align:center;font-family:var(--serif);font-style:italic;color:var(--paper);opacity:0;font-size:18px;letter-spacing:.02em}
html:not(.js) .loader{display:none}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:32px;padding:18px var(--gutter);color:var(--paper);transition:transform .6s var(--ease),background .4s,color .4s}
.nav.is-hidden{transform:translateY(-110%)}
.nav.is-solid{background:rgba(11,22,30,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav__brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.nav__mark{width:34px;height:34px;color:var(--iris-soft);transition:transform 1s var(--ease)}
.nav__brand:hover .nav__mark{transform:rotate(90deg)}
.nav__brand span{display:flex;flex-direction:column;line-height:1.15}
.nav__brand b{font-weight:600;font-size:15px}
.nav__brand small{font-size:12px;opacity:.6}
.nav__links{display:flex;gap:30px;font-size:14px}
.nav__links a{position:relative;opacity:.8;transition:opacity .3s}
.nav__links a:hover{opacity:1}
.nav__links a::after{content:"";position:absolute;left:50%;bottom:-6px;width:4px;height:4px;border-radius:50%;background:var(--iris-soft);transform:translateX(-50%) scale(0);transition:transform .35s var(--ease)}
.nav__links a:hover::after{transform:translateX(-50%) scale(1)}
.nav__burger{display:none;width:44px;height:44px;position:relative}
.nav__burger i{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .5s var(--ease)}
.nav__burger i:first-child{top:18px}.nav__burger i:last-child{top:25px}
.menu-open .nav__burger i:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-open .nav__burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:40;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:90px var(--gutter) 40px;clip-path:circle(0% at calc(100% - 40px) 40px);transition:clip-path .8s var(--ease);visibility:hidden}
.menu-open .menu{clip-path:circle(150% at calc(100% - 40px) 40px);visibility:visible}
.menu nav{display:flex;flex-direction:column;gap:6px}
.menu nav a{font-family:var(--serif);font-size:44px;font-weight:300;line-height:1.2}
.menu__foot{margin-top:auto;display:flex;gap:24px;color:var(--iris-soft)}

/* Hero */
.hero{position:relative;min-height:100vh;min-height:100svh;background:radial-gradient(120% 90% at 78% 40%,#16303b 0%,var(--ink) 58%);color:var(--paper);display:flex;flex-direction:column;overflow:hidden;padding-top:110px}
.hero__grain{position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero__grid{position:relative;flex:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px}
.hero__eyebrow{color:var(--iris-soft)}
.hero__eyebrow::before{display:none}
.dot{width:8px;height:8px;border-radius:50%;background:#6fd3a4;box-shadow:0 0 0 0 rgba(111,211,164,.6);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(111,211,164,0)}100%{box-shadow:0 0 0 0 rgba(111,211,164,0)}}
.hero__title{font-family:var(--serif);font-weight:300;font-size:clamp(54px,8.4vw,132px);line-height:.94;letter-spacing:-.035em;margin:0 0 34px}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero__title .line>span{display:inline-block}
.hero__title em{color:var(--iris-soft);padding-right:.06em}
.hero__lead{max-width:46ch;font-size:18px;color:rgba(243,239,231,.72);margin:0 0 40px}
.hero__actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.hero__eye{position:relative;display:flex;flex-direction:column;align-items:center}
.iris-wrap{position:relative;width:min(40vw,600px);aspect-ratio:1}
.iris{position:absolute;inset:8%;width:84%;height:84%}
.reticle{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.reticle .r-thin{fill:none;stroke:rgba(143,202,202,.28);stroke-width:1}
.reticle .r-dash{fill:none;stroke:rgba(143,202,202,.35);stroke-width:1;stroke-dasharray:2 7;transform-origin:300px 300px;animation:spin 60s linear infinite}
.reticle__ticks line{stroke:rgba(143,202,202,.4);stroke-width:1}
.reticle__orbit{transform-origin:300px 300px;animation:spin 80s linear infinite reverse}
.reticle text{font-family:var(--sans);font-size:11.5px;letter-spacing:.28em;fill:rgba(243,239,231,.5)}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__caption{font-size:12px;letter-spacing:.08em;color:rgba(243,239,231,.4);margin:8px 0 0}
.hero__meta{position:relative;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:24px;padding-top:28px;padding-bottom:32px;margin-top:20px}
.hero__meta::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line-light);transform-origin:left;transform:scaleX(var(--meta-line,1))}
.hero__meta div{font-size:14px;color:rgba(243,239,231,.85)}
.hero__meta small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(243,239,231,.42);margin-bottom:4px}
.hero__scroll{width:28px;height:46px;border:1px solid var(--line-light);border-radius:20px;position:relative;align-self:center}
.hero__scroll span{position:absolute;left:50%;top:9px;width:3px;height:8px;border-radius:3px;background:var(--iris-soft);transform:translateX(-50%);animation:scrolly 2s var(--ease) infinite}
@keyframes scrolly{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,16px)}}

/* Clarity */
.clarity{position:relative;height:260vh;background:var(--paper)}
.clarity__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.clarity__chart{position:absolute;inset:0;--x:50%;--y:50%;--r:0px}
.chart{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sans);font-weight:600;color:var(--ink);line-height:1;text-align:center;user-select:none}
.chart p{margin:0 0 .32em;letter-spacing:.3em;padding-left:.3em;white-space:nowrap}
.chart .c1{font-size:clamp(90px,17vh,190px)}
.chart .c2{font-size:clamp(56px,10vh,112px)}
.chart .c3{font-size:clamp(40px,7.2vh,80px)}
.chart .c4{font-size:clamp(30px,5.4vh,60px)}
.chart .c5{font-size:clamp(22px,4vh,44px)}
.chart .c6{font-size:clamp(17px,3vh,32px)}
.chart .c7{font-size:clamp(13px,2.2vh,23px)}
.chart--blur{filter:blur(9px);opacity:.42;color:#4a5b64;transform:translateZ(0);will-change:transform}
.chart--sharp{clip-path:circle(0px at 50% 50%);will-change:clip-path}
.clarity__copy{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding-top:110px;padding-bottom:48px;pointer-events:none}
.clarity__label{grid-column:1/-1}
.clarity__states{grid-column:1;grid-row:3;position:relative;min-height:9em;max-width:26ch}
.state{position:absolute;left:0;bottom:0;margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(24px,2.5vw,36px);line-height:1.18;letter-spacing:-.01em}
.state em{color:var(--iris)}
.state--2{opacity:0}
.clarity__progress{grid-column:2;grid-row:3;align-self:end;justify-self:end;width:min(260px,40vw);height:1px;background:var(--line)}
.clarity__progress span{display:block;height:100%;background:var(--iris);transform-origin:left;transform:scaleX(0)}

/* About */
.about{padding:clamp(90px,14vw,190px) 0}
.about__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,7vw,120px);align-items:start}
.about__media{position:sticky;top:110px;padding-bottom:120px}
.photo{margin:0;overflow:hidden;border-radius:4px;background:var(--paper-2)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo--tall{aspect-ratio:4/5;width:82%}
.photo--small{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:512/660;border:8px solid var(--paper);border-radius:6px;overflow:visible}
.photo--small img{border-radius:2px}
.photo--small figcaption{position:absolute;top:100%;left:0;right:-20px;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.4}
.about__text{padding-top:20px}
.about__body{color:var(--muted);max-width:56ch}
.about__body p{margin:0 0 16px}
.facts{display:grid;grid-template-columns:1fr 1fr;margin:48px 0;border-top:1px solid var(--line)}
.fact{padding:26px 20px 26px 0;border-bottom:1px solid var(--line)}
.fact:nth-child(odd){border-right:1px solid var(--line)}
.fact:nth-child(even){padding-left:28px}
.fact dt{font-family:var(--serif);font-weight:300;font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.03em}
.fact sup{font-family:var(--sans);font-size:14px;letter-spacing:0;color:var(--iris);vertical-align:top;margin-left:6px;position:relative;top:1.1em}
.fact dd{margin:8px 0 0;font-size:14px;color:var(--muted)}
.principles{list-style:none;padding:0;margin:0}
.principles li{padding:16px 0 16px 34px;position:relative;border-bottom:1px solid var(--line);color:var(--muted);font-size:15.5px}
.principles li::before{content:"";position:absolute;left:0;top:24px;width:14px;height:14px;border-radius:50%;border:1px solid var(--iris);background:radial-gradient(circle,var(--iris) 30%,transparent 34%)}
.principles b{color:var(--text);font-weight:600}

/* Ticker */
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:26px 0;border-block:1px solid var(--line-light)}
.ticker__track{display:flex;width:max-content;align-items:center;gap:36px;animation:ticker 38s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker span{font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:300;white-space:nowrap}
.ticker span:nth-of-type(even){font-style:italic;color:var(--iris-soft)}
.ticker i{font-style:normal;color:var(--amber);font-size:20px}
@keyframes ticker{to{transform:translateX(-50%)}}

/* Services */
.services{padding:clamp(90px,13vw,180px) 0}
.services__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,110px)}
.services__head{position:sticky;top:120px;align-self:start}
.services__preview{position:relative;width:200px;height:200px;margin-top:48px}
.svc-art{width:100%;height:100%;fill:none;stroke:var(--line);stroke-width:1;overflow:visible}
.svc-art__iris{stroke:var(--iris);stroke-width:1.2;stroke-dasharray:4 5;transform-origin:100px 100px;transition:transform .8s var(--ease)}
.svc-art__pupil{fill:var(--ink);stroke:none;transform-origin:100px 100px;transition:transform .8s var(--ease)}
.services__num{position:absolute;left:100%;top:0;margin-left:16px;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--iris)}
.svc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.svc__item{border-bottom:1px solid var(--line);position:relative}
.svc__row{position:relative;width:100%;display:grid;grid-template-columns:64px 1fr 40px;align-items:center;gap:12px;padding:28px 0;text-align:left;overflow:hidden}
.svc__row::before{content:"";position:absolute;inset:0;background:var(--paper-2);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);z-index:-1}
.svc__row:hover::before,.svc__item.is-open .svc__row::before{transform:scaleY(1)}
.svc__n{font-size:13px;color:var(--muted);padding-left:10px;font-variant-numeric:tabular-nums}
.svc__t{font-family:var(--serif);font-size:clamp(26px,2.7vw,40px);font-weight:300;line-height:1.1;letter-spacing:-.015em;transition:transform .5s var(--ease)}
.svc__row:hover .svc__t{transform:translateX(10px)}
.svc__t small{display:block;font-family:var(--sans);font-size:14px;letter-spacing:0;color:var(--muted);margin-top:6px}
.svc__plus{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;transition:background .4s,border-color .4s,transform .5s var(--ease)}
.svc__plus::before,.svc__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.svc__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.svc__item.is-open .svc__plus{transform:rotate(45deg);background:var(--ink);color:var(--paper);border-color:var(--ink)}
.svc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.svc__item.is-open .svc__body{grid-template-rows:1fr}
.svc__body>div{overflow:hidden;padding-left:76px;padding-right:52px}
.svc__body p{margin:0 0 14px;color:var(--muted)}
.svc__body p:first-child{padding-top:4px}
.svc__sym{font-size:14px;color:var(--iris)!important;padding-bottom:22px}

/* Journey */
.journey{background:var(--ink);color:var(--paper);overflow:hidden}
.journey__pin{height:100vh;height:100svh;display:flex;flex-direction:column;padding-top:110px}
.journey__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}
.journey__head .eyebrow{grid-column:1/-1;margin-bottom:0;color:var(--iris-soft)}
.journey__head .h2{margin:0;max-width:16ch}
.journey__head .h2 em{color:var(--iris-soft)}
.journey__bar{width:220px;height:1px;background:var(--line-light);margin-bottom:18px}
.journey__bar span{display:block;height:100%;background:var(--iris-soft);transform-origin:left;transform:scaleX(0)}
.journey__track{flex:1;display:flex;align-items:center;gap:24px;padding:40px var(--gutter) 60px;width:max-content}
.step{position:relative;flex:none;width:380px;height:min(520px,calc(100svh - 330px));min-height:420px;border:1px solid var(--line-light);border-radius:6px;padding:28px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}
.step::before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:1px;background:var(--iris-soft);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.step:hover::before{transform:scaleX(1)}
.step__cert{position:relative;height:150px;margin:-8px -8px 24px;overflow:hidden;border-radius:4px;background:#0f1f28}
.step__cert img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.75);transition:transform .9s var(--ease),filter .5s}
.step__cert span{position:absolute;right:10px;bottom:10px;font-size:12px;background:var(--paper);color:var(--ink);padding:6px 12px;border-radius:30px;transform:translateY(8px);opacity:0;transition:.45s var(--ease)}
.step__cert:hover img{transform:scale(1.06);filter:saturate(1)}
.step__cert:hover span{opacity:1;transform:none}
.step__year{font-family:var(--serif);font-weight:300;font-size:56px;line-height:.95;letter-spacing:-.03em;color:var(--iris-soft)}
.step h3{font-size:19px;font-weight:500;line-height:1.3;margin:14px 0 10px}
.step p{margin:0;font-size:15px;color:rgba(243,239,231,.66)}
.step p b{color:var(--paper);font-weight:600}
.step__place{margin-top:auto;padding-top:18px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:rgba(243,239,231,.45)}
.step--intro{width:420px;justify-content:flex-start}
.step--intro .step__year{font-size:92px;margin-bottom:20px}
.step--accent{border-color:rgba(143,202,202,.45);background:linear-gradient(180deg,rgba(47,138,143,.2),rgba(47,138,143,0))}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:12px 0 0}
.tags li{font-size:12px;padding:4px 10px;border:1px solid var(--line-light);border-radius:30px;color:rgba(243,239,231,.85)}
.step--end{border:0;background:none;justify-content:center;gap:30px;width:460px;margin-right:var(--gutter)}
.step__quote{font-family:var(--serif);font-size:34px!important;font-weight:300;line-height:1.1!important;color:var(--paper)!important;letter-spacing:-.015em}
.step--end .btn{align-self:flex-start;background:var(--paper);color:var(--ink)}
.step--end .btn:hover{color:#fff}

/* Process */
.process{padding:clamp(90px,13vw,180px) 0}
.process__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,110px)}
.process__head{position:sticky;top:120px;align-self:start}
.steps{list-style:none;margin:0;padding:0;position:relative}
.steps__line{position:absolute;left:27px;top:28px;bottom:28px;width:1px;background:var(--line)}
.steps__line span{display:block;width:100%;height:100%;background:var(--iris);transform-origin:top;transform:scaleY(0)}
.pstep{display:grid;grid-template-columns:56px 1fr;gap:28px;padding:0 0 64px}
.pstep:last-child{padding-bottom:0}
.pstep__n{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;font-family:var(--serif);font-size:22px;transition:background .5s,color .5s,border-color .5s}
.pstep.is-active .pstep__n{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pstep h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.1;margin:10px 0 10px;letter-spacing:-.01em}
.pstep p{margin:0;color:var(--muted);max-width:46ch}

/* Kids */
.kids{background:var(--paper-2);padding:clamp(90px,12vw,160px) 0;overflow:hidden}
.kids__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px);align-items:center}
.kids__title{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 20px}
.kids__signs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.kids__signs li{font-family:var(--serif);font-size:clamp(20px,2vw,27px);font-weight:300;padding:12px 24px;border-radius:60px;background:var(--paper);border:1px solid var(--line);transition:background .4s,color .4s,transform .4s var(--ease)}
.kids__signs li:hover{background:var(--ink);color:var(--paper);transform:rotate(-2deg)}

/* FAQ */
.faq{padding:clamp(90px,13vw,180px) 0}
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,6vw,110px)}
.faq__list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:clamp(18px,1.6vw,22px);font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:1.5px solid var(--iris);border-bottom:1.5px solid var(--iris);transform:rotate(45deg) translateY(-4px);transition:transform .45s var(--ease)}
.faq details[open] summary::after{transform:rotate(225deg)}
.faq details p{margin:0;padding:0 40px 26px 0;color:var(--muted);max-width:62ch}

/* Contact */
.contact{background:var(--ink);color:var(--paper);padding:clamp(100px,13vw,180px) 0 80px;position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(47,138,143,.28),transparent 62%);pointer-events:none}
.contact__title{font-family:var(--serif);font-weight:300;font-size:clamp(56px,10vw,160px);line-height:.95;letter-spacing:-.04em;margin:0 0 80px}
.contact__title em{color:var(--iris-soft)}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px)}
.form{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.field{position:relative;width:100%}
.field input,.field textarea,.field select{width:100%;background:none;border:0;border-bottom:1px solid var(--line-light);color:var(--paper);font:inherit;font-size:19px;padding:30px 0 12px;outline:none;resize:none;border-radius:0;transition:border-color .4s}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer}
.field select option{color:var(--ink)}
.field--select::after{content:"";position:absolute;right:4px;top:36px;width:9px;height:9px;border-right:1.5px solid var(--iris-soft);border-bottom:1.5px solid var(--iris-soft);transform:rotate(45deg);pointer-events:none}
.field label{position:absolute;left:0;top:30px;color:rgba(243,239,231,.5);pointer-events:none;transition:.35s var(--ease);transform-origin:left}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--iris-soft)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label,.field--select label{transform:translateY(-24px) scale(.72);color:var(--iris-soft)}
.form .btn{margin-top:30px}
.form__note{font-size:13px;color:rgba(243,239,231,.4);margin:12px 0 0}
.contact__info{display:flex;flex-direction:column}
.info{padding:22px 0;border-bottom:1px solid var(--line-light)}
.info:first-child{padding-top:0}
.info small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(243,239,231,.45);margin-bottom:6px}
.info a,.info span{color:rgba(243,239,231,.85);transition:color .3s}
.info a:hover{color:var(--iris-soft)}
.info__big{font-family:var(--serif);font-size:clamp(30px,3vw,44px);font-weight:300;letter-spacing:-.01em;color:var(--paper)!important}
.socials{display:flex;flex-wrap:wrap;gap:8px;padding-top:26px}
.socials a{padding:9px 18px;border:1px solid var(--line-light);border-radius:40px;font-size:14px;transition:background .35s,color .35s}
.socials a:hover{background:var(--paper);color:var(--ink)}
.urgent{margin-top:90px;display:flex;align-items:center;gap:28px;padding:26px 30px;border:1px solid rgba(225,120,100,.35);border-radius:6px;background:rgba(225,120,100,.06)}
.urgent b{font-family:var(--serif);font-size:54px;font-weight:400;line-height:1;color:#f09a86}
.urgent p{margin:0;font-size:15px;color:rgba(243,239,231,.72)}

/* Footer */
.footer{background:var(--ink);color:rgba(243,239,231,.5);padding:0 0 40px}
.footer__grid{border-top:1px solid var(--line-light);padding-top:40px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:start;font-size:13px}
.footer__name{margin:0;font-family:var(--serif);font-size:26px;color:var(--paper);line-height:1}
.footer__name em{color:var(--iris-soft)}
.footer__note{margin:0;max-width:60ch}
.footer__copy{margin:0}

/* Forma düymələri + WhatsApp */
.form__actions{display:flex;align-items:center;gap:14px;margin-top:30px;flex-wrap:wrap}
.form .btn{margin-top:0}
.btn--wa{border:1px solid rgba(37,211,102,.5);color:#9ae7bb;padding:17px 24px}
.btn--wa::after{background:#25d366}
.btn--wa:hover{color:#06281a;border-color:#25d366}
.btn--wa svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.form__note.ok{color:#9ae7bb}
.form__note.pis{color:#f09a86}
.form.gonderildi .field,.form.gonderildi .btn[type=submit]{opacity:.45;pointer-events:none}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;align-items:center;gap:0;padding:14px;border-radius:100px;background:#25d366;color:#05261a;box-shadow:0 12px 30px rgba(6,38,26,.3);transform:translateY(120px);transition:transform .7s var(--ease),gap .4s var(--ease),padding .4s var(--ease)}
.wa-float.gorunur{transform:translateY(0)}
.wa-float svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.wa-float span{max-width:0;overflow:hidden;white-space:nowrap;font-weight:600;font-size:15px;transition:max-width .5s var(--ease)}
.wa-float:hover{gap:10px;padding:14px 22px 14px 18px}
.wa-float:hover span{max-width:120px}
@media (max-width:640px){.wa-float{right:16px;bottom:16px;padding:13px}.form__actions{gap:10px}.btn--wa{padding:15px 20px}}

/* Lightbox */
.lightbox{border:0;padding:0;background:transparent;max-width:92vw;max-height:92vh;overflow:visible}
.lightbox::backdrop{background:rgba(6,12,16,.88);backdrop-filter:blur(6px)}
.lightbox img{max-width:92vw;max-height:82vh;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lightbox p{color:var(--paper);text-align:center;font-size:14px;margin:14px 0 0}
.lightbox__close{position:fixed;top:18px;right:22px;width:48px;height:48px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:28px;line-height:1}
.lightbox[open]{animation:lbin .5s var(--ease)}
@keyframes lbin{from{opacity:0;transform:scale(.96)}}

/* JS başlanğıc vəziyyətləri */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.wi{display:inline-block}
.js [data-reveal]{opacity:0;transform:translateY(28px)}
.js [data-clip]{clip-path:inset(100% 0 0 0)}

/* Responsive */
@media (max-width:1080px){
  .nav__links{display:none}
  .nav__burger{display:block}
  .nav__cta{display:none}
  .hero__grid{grid-template-columns:1fr;gap:0}
  .hero__eye{order:-1;margin:-10px 0 -20px}
  .iris-wrap{width:min(76vw,440px)}
  .hero__caption{display:none}
  .about__grid,.services__grid,.process__grid,.faq__grid,.kids__grid,.contact__grid{grid-template-columns:1fr}
  .services__head,.process__head,.about__media{position:relative;top:0}
  .services__preview{display:none}
}
@media (max-width:900px){
  .journey__pin{height:auto;padding:100px 0 80px}
  .journey__head{grid-template-columns:1fr}
  .journey__bar{display:none}
  .journey__track{flex-direction:column;align-items:stretch;width:auto;padding:40px var(--gutter) 0;gap:16px}
  .step,.step--intro,.step--end{width:auto;height:auto;min-height:0}
  .step--intro .step__year{font-size:64px}
  .step__cert{height:180px}
  .step--end{padding:28px 0}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav{padding:12px var(--gutter)}
  .nav__brand small{display:none}
  .hero{padding-top:80px}
  .hero__title{font-size:clamp(50px,15vw,74px);margin-bottom:24px}
  .hero__lead{font-size:16px;margin-bottom:30px}
  .hero__meta{grid-template-columns:1fr 1fr;gap:16px}
  .hero__meta div:nth-child(3){display:none}
  .hero__scroll{display:none}
  .clarity{height:220vh}
  .clarity__copy{grid-template-columns:1fr;padding-top:84px;padding-bottom:32px}
  .clarity__progress{grid-column:1;grid-row:3;justify-self:start;margin-top:0;width:120px;align-self:start;display:none}
  .clarity__states{max-width:none;min-height:7em}
  .state{font-size:23px}
  .chart .c1{font-size:22vw}.chart .c2{font-size:14vw}.chart .c3{font-size:10vw}.chart .c4{font-size:7.6vw}.chart .c5{font-size:5.8vw}.chart .c6{font-size:4.6vw}.chart .c7{font-size:3.6vw}
  .chart{justify-content:flex-start;padding-top:18vh}
  .about__media{padding-bottom:90px}
  .facts{grid-template-columns:1fr 1fr}
  .fact{padding-right:12px}
  .fact:nth-child(even){padding-left:16px}
  .svc__row{grid-template-columns:40px 1fr 36px;padding:22px 0}
  .svc__n{padding-left:4px}
  .svc__plus{width:36px;height:36px}
  .svc__body>div{padding-left:52px;padding-right:0}
  .pstep{grid-template-columns:44px 1fr;gap:18px;padding-bottom:44px}
  .pstep__n{width:44px;height:44px;font-size:18px}
  .steps__line{left:21px}
  .kids__signs li{padding:10px 18px}
  .contact__title{margin-bottom:50px}
  .urgent{flex-direction:column;align-items:flex-start;gap:10px;margin-top:60px}
  .footer__grid{grid-template-columns:1fr;gap:18px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-reveal]{opacity:1;transform:none}
  .js [data-clip]{clip-path:none}
  .loader{display:none}
  .clarity{height:auto}
  .clarity__sticky{position:relative}
  .chart--blur{display:none}
  .chart--sharp{clip-path:none}
  .state{position:relative}.state--2{opacity:1;margin-top:16px}
}