@font-face{font-family:Manrope;src:url('assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{
 color-scheme:light dark;
 --bg:#fff;--ink:#101418;--pink:#ff1685;--link:#bd0057;--muted:#505963;--line:#d7dfe6;
 --heading-accent:var(--pink);--product-bg:#edf5fe;--product-brand:#007d63;--preview-shadow:#dbe7f4;--focus:#0066cc;
}
@media(prefers-color-scheme:dark){
 :root{
  --bg:#121519;--ink:#f4f6f8;--link:#ff82ba;--muted:#b6c1cd;--line:#394450;
  --heading-accent:var(--pink);--product-bg:#1c2733;--product-brand:#65dfbf;--preview-shadow:#101820;--focus:#82baff;
 }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--ink);font:500 18px/1.65 Manrope,system-ui,sans-serif}
a{color:var(--link);text-underline-offset:5px;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:3px}
a:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:4px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3,.product-headline{font-weight:800;line-height:1.1;letter-spacing:-.05em}
h1{font-size:clamp(48px,7.9vw,108px)}
h1 span{color:var(--heading-accent)}
h2{font-size:34px}
.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:125px;border-bottom:1px solid var(--line)}
nav a{color:var(--ink);text-decoration:none;font-size:16px;font-weight:700}
.brand{position:relative;display:block;width:124px;height:94px;overflow:hidden;flex-shrink:0}
.brand img{position:absolute;width:180px;max-width:none;left:-28px;top:-43px}
.nav-links{display:flex;gap:42px}
.hero{text-align:center;padding-block:100px 110px}
.hero p{max-width:545px;margin:32px auto 0;font-size:20px;line-height:1.6}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:14px 28px;border:2px solid var(--ink);border-radius:22px;background:var(--ink);color:var(--bg);box-shadow:5px 7px 0 var(--pink);font-size:16px;font-weight:700;text-decoration:none;line-height:1.4;transition:transform .15s,box-shadow .15s}
.button:hover{transform:translate(2px,2px);box-shadow:3px 5px 0 var(--pink)}
.hero .button{margin-top:36px}
.apps>h2{margin:0 0 28px 4px;font-size:30px;letter-spacing:-.04em}
.product{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;background:var(--product-bg);border-radius:30px;overflow:hidden;height:710px;padding:64px 66px 0}
.product-copy{padding-block:24px 50px;position:relative;z-index:1}
.product-brand{display:flex;align-items:center;gap:13px}
.product-brand img{border-radius:12px;width:44px;height:44px}
h3{font-size:31px;color:var(--product-brand);letter-spacing:-.04em}
.product-headline{font-size:clamp(36px,3.9vw,52px);margin-top:30px}
.description{max-width:365px;margin-top:28px;font-size:18px;line-height:1.65}
.availability{font-size:14px;margin-top:24px;color:var(--muted)}
.product .button{margin-top:28px}
.product-links{display:flex;gap:30px;margin-top:30px;font-size:14px}
.product-links a{color:var(--ink)}
.product-preview{width:min(100%,378px);margin-inline:auto;border:5px solid #101418;border-radius:40px;background:white;overflow:hidden;box-shadow:8px 12px 0 var(--preview-shadow)}
.product-preview img{width:100%}
.product+.product{margin-top:32px}
.product-fireworks{--product-brand:#e63322;height:auto;align-items:center}
.product-fireworks .product-copy{min-width:0;padding-block:0}
.browser-preview{width:100%;height:auto;border-width:3px;border-radius:16px}
.browser-bar{display:flex;gap:6px;padding:12px;background:#f0f0f0;border-bottom:2px solid #101418}
.browser-bar span{width:8px;height:8px;border-radius:50%;background:#999}
@media(prefers-color-scheme:dark){.product-fireworks{--product-brand:#ff6655}}
.about-contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:90px 65px 80px}
.about-contact section+section{border-left:1px solid var(--line);padding-left:80px}
.about-contact p{margin-top:24px;max-width:365px;font-size:17px}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px 35px;font-size:13px}
footer a{color:var(--muted)}
.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);padding:10px 18px;background:var(--bg);border:2px solid var(--ink);z-index:5}
.skip-link:focus{transform:none}
@media(max-width:1000px){
 .product{padding:40px 35px 0;gap:28px;height:660px}.product-copy{padding-top:10px}.product-brand{gap:10px}h3{font-size:26px}
 .product-brand img{width:36px;height:36px}.description{font-size:17px}.product-preview{border-radius:32px}
 .about-contact{gap:45px;padding-inline:30px}.about-contact section+section{padding-left:45px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}
 nav{min-height:100px;gap:16px}.brand{width:88px;height:70px}.brand img{width:128px;left:-20px;top:-30px}
 .nav-links{gap:20px}.nav-links a{font-size:13px}
 .hero{padding-block:62px 70px}h1{font-size:clamp(32px,10vw,62px);letter-spacing:-.055em}
 .hero p{font-size:17px;max-width:380px;margin-top:24px}.hero .button{margin-top:28px}
 .apps>h2{font-size:25px;margin-bottom:22px}
 .product{grid-template-columns:1fr;padding:30px 26px 0;gap:34px;height:auto;max-height:none;border-radius:24px}
 .product-copy{padding:0}.product-brand img{width:38px;height:38px}h3{font-size:27px}
 .product-headline{font-size:38px;margin-top:26px}.description{margin-top:22px;max-width:430px}
 .availability{margin-top:22px}.product .button{margin-top:24px}.product-links{margin-top:26px}
 .product-preview{width:min(100%,310px);height:490px;border-radius:32px 32px 0 0;border-bottom:0;box-shadow:none}
 .about-contact{grid-template-columns:1fr;gap:36px;padding:62px 4px 50px}
 h2{font-size:31px}.about-contact section+section{padding:36px 0 0;border-left:0;border-top:1px solid var(--line)}
 .about-contact p{margin-top:20px}
}
@media(max-width:360px){.nav-links{gap:13px}.product{padding-inline:20px}.product-headline{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.about-heading{display:flex;align-items:center;gap:16px}
.about-heading img{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover}

.brand-highlight{color:var(--link)}
.product-fireworks{padding-bottom:54px}
@media(max-width:700px){.product-fireworks{padding-bottom:30px}.browser-preview{height:auto;border:3px solid #101418;border-radius:16px;box-shadow:none}}
#contact h2{display:flex;align-items:center;min-height:56px}

@supports(background-clip:text){
 h1 span{background:linear-gradient(110deg,var(--heading-accent) 38%,#ff429c 47%,#ff85bc 50%,#ff429c 53%,var(--heading-accent) 62%);background-size:300% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-gradient 3.6s ease-in-out infinite}
}
@keyframes headline-gradient{0%,65%{background-position:100% 50%}100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){h1 span{animation:none}}
@media(forced-colors:active){h1 span{background:none;color:CanvasText;animation:none}}