@font-face{font-family:HmRoboto;src:url('assets/Roboto-Regular-Latin.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:HmRoboto;src:url('assets/Roboto-Medium-Latin.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:HmRoboto;src:url('assets/Roboto-Bold-Latin.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:HmRoboto;src:url('assets/Roboto-Black-Latin.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--red:#EF3340;--red-dark:#C52031;--rose:#FFE4E5;--navy:#10243E;--cream:#FDF9F3;--muted:#6B7888;--green:#208673;--line:#E9E2D9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:HmRoboto,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.wrap{width:calc(100% - 144px);max-width:1296px;margin-inline:auto}
.header{height:100px;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;gap:9.68px;flex-shrink:0}.brand-mark{height:44px;width:59px}.brand-word{height:31.68px;width:125.1px;margin-bottom:3.08px}.nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:35px}.nav button{background:transparent;border:0;padding:10px 0;font-size:15px;font-weight:500;color:var(--navy)}.nav button:hover{color:var(--red)}.header-cta{background:var(--red);color:#fff;border:0;border-radius:14px;padding:15px 23px;font-size:15px;font-weight:700;display:flex;gap:12px;align-items:center}.header-cta:hover{background:var(--red-dark)}.header-cta svg{width:18px;height:18px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center;padding-top:32px;padding-bottom:34px}.hero-copy{padding:0 0 5px 0}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1.45px;font-weight:700;text-transform:uppercase;margin:0 0 24px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:61px;line-height:1.08;letter-spacing:-2.3px;font-weight:900;margin:0 0 22px}h1 em{font-style:normal;color:var(--red)}.intro{font-size:18px;line-height:1.6;color:#526174;margin:0;max-width:485px}.roles{display:flex;gap:10px;margin:25px 0 30px}.role{border:0;border-radius:12px;display:flex;gap:9px;align-items:center;padding:12px 14px;font-size:14px;font-weight:700;background:var(--rose);color:var(--navy)}.role.master{background:#E1F4ED;color:#126C5B}.role svg{width:17px;height:17px;flex-shrink:0}.role.client svg{color:var(--red)}
.stores{display:flex;gap:12px;scroll-margin-top:28px}.store{display:flex;align-items:center;gap:12px;min-width:188px;border:1px solid #10243E;border-radius:14px;background:var(--navy);padding:13px 20px;color:#fff;text-align:left;cursor:default}.store svg{width:27px;height:31px;flex-shrink:0}.store .store-copy{display:flex;flex-direction:column;gap:3px}.store small{font-size:10px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#D8DFE7}.store strong{font-size:21px;font-weight:500;line-height:1.15;letter-spacing:-.25px}.store:disabled{opacity:1}.store-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.desktop-note{margin-top:29px;border:1px solid #E6DFD5;background:rgba(255,255,255,.68);border-radius:18px;padding:18px 20px;display:flex;gap:14px;align-items:center;max-width:495px}.desktop-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;background:#F5EFE7;border-radius:12px}.desktop-icon svg{width:25px;height:25px}.desktop-note strong{display:block;font-size:15px;font-weight:700;margin-bottom:5px}.desktop-note p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}
.scene{position:relative;height:710px;isolation:isolate}.scene-surface{position:absolute;inset:55px -8px 63px -10px;border-radius:58px;background:linear-gradient(130deg,#FCEBEC 0%,#F8F3EB 52%,#E6F4EE 100%);overflow:hidden;z-index:-2}.scene-surface:before{content:'';position:absolute;width:410px;height:410px;left:-170px;top:200px;border-radius:50%;background:rgba(239,51,64,.045)}.scene-surface:after{content:'';position:absolute;width:290px;height:290px;right:-92px;top:-82px;border-radius:50%;background:rgba(32,134,115,.055)}.bubble{position:absolute;border-radius:50%;z-index:-1}.bubble.one{width:48px;height:48px;left:0;top:15px;background:#FFE7E8}.bubble.two{width:22px;height:22px;right:20px;bottom:26px;background:#D5EDE2}.bubble.three{width:15px;height:15px;right:41px;top:25px;background:#F0DCCF}
.phone{position:absolute;margin:0;border-radius:39px;background:#172332;padding:6px;border:1px solid #63717B;box-shadow:0 20px 45px -15px rgba(16,36,62,.28),0 3px 7px rgba(16,36,62,.16)}.phone img{display:block;width:100%;height:auto;border-radius:32px;background:var(--cream)}.phone:before{content:'';position:absolute;left:-3px;top:100px;width:2px;height:33px;background:#596874;border-radius:1px}.phone:after{content:'';position:absolute;right:-3px;top:133px;width:2px;height:50px;background:#596874;border-radius:1px}.phone-home{width:298px;left:6px;top:13px;z-index:2}.phone-publish{width:270px;right:4px;top:80px;z-index:1}.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted)}.scene-caption svg{width:15px;height:15px}
.preview-footer{border-top:1px solid var(--line);font-size:11px;letter-spacing:.2px;color:var(--muted)}.preview-footer .wrap{display:flex;justify-content:space-between;gap:24px;padding-block:17px}.preview-footer strong{font-weight:500;color:#526174}dialog{border:1px solid var(--line);border-radius:24px;padding:30px;max-width:480px;width:calc(100% - 40px);color:var(--navy);background:var(--cream);box-shadow:0 20px 90px rgba(16,36,62,.2)}dialog::backdrop{background:rgba(16,36,62,.34)}dialog h2{font-size:26px;line-height:1.15;margin:8px 0 15px}dialog p{font-size:16px;line-height:1.65;color:#526174;margin:0}dialog .close{display:block;margin:24px 0 0 auto;border:0;border-radius:12px;background:var(--red);color:#fff;padding:12px 20px;font-weight:700}.dialog-label{font-size:11px;letter-spacing:1.2px;font-weight:700;color:var(--red)}
@media(min-width:1600px){.hero{gap:64px}.scene{height:748px}.phone-home{width:315px;top:18px}.phone-publish{width:282px;top:99px}.scene-surface{inset:65px -10px 69px -14px}h1{font-size:65px}.header{height:108px}.hero{padding-top:48px;padding-bottom:42px}}
@media(max-width:1230px){.wrap{width:calc(100% - 80px)}.hero{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}h1{font-size:51px}.intro{font-size:17px}.scene{height:630px}.phone-home{width:250px;left:0;top:22px}.phone-publish{width:222px;right:-2px;top:97px}.nav{gap:22px;margin-right:0}.brand-mark{height:39px;width:52.3px}.brand-word{height:28.08px;width:110.9px}.brand{gap:8.58px}.role{padding:11px 10px;font-size:13px}.store{min-width:165px;padding:13px 15px}.store strong{font-size:19px}.desktop-note{padding:16px}.hero{padding-block:32px}}
@media(max-width:980px){.nav{display:none}.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1fr;gap:36px;max-width:690px}.hero-copy{padding-top:22px}.intro{max-width:560px}.scene{height:728px}.phone-home{width:300px;left:3%;top:12px}.phone-publish{width:271px;right:3%;top:94px}.desktop-note{max-width:100%}.scene-surface{inset:45px 0 62px}.hero h1{font-size:59px}.preview-footer .wrap{font-size:10px}}
@media(max-width:580px){.header{height:83px}.wrap{width:calc(100% - 36px)}.brand-mark{height:33px;width:44.3px}.brand-word{height:23.76px;width:93.85px;margin-bottom:2.3px}.brand{gap:7.2px}.header-cta{padding:12px 14px;font-size:13px;gap:8px;border-radius:12px}.header-cta svg{width:15px;height:15px}.hero{padding-top:16px;gap:26px}.hero h1{font-size:43px;letter-spacing:-1.6px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:21px}.intro{font-size:16px;line-height:1.65}.roles{gap:8px;margin:22px 0 26px}.role{font-size:12px;padding:11px 10px;gap:7px}.store{flex:1;min-width:0;padding:13px 10px;gap:8px}.store svg{width:20px}.store strong{font-size:18px}.store small{font-size:8px}.stores{gap:9px}.store-note{font-size:11px}.desktop-note{margin-top:23px;padding:15px;gap:11px}.desktop-note strong{font-size:13px}.desktop-note p{font-size:12px}.scene{height:570px;max-width:388px;width:100%;margin:auto}.phone-home{width:61%;left:0;top:7px;border-radius:31px;padding:4px}.phone-publish{width:51%;right:0;top:83px;border-radius:29px;padding:4px}.phone img{border-radius:26px}.scene-surface{inset:35px -4px 50px;border-radius:36px}.scene-caption{bottom:5px;font-size:10px}.preview-footer .wrap{display:block;line-height:1.8}.preview-footer span{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Final hero review: original screenshot zoom and keyboard access. */
.skip-link{position:fixed;left:16px;top:-80px;z-index:50;background:var(--navy);color:#fff;padding:12px 18px;border-radius:10px}.skip-link:focus{top:16px}.phone[role=button]{cursor:zoom-in}.phone[role=button]:focus-visible{outline:3px solid var(--red);outline-offset:7px}.scene-caption{font-size:11px;text-align:center;line-height:1.5}.screen-preview{width:min(640px,calc(100vw - 32px));max-width:640px;max-height:94vh;padding:18px;border-radius:22px}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.screen-toolbar h2{font-size:17px;line-height:1.35;margin:0}.screen-toolbar button{border:0;border-radius:11px;background:var(--rose);color:var(--navy);padding:12px 15px;flex-shrink:0;font-weight:700}.screen-preview>img{display:block;width:auto;max-width:100%;height:auto;max-height:78vh;margin:auto;border-radius:16px}.screen-preview::backdrop{background:rgba(16,36,62,.7)}
@media(max-width:580px){.scene{height:auto;aspect-ratio:.65}.scene-caption{font-size:10px}.screen-toolbar h2{font-size:15px}.screen-preview{padding:14px}.screen-toolbar button{padding:10px 12px}}