@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{--ink:#070807;--paper:#f3f3ef;--white:#fff;--muted:#5f625f;--line:#d8dad6;--blue:#1d65f8;--dark:#06100f;--card:#151b19;--radius:30px;--max:1480px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body,button,input{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;background:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px #0002}
.skip-link:focus{top:16px}
.site-header{height:84px;max-width:var(--max);margin:auto;padding:0 44px;display:flex;align-items:center;gap:38px;background:var(--paper)}
.site-header .brand,.medusa-landing-footer .brand{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}
.site-header .brand img,.medusa-landing-footer .brand img{display:block;width:auto;height:38px;max-width:168px;object-fit:contain}
.site-header .brand small,.medusa-landing-footer .brand small{font-size:12px;color:#727672;font-weight:700;letter-spacing:0}
.site-header .brand-mark,.medusa-landing-footer .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font-size:17px;font-weight:900;box-shadow:inset 0 -8px 18px #062f9980}
.site-header nav{display:flex;align-items:center;gap:28px;margin-left:32px;font-size:13px;font-weight:650;color:#353935}
.site-header nav a:hover{color:#000}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:9px}
.lang{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cfd2ce;border-radius:999px;font-size:11px;font-weight:800}
.login{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:#050505;color:#fff;font-size:13px;font-weight:750}
.section-pad{max-width:var(--max);margin:0 auto;padding-left:72px;padding-right:72px}
.hero{position:relative;max-width:var(--max);min-height:760px;margin:0 auto;overflow:hidden;border-radius:0 0 34px 34px;background:#cdd2d3;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04100d1a,#04100d38);z-index:0;pointer-events:none}
.hero-image{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;transform:rotate(-1.2deg) scale(1.03);filter:saturate(.95) contrast(.98)}
.hero-overlay{position:relative;z-index:1;min-height:760px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:90px 24px 50px}
.hero-copy{width:min(650px,90vw);padding:34px 40px 38px;border-radius:38px;background:#fffffff2;box-shadow:0 24px 80px #00140c1a;backdrop-filter:blur(10px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#3f4540;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:850}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--blue);border-radius:99px}
h1,h2,h3,p{margin-top:0}
h1{margin:13px 0 16px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.065em;font-weight:650}
.hero-copy p{max-width:570px;margin:0;color:#4d514d;font-size:18px;line-height:1.55}
.email-card{width:min(650px,90vw);margin-top:10px;padding:25px 28px 18px;border-radius:36px;background:#030807;color:#fff;box-shadow:0 30px 80px #00140c38}
.email-card>strong{display:block;font-size:21px;letter-spacing:-.03em}.email-card>span{display:block;margin-top:5px;color:#aeb8b2;font-size:12px}
.email-card label,.final-cta form label{display:flex;align-items:center;gap:10px;margin-top:16px;padding:7px;border:2px solid #484e4b;border-radius:999px;background:#191c1b}
.email-card input,.final-cta input{min-width:0;flex:1;height:54px;border:0;outline:0;padding:0 16px;background:transparent;color:#fff;font-size:16px}
.email-card input::placeholder,.final-cta input::placeholder{color:#c0c5c1}
.email-card label:focus-within,.final-cta form label:focus-within{border-color:#fff;box-shadow:0 0 0 4px #1d65f855}
.email-card button{width:52px;height:52px;border:0;border-radius:999px;background:#fff;color:#050505;font-size:24px;cursor:pointer}
.form-error{min-height:16px;margin:8px 8px 0;color:#ffc5c5;font-size:11px}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:100px;padding-top:120px;padding-bottom:120px;background:var(--paper)}
.intro h2,.smart h2,.steps h2,.faq h2,.final-cta h2{margin:16px 0 0;font-size:clamp(42px,5.6vw,82px);line-height:1.02;letter-spacing:-.065em;font-weight:540}
.intro>div:last-child>p{font-size:21px;line-height:1.55;color:#4c514d}
.intro ul{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.intro li{position:relative;padding:22px 20px 22px 48px;background:#fff;font-size:14px;font-weight:700}.intro li::before{content:"✓";position:absolute;left:20px;color:var(--blue);font-weight:900}
.smart{padding-top:100px;padding-bottom:110px;background:var(--dark);color:#f8faf9;max-width:none}
.smart>h2,.smart-grid{max-width:1336px;margin-left:auto;margin-right:auto}
.smart>h2{margin-top:0;margin-bottom:62px;font-size:clamp(44px,5.5vw,82px)}
.smart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.smart-card{min-width:0;padding:42px;border-radius:28px;background:#151c1a;border:1px solid #ffffff0b;overflow:hidden}
.smart-card h3{margin:34px 0 12px;font-size:25px;line-height:1.16;letter-spacing:-.04em}.smart-card p{margin:0;color:#b8c1bd;line-height:1.55;font-size:15px}
.smart-visual{position:relative;height:215px;border-radius:20px;background:#202824;overflow:hidden}
.smart-checkout span{position:absolute;left:50%;top:50%;width:210px;height:140px;transform:translate(-50%,-50%);border-radius:16px;background:#fff;box-shadow:0 24px 40px #0005}.smart-checkout span::before,.smart-checkout span::after{content:"";position:absolute;left:22px;right:22px;height:10px;border-radius:9px;background:#d9dedb}.smart-checkout span::before{top:28px}.smart-checkout span::after{top:50px;width:45%}.smart-checkout i{position:absolute;left:calc(50% - 82px);bottom:54px;width:164px;height:28px;border-radius:8px;background:var(--blue)}.smart-checkout b{position:absolute;left:43px;bottom:38px;width:86px;height:70px;border:7px solid #efefed;border-top:0;transform:skew(-10deg);filter:drop-shadow(0 10px 7px #0007)}
.smart-tools{background:linear-gradient(135deg,#3a1c85,#0e143e)}.smart-tools span{position:absolute;inset:28px 72px;border-radius:18px;background:linear-gradient(90deg,#7856ef 50%,#e9e9e6 50%)}.smart-tools span::after{content:"";position:absolute;right:0;inset-block:0;width:50%;background-size:20px 20px;background-image:linear-gradient(45deg,#c7c7c5 25%,transparent 25%),linear-gradient(-45deg,#c7c7c5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c7c7c5 75%),linear-gradient(-45deg,transparent 75%,#c7c7c5 75%);background-position:0 0,0 10px,10px -10px,-10px 0}.smart-tools i,.smart-tools b{position:absolute;right:25px;width:38px;height:38px;border-radius:9px;background:#f28b39}.smart-tools i{top:45px}.smart-tools b{bottom:45px;background:#3676ff}
.smart-hosting{background:radial-gradient(circle at center,#1e2930,#111816 68%)}.smart-hosting::before{content:"";position:absolute;left:50%;top:50%;width:142px;height:142px;border:9px solid #1d65f8;border-right-color:#4a84fb;border-radius:50%;transform:translate(-50%,-50%)}.smart-hosting span{position:absolute;inset:34px;border-radius:50%;background-image:radial-gradient(#81908a 1px,transparent 1px);background-size:9px 9px;opacity:.2}.smart-hosting i{position:absolute;left:calc(50% + 49px);top:37px;width:17px;height:17px;border-radius:50%;background:#68a1ff}
.steps{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-top:120px;padding-bottom:120px}.steps-heading{position:sticky;top:110px;align-self:start}.steps ol{list-style:none;padding:0;margin:0;border-top:1px solid #bfc2be}.steps li{display:flex;gap:26px;padding:34px 0;border-bottom:1px solid #bfc2be}.steps li>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:#0c0d0c;color:#fff;font-size:13px;font-weight:800}.steps h3{margin:0 0 8px;font-size:25px;letter-spacing:-.04em}.steps p{margin:0;color:#5d625e;line-height:1.55}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-top:110px;padding-bottom:120px;background:#fff;max-width:none}.faq>h2,.faq>div{width:100%;max-width:650px}.faq>h2{margin-left:auto}.faq>div{margin-right:auto}.faq details{border-bottom:1px solid #d4d7d3}.faq summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:740}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px;font-weight:400;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding:0 40px 24px 0;color:#5d625e;line-height:1.65}
.final-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;padding-top:110px;padding-bottom:110px;background:#1d65f8;color:#fff;max-width:none}.final-cta>div{max-width:720px;margin-left:auto}.final-cta h2{margin:0}.final-cta>div p{font-size:18px;line-height:1.6;color:#dce8ff}.final-cta form{width:min(570px,100%);margin-right:auto}.final-cta form label{background:#1555d7;border-color:#80a9ff}.final-cta button{min-height:52px;border:0;border-radius:999px;padding:0 22px;background:#fff;color:#0b1a38;font-weight:800;cursor:pointer}.final-cta button span{font-size:20px;margin-left:12px}
.medusa-landing-footer{max-width:var(--max);margin:auto;min-height:160px;padding:45px 72px;display:flex;align-items:center;gap:28px;background:#050807;color:#f5f7f5}.medusa-landing-footer p{margin:0;color:#929a95;font-size:13px}.medusa-landing-footer>div{margin-left:auto;display:flex;gap:20px;color:#c6cbc8;font-size:12px}
@media(max-width:1050px){.site-header{padding:0 24px}.site-header nav{display:none}.section-pad{padding-left:34px;padding-right:34px}.intro,.steps,.faq,.final-cta{grid-template-columns:1fr;gap:48px}.smart-grid{grid-template-columns:1fr}.smart{padding-inline:34px}.steps-heading{position:static}.faq>h2,.faq>div,.final-cta>div,.final-cta form{max-width:none;margin:0}.smart-card{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:34px}.smart-card .smart-visual{grid-row:1/3}.smart-card h3{align-self:end;margin-bottom:12px}.smart-card p{align-self:start}.hero{border-radius:0}}
@media(max-width:680px){.site-header{height:70px;padding:0 16px}.site-header .brand small,.medusa-landing-footer .brand small{display:none}.site-header .brand img,.medusa-landing-footer .brand img{height:32px;max-width:142px}.site-header .brand-mark,.medusa-landing-footer .brand-mark{width:30px;height:30px}.login{min-height:42px;padding:0 15px}.lang{width:36px;height:36px}.hero,.hero-overlay{min-height:700px}.hero-overlay{justify-content:flex-end;padding:88px 14px 18px}.hero-copy{padding:28px 24px 30px;border-radius:28px}.hero-copy p{font-size:15px}h1{font-size:42px}.email-card{padding:21px 18px 14px;border-radius:27px}.email-card label{margin-top:13px}.email-card input{height:49px;padding-left:11px}.email-card button{width:47px;height:47px}.section-pad{padding-left:20px;padding-right:20px}.intro,.steps{padding-top:80px;padding-bottom:80px}.intro h2,.smart h2,.steps h2,.faq h2,.final-cta h2{font-size:42px}.intro{gap:38px}.intro>div:last-child>p{font-size:17px}.intro ul{grid-template-columns:1fr}.smart{padding:76px 20px}.smart>h2{margin-bottom:36px}.smart-card{display:block;padding:24px}.smart-card h3{margin-top:24px}.smart-visual{height:190px}.faq{padding:80px 20px}.final-cta{padding:76px 20px}.final-cta form label{display:grid;border-radius:23px}.final-cta button{width:100%}.medusa-landing-footer{min-height:210px;padding:40px 20px;align-items:flex-start;flex-direction:column}.medusa-landing-footer>div{margin:0}.steps li{gap:16px}.steps li>span{width:38px;height:38px}.steps h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}