@font-face{font-family:"MiaHead";src:url(/assets/fonts/font-26861.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MiaBody";src:url(/assets/fonts/font-26865.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MiaEyebrow";src:url(/assets/fonts/font-26867.woff2) format("woff2");font-display:swap}
@property --p{syntax:"<number>";inherits:true;initial-value:0}

:root{
  --cream:#f2eadd;
  --paper:#f8f4ec;
  --ink:#1c1815;
  --ink-soft:#5e554c;
  --wine:#8a1f1f;
  --wine-2:#8a2222;
  --wine-3:#5a1515;
  --gold:#e5c9a2;
  --gold-2:#d8b88c;
  --night:#171310;
  --line:rgba(28,24,21,.14);
  --head:"MiaHead",ui-serif,Georgia,serif;
  --body:"MiaBody",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --brow:"MiaEyebrow",ui-sans-serif,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,dl,dd,figure,blockquote{margin:0}
fieldset{border:0;margin:0;padding:0;min-width:0}
button{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.accent{color:var(--wine)}

.top{position:absolute;inset:0 0 auto;z-index:5;padding:22px 0}
.top__logo{width:210px;height:auto}

.eyebrow{font-family:var(--brow);text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;color:var(--wine);display:flex;align-items:center;gap:10px;margin-bottom:20px}
.eyebrow--light{color:var(--gold)}
.dot{width:8px;height:8px;border-radius:50%;background:#2fbf71;animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(47,191,113,.55)}80%,100%{box-shadow:0 0 0 12px rgba(47,191,113,0)}}

.h2{font-family:var(--head);font-weight:500;font-size:clamp(32px,4.4vw,60px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.h2--light{color:#fff}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 30px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--wine-2),var(--wine-3));color:#fff;font:600 17px/1 var(--body);text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 16px 34px -16px rgba(90,21,21,.75),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .25s var(--ease),box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -16px rgba(90,21,21,.8),inset 0 1px 0 rgba(255,255,255,.18)}
.btn:active{transform:scale(.98)}
.btn--full{width:100%}
.btn--light{background:var(--cream);color:var(--wine-3);box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.btn[disabled]{opacity:.7;pointer-events:none}

.js-intro .hero [data-in],.js-intro .hero .chip{visibility:hidden}

.hero{position:relative;overflow:hidden;background:radial-gradient(90% 80% at 85% 0%,#fbf6ee 0%,var(--cream) 55%,#ecdfca 100%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);padding-top:92px}
.hero__text{position:relative;z-index:2}
.hero__title{font-family:var(--head);font-weight:500;font-size:clamp(42px,11.6vw,54px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
.hero__sub{margin-top:16px;font-size:17px;color:var(--ink-soft);max-width:34ch}
.handle{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.handle__field{display:flex;align-items:center;height:60px;padding:0 20px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px var(--line),0 18px 40px -26px rgba(28,24,21,.5);transition:box-shadow .2s}
.handle__field:focus-within{box-shadow:0 0 0 2px var(--wine),0 18px 40px -26px rgba(28,24,21,.5)}
.handle__at{font-weight:600;color:var(--wine);font-size:18px;margin-right:2px}
.handle input{flex:1;min-width:0;height:100%;border:0;background:none;font:500 17px var(--body);color:var(--ink);outline:0}
.handle input::placeholder{color:#b0a598}
.hero__trust{margin-top:18px;width:220px;height:auto}
.hero__media{position:relative;height:50svh;min-height:330px;max-height:470px;margin-top:8px;display:flex;justify-content:center;align-items:flex-end}
.hero__arch{position:absolute;bottom:0;left:50%;width:min(86%,330px);height:88%;margin-left:calc(min(86%,330px) / -2);border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--gold-2),#ecd9bb 70%,#f0e2cc);transform-origin:50% 100%}
.hero__img{position:relative;height:100%;width:auto;max-width:none}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 44px -22px rgba(28,24,21,.55),0 0 0 1px rgba(255,255,255,.7);font-size:13px;line-height:1.15}
.chip--tp{display:none}
.chip--scan{right:0;bottom:9%}
.chip__avatar{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 210deg,#f9ce34,#ee2a7b,#6228d7,#f9ce34);position:relative;flex:none}
.chip__avatar::after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(135deg,#f0e2cc,#d8b88c);box-shadow:0 0 0 2px #fff}
.chip__col{display:grid;gap:6px;min-width:96px;max-width:150px}
.chip__col b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip__bar{display:block;height:4px;border-radius:4px;background:rgba(28,24,21,.1);overflow:hidden;position:relative}
.chip__bar::after{content:"";position:absolute;inset:0;width:45%;border-radius:4px;background:var(--wine);animation:bar 1.6s var(--ease) infinite}
@keyframes bar{0%{transform:translateX(-110%)}100%{transform:translateX(240%)}}
.chip__stars{color:#00b67a;letter-spacing:1px;font-size:12px}
.chip__big{font-family:var(--head);font-size:24px;line-height:1}
.chip__small{color:var(--ink-soft)}

.facts{background:var(--cream);border-top:1px solid var(--line);padding:30px 0 22px}
.facts__row{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}
.fact{display:grid;gap:4px}
.fact__num{font-family:var(--head);font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.03em}
.fact__label{font-size:14px;color:var(--ink-soft)}
.press{margin-top:30px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.press__track{display:flex;gap:44px;width:max-content;animation:marquee 60s linear infinite}
.press img{width:112px;height:auto;mix-blend-mode:multiply;filter:grayscale(1) contrast(1.1);opacity:.6}
@keyframes marquee{to{transform:translateX(-50%)}}

.studio{position:relative;background:var(--night);color:#fff;padding:52px 0 56px;overflow:hidden}
.studio::before{content:"";position:absolute;width:80vmax;height:80vmax;left:-30vmax;top:-30vmax;background:radial-gradient(circle,rgba(229,201,162,.16),rgba(229,201,162,0) 60%);pointer-events:none}
.studio__grid{position:relative;display:grid;gap:22px}
.studio__main{min-width:0;display:contents}
.studio__main>.eyebrow{order:1;margin-bottom:-6px}
.studio__main>.h2{order:2}
.phone{order:3;--p:0}
.panel{order:4}

.phone__screen{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden}
.ig__bar{order:2;flex:1;min-width:0;font-size:16px}
.ig__bar b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig__head{order:1;flex:none}
.ig__avatar{width:46px;height:46px;border-radius:50%;padding:3px;background:conic-gradient(var(--gold) calc(var(--p) * 1turn),rgba(255,255,255,.16) 0);transition:--p .7s var(--ease)}
.ig__avatar span{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#4a4037,#2b2520);box-shadow:0 0 0 2px var(--night)}
.ig__stats,.ig__bio,.ig__grid{display:none}
.scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(229,201,162,.22),transparent);width:40%;animation:sweepx 2.4s ease-in-out infinite}
@keyframes sweepx{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}
@keyframes sweepy{0%{transform:translateY(-20%)}100%{transform:translateY(560%)}}

.panel{background:var(--paper);color:var(--ink);border-radius:28px;padding:20px 18px 22px;box-shadow:0 50px 90px -50px rgba(0,0,0,.9)}
.prog{display:flex;align-items:center;gap:12px;margin-bottom:22px;min-height:32px}
.prog__back{width:32px;height:32px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;font-size:16px;line-height:1;display:grid;place-items:center;flex:none}
.prog__back[hidden]{display:none}
.prog__bar{flex:1;height:5px;border-radius:5px;background:rgba(28,24,21,.1);overflow:hidden}
.prog__bar i{display:block;height:100%;width:25%;border-radius:5px;background:linear-gradient(90deg,var(--wine-2),var(--wine-3));transition:width .6s var(--ease)}
.prog__txt{font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}
.step__q{font-family:var(--head);font-size:clamp(28px,7vw,36px);line-height:1.08;letter-spacing:-.02em;padding:0;margin-bottom:18px}
.pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pill{position:relative;cursor:pointer;min-width:0}
.pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pill span{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-height:108px;padding:14px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-weight:600;font-size:15.5px;line-height:1.2;transition:background .2s,box-shadow .2s,transform .25s var(--ease)}
.pill b{font-size:26px;font-weight:400;line-height:1}
.pill:hover span{box-shadow:inset 0 0 0 1.5px rgba(138,31,31,.45);transform:translateY(-2px)}
.pill input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.pill input:focus-visible+span{outline:3px solid rgba(138,31,31,.35);outline-offset:2px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink-soft)}
.field--wide{grid-column:1/-1}
.field input{width:100%;height:56px;padding:0 16px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:500 16px var(--body);color:var(--ink);transition:box-shadow .2s}
.field input::placeholder{color:#b0a598}
.field input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--wine)}
.field input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #d64545}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{display:none;margin-top:10px;font-size:13.5px;color:#c23a3a;font-weight:600}
.err.is-on{display:block}
.step .btn{margin-top:16px}
.fine{margin-top:12px;font-size:12.5px;color:#8f857b;text-align:center}
.termin__hi{font-family:var(--head);font-size:clamp(24px,5vw,32px);line-height:1.12;letter-spacing:-.02em;margin-bottom:14px}
.termin__cal{height:700px;margin:0 -8px;border-radius:18px;overflow:hidden;background:#fff}
.termin__fallback{margin-top:12px;font-size:15px}

.cases{padding:56px 0 16px;background:var(--cream)}
.cases__grid{display:grid;gap:26px}
.case{padding:26px 0;border-top:1px solid var(--line)}
.case__name{font-family:var(--brow);text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;color:var(--wine)}
.case__big{font-family:var(--head);font-size:clamp(40px,10.5vw,104px);line-height:1;letter-spacing:-.04em;margin-top:14px;white-space:nowrap}
.case__big i{font-style:normal;color:var(--wine);font-size:.55em;margin:0 .22em;vertical-align:.12em}
.case__unit{font-size:15.5px;color:var(--ink-soft);margin-top:10px}
.case dl{display:grid;gap:18px;margin-top:22px}
.case dt{font-family:var(--brow);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--ink-soft);margin-bottom:6px}
.case dd{font-size:16px;line-height:1.5}

.statement{background:linear-gradient(160deg,#7c1d1d,#4a1010 75%);color:#fff;padding:60px 0}
.statement__big{font-family:var(--head);font-size:clamp(28px,4.3vw,58px);line-height:1.12;letter-spacing:-.02em;max-width:22ch;max-width:min(100%,1100px)}
.statement__lines{margin-top:32px;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.2)}
.statement__lines p{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:clamp(17px,1.6vw,21px);color:rgba(255,255,255,.86)}

.reviews{padding:56px 0;background:var(--cream)}
.reviews__score{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.reviews__score b{font-family:var(--head);font-size:26px;font-weight:500}
.stars{color:#00b67a;font-size:22px;letter-spacing:2px}
.reviews__grid{display:grid;gap:28px;margin-top:28px}
.review{padding-top:26px;border-top:1px solid var(--line)}
.review blockquote{font-family:var(--head);font-size:clamp(21px,2.3vw,30px);line-height:1.28;letter-spacing:-.01em}
.review figcaption{margin-top:18px;font-family:var(--brow);text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;color:var(--wine)}

.final{background:var(--night);color:#fff;padding:64px 0}
.final__inner{display:grid;gap:28px;justify-items:center;text-align:center}

.final__title{font-family:var(--head);font-weight:500;font-size:clamp(40px,8vw,120px);line-height:.98;letter-spacing:-.04em;text-wrap:balance}

.foot{background:var(--night);color:rgba(255,255,255,.55);text-align:center;padding:26px 16px 100px;font-size:13px;border-top:1px solid rgba(255,255,255,.1)}
.foot a{color:rgba(255,255,255,.8)}

.sticky-cta{position:fixed;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:999px;background:linear-gradient(135deg,var(--wine-2),var(--wine-3));color:#fff;font-weight:600;text-decoration:none;box-shadow:0 18px 40px -12px rgba(0,0,0,.55);transform:translateY(160%);transition:transform .45s var(--ease)}
.sticky-cta.is-on{transform:none}

@media (min-width:900px){
  .wrap{width:min(1240px,100% - 80px)}
  .top{padding:30px 0}
  .top__logo{width:250px}
  .hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:30px;min-height:max(100svh,700px);padding-top:0}
  .hero__text{padding:130px 0 70px}
  .hero__title{font-size:clamp(60px,6.3vw,104px);max-width:9.5em}
  .hero__sub{font-size:19px;margin-top:24px}
  .handle{margin-top:34px;grid-template-columns:minmax(0,1fr) auto;gap:0;max-width:580px;padding:6px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px var(--line),0 30px 60px -34px rgba(28,24,21,.55);transition:box-shadow .2s}
  .handle:focus-within{box-shadow:0 0 0 2px var(--wine),0 30px 60px -34px rgba(28,24,21,.55)}
  .handle__field,.handle__field:focus-within{box-shadow:none;background:none;height:60px}
  .hero__trust{margin-top:22px;width:250px}
  .hero__media{align-self:end;height:min(86svh,880px);max-height:none;margin-top:0}
  .hero__arch{width:min(92%,540px);margin-left:calc(min(92%,540px) / -2);height:90%}
  .chip{padding:14px 18px;font-size:14px;border-radius:20px}
  .chip--tp{display:grid;gap:2px;left:-7%;top:52%}
  .chip--scan{right:-4%;bottom:12%}
  .chip__col{min-width:130px;max-width:190px}
  .facts{padding:44px 0 32px}
  .facts__row{grid-template-columns:repeat(4,1fr);gap:0}
  .fact{padding:6px 0 6px 28px;border-left:1px solid var(--line)}
  .fact:first-child{padding-left:0;border-left:0}
  .press{margin-top:36px}
  .press img{width:132px}
  .press__track{gap:70px}

  .studio{padding:88px 0}
  .studio__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:70px;align-items:center}
  .studio__main{display:block}
  .studio__main>.eyebrow{margin-bottom:20px}
  .phone{order:0;justify-self:center}
  .phone__screen{display:block;width:330px;padding:20px 18px 22px;border-radius:44px;background:linear-gradient(180deg,#221d19,#15110e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 9px #0d0a08,0 0 0 10px rgba(255,255,255,.14),0 70px 120px -50px #000}
  .ig__bar{text-align:center;font-size:15px;padding:6px 0 18px}
  .ig__head{display:flex;align-items:center;gap:18px}
  .ig__avatar{width:84px;height:84px;padding:4px}
  .ig__stats{display:flex;flex:1;justify-content:space-between;text-align:center;font-size:11.5px;color:rgba(255,255,255,.6)}
  .ig__stats i{display:block;width:34px;height:12px;border-radius:6px;background:rgba(255,255,255,.2);margin:0 auto 7px}
  .ig__bio{display:grid;gap:8px;margin:18px 0}
  .ig__bio i{height:9px;border-radius:5px;background:rgba(255,255,255,.14)}
  .ig__bio i:nth-child(1){width:46%}.ig__bio i:nth-child(2){width:82%}.ig__bio i:nth-child(3){width:64%}
  .ig__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
  .ig__grid i{aspect-ratio:1;border-radius:6px;background:rgba(255,255,255,.08);transition:background .6s var(--ease)}
  .ig__grid i.is-lit{background:linear-gradient(135deg,rgba(229,201,162,.9),rgba(216,184,140,.45))}
  .scan{width:auto;height:18%;background:linear-gradient(180deg,transparent,rgba(229,201,162,.28));border-bottom:1.5px solid var(--gold);animation:sweepy 2.8s ease-in-out infinite alternate}
  .studio__main>.h2{max-width:15em}
  .panel{margin-top:38px;padding:28px 30px 30px;border-radius:32px}
  .pill span{min-height:124px;padding:18px;font-size:17px}
  .studio__grid.is-termin{grid-template-columns:minmax(0,1fr)}
  .studio__grid.is-termin .phone{display:none}
  .studio__grid.is-termin .studio__main{max-width:980px;margin-inline:auto;width:100%}
  .termin__cal{height:720px;margin:0}

  .cases{padding:96px 0 36px}
  .cases__grid{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:80px;align-items:start}
  .cases__side{position:sticky;top:120px}
  .case{padding:38px 0 42px;transition:opacity .5s}
  .has-motion .case{opacity:.3}
  .has-motion .case.is-active{opacity:1}
  .case dl{grid-template-columns:1fr 1fr;gap:34px;margin-top:30px}
  .statement{padding:104px 0}
  .statement__lines{grid-template-columns:repeat(4,1fr);gap:34px;border-top:0;margin-top:56px}
  .statement__lines p{border-bottom:0;border-top:1px solid rgba(255,255,255,.3);padding:20px 0 0}
  .reviews{padding:96px 0}
  .reviews__grid{grid-template-columns:1fr 1fr;gap:70px;margin-top:44px}
  .review:nth-child(2){margin-top:40px}
  .final{padding:112px 0}
  .final__inner{gap:44px;justify-items:center;text-align:center}
  .final__title{max-width:11em}
  .sticky-cta{display:none}
  .foot{padding-bottom:26px}
}

@media (max-width:899px){
  .top .wrap{display:flex;justify-content:center}
  .hero__text{text-align:center}
  .hero__text .eyebrow,.studio__main>.eyebrow,.cases__side .eyebrow,.reviews__score{justify-content:center}
  .hero__sub{margin-inline:auto}
  .hero__trust{margin-inline:auto}
  .handle input{text-align:left}
  .facts__row{text-align:center}
  .studio__main>.h2,.cases__side,.reviews__head{text-align:center}
  .final__title{margin-inline:auto}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
