:root{--orange:#ff4b12;--ink:#17181d;--muted:#6f737d;--cream:#fffaf6;--line:#ece7e2;--purple:#7861d9;--yellow:#f7c94e;font-family:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#ffffffea;backdrop-filter:blur(16px);border-bottom:1px solid #00000008}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font:800 22px/1 "Manrope",sans-serif;letter-spacing:-.06em}.brand img{width:42px;height:42px}.brand span span{color:var(--orange)}.nav-links{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600;color:#555760}.button{background:var(--orange);color:#fff;border-radius:12px;padding:11px 17px;box-shadow:0 9px 24px #ff4b122b}.menu{display:none}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;min-height:675px}.copy{padding:70px 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#8b7064}.hero h1,h2{font:800 clamp(48px,6vw,78px)/1.03 "Manrope",sans-serif;letter-spacing:-.075em}.hero h1{margin:21px 0}.hero em,h2 em{font-style:normal;color:var(--orange)}.hero p{max-width:500px;color:#65636a;font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:28px}.play{display:inline-grid;gap:0;background:#111318;color:#fff;border-radius:13px;padding:11px 18px;font-size:9px;letter-spacing:.08em;line-height:1.2}.play strong{font:700 18px "Manrope";letter-spacing:-.03em}.actions>span{font-size:11px;color:#77737a;font-weight:600}.proof{display:flex;gap:12px;align-items:center;margin-top:32px;font-size:11px;color:#77737a}.avatars{display:inline-flex;align-items:center;justify-content:center;width:95px;height:34px;border-radius:20px;background:#fff0e7;color:var(--orange);font-weight:800}.visual{position:relative;height:600px;display:grid;place-items:center}.glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#ffc7aa 0,#fff0e7 48%,transparent 69%);right:3%;top:8%}.phone{position:relative;z-index:2;width:276px;padding:8px;border-radius:39px;background:#1a1b20;border:5px solid #303137;box-shadow:0 28px 55px #5c351f2d;transform:rotate(4deg)}.status{color:#fff;font-size:8px;display:flex;justify-content:space-between;padding:0 12px;height:20px;align-items:center}.status i{width:62px;height:13px;border-radius:9px;background:#020202}.screen{height:465px;border-radius:28px;overflow:hidden;background:#fbfaf9;padding:11px 12px 34px;position:relative}.appbar{display:flex;justify-content:space-between;align-items:center}.appbar b{display:flex;align-items:center;gap:5px;font:800 12px "Manrope";letter-spacing:-.05em}.appbar img{width:26px;height:26px}.appbar b span{color:var(--orange)}.app-eyebrow{font-size:6px;font-weight:800;color:#8d8789;letter-spacing:.12em;display:block;margin-top:16px}.screen h3{font:800 18px "Manrope";letter-spacing:-.06em;margin:3px 0}.muted{color:#807a80;font-size:8px!important;margin:0 0 12px!important}.compose{display:flex;align-items:center;gap:7px;border:1px solid #eee9e6;background:#fff;border-radius:10px;padding:7px 8px;font-size:8px;color:#9f9899}.compose b{margin-left:auto;color:var(--orange)}.feed-title{display:flex;justify-content:space-between;font-size:9px;margin:14px 0 8px}.feed-title span{color:var(--orange);font-size:8px}.screen article{background:#fff;border:1px solid #eee9e6;border-radius:11px;padding:9px;margin-bottom:8px}.meta{display:flex;align-items:center;gap:7px}.meta>i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ffdecf;color:#ae491f;font-style:normal;font-size:9px;font-weight:800}.meta>span{display:grid;font-size:7px;line-height:1.35}.meta small{color:#aaa2a3;font-size:6px}.meta>strong{margin-left:auto;color:#aaa;font-size:8px}.screen article h4{font:800 9px/1.5 "Manrope";margin:8px 0 4px}.screen article p{font-size:7px;color:#777178;line-height:1.6;margin:0 0 8px}.stats{display:flex;justify-content:space-between;border-top:1px solid #f1eeec;padding-top:7px;color:#777178;font-size:6.5px}.stats b{color:var(--orange)}.alt h4{margin-bottom:10px!important}.bottom{position:absolute;left:0;right:0;bottom:0;height:34px;background:#fff;border-top:1px solid #f0ecea;display:flex;justify-content:space-around;align-items:center;color:#999;font-size:13px}.bottom span{display:grid;justify-items:center;line-height:1}.bottom small{font-size:5px}.bottom span:first-child{color:var(--orange)}.chip{position:absolute;z-index:5;background:#fff;box-shadow:0 18px 40px #5a331b17;border-radius:13px;padding:11px 14px;font-size:10px;max-width:210px;display:grid;line-height:1.35}.chip small{font-size:8px;color:#8f898c}.chip.top{top:72px;right:0}.chip.bottom{bottom:48px;left:-3px}.ticker{display:flex;justify-content:space-around;gap:50px;background:var(--orange);color:#fff;padding:15px;overflow:hidden;white-space:nowrap}.ticker span{font-size:9px;font-weight:800;letter-spacing:.17em}.section{padding:105px 0}.section h2{font-size:54px;margin:15px 0}.lead{color:var(--muted);max-width:600px;font-size:15px;line-height:1.8}.cards,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.cards article,.steps article{border:1px solid var(--line);border-radius:20px;padding:28px;min-height:255px;position:relative}.icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:24px;margin-bottom:26px}.orange{background:#fff0e7;color:var(--orange)}.purple{background:#efebff;color:var(--purple)}.yellow{background:#fff7da;color:#9b7300}.cards h3,.steps h3{font:800 19px "Manrope";letter-spacing:-.04em;margin:0 0 9px}.cards p,.steps p{font-size:13px;color:var(--muted);line-height:1.8}.cards small{position:absolute;bottom:24px;right:24px;font-size:8px;color:#b0aaab;letter-spacing:.12em;font-weight:800}.warm{background:#fff8f3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.art{min-height:380px;position:relative}.art:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#ffe3d2;left:8%;top:2%}.art-card{position:absolute;background:#fff;border-radius:22px;box-shadow:0 25px 60px #7d431f17}.art-card.main{width:270px;height:295px;top:24px;left:8%;padding:25px;transform:rotate(-6deg)}.art-card.main small{font-size:8px;letter-spacing:.15em;font-weight:800;color:#a79893}.art-card.main h3{font:800 28px/1.1 "Manrope";letter-spacing:-.07em}.city{position:absolute;bottom:0;left:0;right:0;height:95px;background:linear-gradient(#ffd8c4,#eda181);clip-path:polygon(0 60%,18% 25%,33% 52%,48% 8%,60% 42%,78% 21%,100% 55%,100% 100%,0 100%)}.art-card.mini{width:190px;padding:20px;right:3%;bottom:12px;transform:rotate(7deg);z-index:2;font:800 16px/1.3 "Manrope"}.art-card.mini small{display:block;font:500 10px var(--font-body);color:#7d777c;margin-top:7px}.community-copy ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px;font-size:13px;font-weight:600}.community-copy li::first-letter{color:var(--orange)}.text-link{color:var(--orange);font-size:13px;font-weight:800}.center{text-align:center}.center .lead{margin:auto}.steps article{min-height:215px}.steps article>b{position:absolute;top:25px;right:25px;color:#c0b7b2;font-size:9px;letter-spacing:.12em}.steps article>div{width:45px;height:45px;background:#fff0e7;color:var(--orange);border-radius:14px;display:grid;place-items:center;font-size:22px;margin-bottom:22px}.download{padding:0 0 110px}.panel{min-height:380px;border-radius:28px;background:#17181d;color:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:58px 70px;position:relative}.panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,#ff4b1228,transparent 42%)}.panel>div{position:relative;z-index:2}.light{color:#fff1ea}.panel h2{font-size:57px;margin:15px 0}.panel h2 em{color:#ff8e68}.panel p{color:#c3bec3;max-width:360px}.note{display:block;font-size:9px;color:#8f8a91;margin-top:10px}.download-phone{justify-self:center;width:160px;height:275px;background:#fff;color:#17181d;border-radius:25px;border:5px solid #3a3b42;padding:25px 13px;transform:rotate(7deg);box-shadow:0 24px 60px #0006}.download-phone img{width:25px;height:25px;vertical-align:middle}.download-phone>b{font:800 9px "Manrope";margin-left:3px}.download-phone>b span{color:var(--orange)}.download-phone h3{font:800 19px/1.15 "Manrope";letter-spacing:-.06em;margin-top:25px}.lines{height:80px;margin-top:18px;border:1px solid #eee8e3;border-radius:9px;background:linear-gradient(#fff,#fff) padding-box}.faq{background:#fff9f5}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq h2{font-size:51px}.faq details{border-top:1px solid #e8dfda;padding:20px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font:700 14px "Manrope"}.faq summary::-webkit-details-marker{display:none}.faq summary b{width:25px;height:25px;border-radius:50%;background:#ffede4;color:var(--orange);display:grid;place-items:center}.faq details p{font-size:13px;color:var(--muted);max-width:650px}footer{background:#17181d;color:#fff;padding-top:55px}.foot{display:flex;justify-content:space-between;padding-bottom:45px}.inverse{color:#fff}.foot p{font-size:11px;color:#a7a2aa;line-height:1.8}.links{display:grid;grid-template-columns:repeat(3,130px);gap:35px}.links>div{display:grid;gap:10px;align-content:start}.links b{font-size:11px}.links a{font-size:11px;color:#aaa6ad}.copyright{border-top:1px solid #fff1;padding:18px 0;color:#77737c;font-size:9px}@media(max-width:800px){.container{width:calc(100% - 34px)}.nav{height:70px}.nav-links{display:none}.menu{display:block;border:0;background:transparent;font-size:21px}.hero-grid,.two-col,.panel,.faq-grid{grid-template-columns:1fr}.hero-grid{padding-top:30px}.copy{padding:30px 0}.hero h1{font-size:52px}.visual{height:540px;margin-top:-5px}.chip.top{right:0}.chip.bottom{left:0}.section{padding:78px 0}.section h2,.faq h2{font-size:42px}.cards,.steps{grid-template-columns:1fr}.cards article{min-height:210px}.two-col{gap:45px}.community-copy{padding-bottom:10px}.panel{padding:42px 25px 0}.download-phone{margin-top:20px}.foot{flex-direction:column;gap:32px}.links{grid-template-columns:repeat(3,1fr);gap:12px}.ticker{justify-content:flex-start;gap:30px}.ticker span{font-size:8px}}@media(max-width:420px){.hero h1{font-size:47px}.visual{transform:scale(.94);transform-origin:top center;margin-bottom:-20px}.chip{font-size:9px}.phone{width:252px}.screen{height:430px}.section h2,.faq h2{font-size:37px}.links{grid-template-columns:repeat(2,1fr);row-gap:22px}}

/* Responsive refinements: small phones, tablets, and landscape layouts */
html { overflow-x: clip; }
body { min-width: 320px; overflow-x: clip; }
img, svg { max-width: 100%; }
.container { width: min(1160px, calc(100% - 48px)); }
.nav { position: relative; }
.menu { cursor: pointer; color: var(--ink); padding: 8px 10px; border-radius: 9px; }
.menu:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid #ff9b78; outline-offset: 3px; }

@media (max-width: 800px) {
  .container { width: calc(100% - 36px); }
  .nav { height: 68px; }
  .brand { font-size: 20px; gap: 7px; }
  .brand img { width: 36px; height: 36px; }
  .menu { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; }
  .nav-links { display: none; position: absolute; top: calc(100% + 1px); left: -18px; right: -18px; padding: 14px 18px 18px; background: #fffdfa; border-bottom: 1px solid var(--line); box-shadow: 0 16px 25px #21150e12; flex-direction: column; align-items: stretch; gap: 0; }
  .nav-links.open { display: flex; }
  .nav-links > a { padding: 13px 8px; }
  .nav-links > .button { text-align: center; margin-top: 8px; padding: 12px 16px; }
  .hero-grid { display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0; padding-top: 24px; }
  .copy { min-width: 0; padding: 28px 0 10px; }
  .hero h1 { font-size: clamp(43px, 9vw, 62px); line-height: 1.02; overflow-wrap: anywhere; }
  .hero p { font-size: 15px; line-height: 1.75; }
  .visual { width: 100%; max-width: 520px; height: 520px; margin: 0 auto; transform: none; }
  .glow { width: min(82vw, 390px); height: min(82vw, 390px); right: 50%; transform: translateX(50%); top: 8%; }
  .phone { width: min(276px, 72vw); transform: rotate(2deg); }
  .screen { height: 445px; }
  .chip.top { right: 0; top: 50px; }
  .chip.bottom { left: 0; bottom: 24px; }
  .ticker { justify-content: flex-start; gap: 26px; overflow: hidden; }
  .ticker span { flex: 0 0 auto; }
  .section { padding: 72px 0; }
  .section h2, .faq h2 { font-size: clamp(35px, 7vw, 48px); }
  .cards, .steps { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 30px; }
  .cards article, .steps article { min-height: 0; padding: 24px; }
  .cards article { padding-bottom: 48px; }
  .cards small { bottom: 20px; right: 22px; }
  .two-col { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .art { width: 100%; max-width: 440px; min-height: 350px; margin: 0 auto; }
  .art:before { width: min(78vw, 330px); height: min(78vw, 330px); left: 50%; transform: translateX(-50%); }
  .art-card.main { width: min(270px, 68vw); left: 7%; }
  .art-card.mini { width: min(190px, 52vw); right: 1%; }
  .panel { grid-template-columns: minmax(0, 1fr); padding: 38px 26px 0; gap: 12px; }
  .panel h2 { font-size: clamp(42px, 9vw, 56px); }
  .download { padding-bottom: 72px; }
  .download-phone { margin: 20px auto -12px; }
  .faq-grid { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .faq details { padding: 17px 0; }
  .faq summary { gap: 14px; font-size: 13px; }
  .foot { flex-direction: column; gap: 28px; }
  .links { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .links > div { min-width: 0; }
}

@media (max-width: 480px) {
  .container { width: calc(100% - 32px); }
  .nav { height: 64px; }
  .brand { font-size: 18px; }
  .brand img { width: 33px; height: 33px; }
  .eyebrow { font-size: 9px; letter-spacing: .13em; }
  .hero-grid { padding-top: 18px; }
  .copy { padding-top: 24px; }
  .hero h1 { font-size: clamp(39px, 10.2vw, 49px); letter-spacing: -.07em; margin: 17px 0; }
  .hero p { font-size: 14px; }
  .actions { gap: 12px; align-items: flex-start; }
  .actions > span { align-self: center; max-width: 125px; line-height: 1.5; }
  .play { padding: 10px 14px; }
  .play strong { font-size: 17px; }
  .proof { gap: 10px; font-size: 10px; }
  .avatars { width: 82px; flex: 0 0 82px; }
  .visual { height: 455px; }
  .phone { width: 238px; padding: 6px; border-radius: 33px; }
  .screen { height: 405px; padding: 10px 10px 32px; border-radius: 25px; }
  .screen article { padding: 8px; }
  .chip { max-width: 155px; padding: 9px 10px; font-size: 9px; }
  .chip small { font-size: 7px; }
  .chip.top { top: 30px; right: -2px; }
  .chip.bottom { bottom: 13px; left: -2px; }
  .section { padding: 60px 0; }
  .section h2, .faq h2 { font-size: clamp(32px, 8.5vw, 39px); }
  .lead { font-size: 14px; }
  .art { min-height: 310px; }
  .art-card.main { height: 255px; padding: 20px; top: 20px; }
  .art-card.main h3 { font-size: 25px; }
  .art-card.mini { padding: 15px; font-size: 14px; bottom: 0; }
  .panel { padding: 32px 21px 0; border-radius: 21px; }
  .panel h2 { font-size: 44px; }
  .links { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; }
  .copyright { line-height: 1.7; }
}

@media (max-width: 360px) {
  .container { width: calc(100% - 26px); }
  .hero h1 { font-size: 37px; }
  .visual { height: 430px; }
  .phone { width: 220px; }
  .screen { height: 385px; }
  .chip.top { right: -3px; }
  .chip.bottom { left: -3px; }
  .actions > span { max-width: 100px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}