:root{
    --teal:#0f9f98;
    --teal-dark:#06746f;
    --ink:#102331;
    --navy:#142b43;
    --muted:#617486;
    --soft:#edfafa;
    --cream:#fff8ef;
    --line:#dcebea;
    --coral:#ff7468;
    --gold:#f6b84b;
    --white:#fff;
    --shadow:0 30px 90px rgba(16,35,49,.14);
    --soft-shadow:0 18px 54px rgba(16,35,49,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fbfefe;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.skip-link{position:absolute;left:18px;top:-90px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;z-index:99}.skip-link:focus{top:18px}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,76px);background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,235,234,.82)}
.brand{display:flex;gap:11px;align-items:center;font-size:1.28rem;font-weight:650;letter-spacing:-.03em}.brand strong{font-weight:900}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#e5fffb,#fff4e1);box-shadow:0 10px 26px rgba(15,159,152,.16)}
nav{display:flex;gap:26px;align-items:center;font-size:.96rem;font-weight:750;color:#344e63}.menu-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:850;padding:10px 15px}
.nav-button,.button{border-radius:999px;padding:14px 23px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav-button,.primary{background:linear-gradient(135deg,var(--teal),#10beb3);color:#fff;box-shadow:0 14px 30px rgba(15,159,152,.24)}.button:hover,.nav-button:hover{transform:translateY(-2px)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 10px 24px rgba(16,35,49,.05)}
.hero-premium{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.95fr);gap:64px;align-items:center;padding:94px clamp(20px,6vw,92px) 80px;min-height:820px;background:radial-gradient(circle at 82% 10%,#d8fffb 0,#f6fffe 25%,transparent 46%),radial-gradient(circle at 10% 88%,#fff0dc 0,transparent 34%),linear-gradient(135deg,#ffffff 0%,#f7fffe 60%,#fffaf4 100%);overflow:hidden}.hero-premium:before{content:"";position:absolute;right:-110px;bottom:-170px;width:430px;height:430px;border-radius:999px;background:rgba(255,116,104,.12);filter:blur(7px)}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;background:#eafafa;color:var(--teal-dark);font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950;border-radius:999px;padding:10px 14px}.hero h1{font-size:clamp(3.25rem,6.7vw,6.8rem);line-height:.9;letter-spacing:-.075em;margin:24px 0 24px;max-width:850px}.hero-lead{font-size:1.2rem;line-height:1.75;color:var(--muted);max-width:680px;margin:0 0 28px}.hero-actions,.trust-strip{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.trust-strip{margin-top:26px}.trust-strip span{background:rgba(255,255,255,.84);border:1px solid var(--line);box-shadow:0 10px 26px rgba(16,35,49,.05);border-radius:999px;padding:10px 14px;color:#526779;font-weight:800;font-size:.92rem}
.hero-showcase{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center}.smartphone-shell{position:relative;z-index:5;filter:drop-shadow(0 34px 58px rgba(16,35,49,.22));transform:rotate(-2deg)}.phone-bezel{position:relative;width:min(354px,78vw);background:linear-gradient(135deg,#0a1520,#243546);border-radius:52px;padding:13px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 8px #101923}.phone-bezel:before{content:"";position:absolute;inset:8px;border-radius:45px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.phone-speaker{display:block;width:86px;height:7px;background:#2b3b48;border-radius:999px;margin:4px auto 11px}.phone-screen{min-height:555px;border-radius:36px;background:linear-gradient(160deg,#12bab1 0%,#087872 73%);color:#fff;padding:22px 24px 28px;overflow:hidden;position:relative}.phone-screen:before{content:"";position:absolute;right:-60px;bottom:-60px;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.12)}.phone-status{display:flex;justify-content:space-between;font-size:.78rem;font-weight:900;color:rgba(255,255,255,.78);margin-bottom:32px}.event-badge{display:inline-flex;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900}.phone-screen h2{font-size:2.75rem;line-height:1.02;letter-spacing:-.06em;margin:68px 0 12px}.phone-screen p{color:rgba(255,255,255,.88);line-height:1.5;margin:0}.upload-drop{position:relative;z-index:1;margin:28px 0 24px;border:2px dashed rgba(255,255,255,.66);border-radius:24px;padding:28px 16px;text-align:center;font-weight:950;background:rgba(255,255,255,.11)}.upload-drop span{display:block;font-size:1.4rem;margin-bottom:6px}.phone-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;position:relative;z-index:1}.phone-gallery span{height:66px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.2))}.hero-bottom-panels{position:absolute;left:0;right:0;bottom:8px;display:grid;grid-template-columns:220px minmax(250px,1fr);gap:18px;align-items:stretch}.domain-qr-card,.domain-link-card{background:#fff;border:1px solid rgba(220,235,234,.96);border-radius:28px;box-shadow:var(--shadow);padding:20px}.domain-qr-card span,.domain-link-card span{display:block;color:var(--muted);font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}.domain-qr-card img{display:block;width:150px;height:150px;border:8px solid #fff;border-radius:16px;box-shadow:inset 0 0 0 1px #d9e6e6}.domain-link-card{align-self:end;padding:24px}.domain-link-card strong{display:block;color:var(--teal-dark);font-size:1.45rem;letter-spacing:-.04em;word-break:break-word}.domain-link-card p{color:var(--muted);line-height:1.55;margin:10px 0 0}.proof-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 clamp(20px,6vw,92px);transform:translateY(-26px);background:var(--line);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--soft-shadow)}.proof-band article{background:#fff;padding:26px}.proof-band strong{display:block;font-size:1.05rem;margin-bottom:6px}.proof-band span{color:var(--muted);font-size:.95rem}.process-section{padding:76px clamp(20px,6vw,92px)}.section-heading{text-align:center;max-width:800px;margin:0 auto 42px}.left-align{text-align:left;margin-left:0}.section-heading .eyebrow{margin-inline:auto}.left-align .eyebrow{margin-inline:0}.section-heading h2,.dashboard-copy h2,.final-cta h2{font-size:clamp(2.15rem,4.3vw,4.2rem);line-height:.98;letter-spacing:-.055em;margin:18px 0}.section-heading p,.dashboard-copy p,.final-cta p{color:var(--muted);font-size:1.08rem;line-height:1.7}.process-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:34px;background:#fff;box-shadow:var(--soft-shadow);overflow:hidden}.process-timeline article{position:relative;padding:34px 28px;min-height:230px}.process-timeline article+article{border-left:1px solid var(--line)}.process-timeline span{display:inline-flex;width:44px;height:44px;border-radius:16px;align-items:center;justify-content:center;background:linear-gradient(135deg,#e4fffb,#fff4df);color:var(--teal-dark);font-weight:950;margin-bottom:24px}.process-timeline h3{font-size:1.22rem;margin:0 0 10px}.process-timeline p{color:var(--muted);line-height:1.6;margin:0}.occasions-section,.plans-section{padding:80px clamp(20px,6vw,92px)}.occasions-section{background:linear-gradient(180deg,#f6fffe 0%,#fff 100%)}.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.occasion-grid article{position:relative;min-height:224px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--soft-shadow);overflow:hidden;transition:transform .18s ease, box-shadow .18s ease}.occasion-grid article:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(16,35,49,.12)}.occasion-grid article:before{content:"";position:absolute;inset:auto 16px 16px auto;width:96px;height:96px;border-radius:32px;background:linear-gradient(135deg,#e4fffb,#fff4df);transform:rotate(8deg)}.occasion-grid article span{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:20px;background:#f2fbfa;border:1px solid #cdece8;font-size:1.75rem;margin-bottom:24px}.occasion-grid h3{position:relative;margin:0 0 10px;font-size:1.22rem}.occasion-grid p{position:relative;color:var(--muted);line-height:1.55;margin:0}.dashboard-preview{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center;margin:35px clamp(20px,6vw,92px) 70px;padding:58px;border-radius:42px;background:linear-gradient(135deg,#0f2b3e,#0b6f6a);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.dashboard-preview:after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:999px;background:rgba(255,255,255,.12)}.dashboard-copy{position:relative;z-index:1}.dashboard-copy .eyebrow{background:rgba(255,255,255,.12);color:#cafffb}.dashboard-copy p,.dashboard-copy li{color:rgba(255,255,255,.82)}.dashboard-copy ul{padding-left:20px;line-height:1.9;margin-bottom:26px}.dashboard-window{position:relative;z-index:1;background:#fff;color:var(--ink);border-radius:30px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.24)}.window-bar{display:flex;align-items:center;gap:8px;padding:18px 22px;background:#f5f7f9;border-bottom:1px solid #e8eff1}.window-bar span{width:11px;height:11px;border-radius:50%;background:#ff6b6b}.window-bar span:nth-child(2){background:#f7c948}.window-bar span:nth-child(3){background:#2fca7f}.window-bar strong{margin-left:10px;color:#617386;font-size:.86rem}.window-content{padding:28px}.dash-summary,.guest-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.dash-summary span{background:#e5fff7;color:#06746f;border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:950}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.dash-metrics p{margin:0;border-radius:20px;background:#f3f8f8;padding:18px}.dash-metrics strong{display:block;font-size:1.8rem;color:var(--teal-dark);letter-spacing:-.05em}.dash-metrics span{color:var(--muted);font-weight:800;font-size:.88rem}.dash-link{background:#fef4ed;border:1px solid #ffe2d7;color:#b9483d;border-radius:18px;padding:15px;font-weight:950;margin-bottom:12px;word-break:break-all}.guest-row{border-top:1px solid var(--line);padding:15px 0}.guest-row span{color:var(--muted)}.plans-section{text-align:center;background:#fff}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1080px;margin:0 auto}.plan-grid article{text-align:left;background:#fff;border:1px solid var(--line);border-radius:32px;padding:32px;box-shadow:var(--soft-shadow)}.plan-grid article>span{display:inline-flex;border-radius:999px;background:#eafafa;color:var(--teal-dark);padding:8px 12px;font-weight:950;font-size:.82rem}.plan-grid h3{font-size:1.6rem;margin:20px 0 8px}.plan-grid strong{display:block;font-size:3rem;color:var(--ink);letter-spacing:-.06em;margin-bottom:12px}.plan-grid p{color:var(--muted);line-height:1.6}.plan-grid .featured{background:linear-gradient(180deg,#ffffff,#effffc);border:2px solid var(--teal);transform:translateY(-10px)}.final-cta{text-align:center;margin:40px clamp(20px,6vw,92px) 80px;padding:70px 24px;border-radius:42px;background:linear-gradient(135deg,#fff7ee,#eafffb);border:1px solid var(--line)}.final-cta .eyebrow{margin-inline:auto}.site-footer{text-align:center;padding:32px 20px;background:var(--ink);color:#fff}.site-footer p{margin:0;font-weight:800;color:rgba(255,255,255,.88)}
@media(max-width:1120px){.hero-premium,.dashboard-preview{grid-template-columns:1fr}.hero-showcase{min-height:700px}.proof-band,.occasion-grid{grid-template-columns:repeat(2,1fr)}.process-timeline{grid-template-columns:repeat(2,1fr)}.process-timeline article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.process-timeline article:nth-child(4){border-top:1px solid var(--line)}.plan-grid{grid-template-columns:1fr}.plan-grid .featured{transform:none}}
@media(max-width:760px){.menu-toggle{display:inline-flex}nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:16px;flex-direction:column;align-items:stretch;gap:8px}nav.is-open{display:flex}nav a{padding:12px}.nav-button{width:100%}.hero-premium{padding:46px 20px 54px;min-height:auto}.hero h1{font-size:3.05rem}.hero-showcase{min-height:auto;display:grid;gap:18px}.smartphone-shell{transform:none}.hero-bottom-panels{position:relative;grid-template-columns:1fr;bottom:auto}.domain-qr-card img{width:140px;height:140px}.proof-band{margin:0 20px 34px;transform:none;grid-template-columns:1fr}.process-section,.occasions-section,.plans-section{padding:54px 20px}.process-timeline,.occasion-grid{grid-template-columns:1fr}.process-timeline article+article,.process-timeline article:nth-child(3),.process-timeline article:nth-child(4){border-left:0;border-top:1px solid var(--line)}.dashboard-preview{margin:20px;padding:28px;border-radius:30px}.dash-metrics{grid-template-columns:1fr}.site-header{padding:14px 20px}.brand{font-size:1.08rem}.hero-actions .button{width:100%}}

/* v1.19 hero refinement */
.hero-premium{grid-template-columns:minmax(460px,1.05fr) minmax(380px,.95fr);gap:44px;align-items:center;padding-top:72px;min-height:760px;background:radial-gradient(circle at 88% 20%,#d9fffb 0,#f8fffe 28%,transparent 48%),radial-gradient(circle at 16% 82%,#fff3e3 0,transparent 36%),linear-gradient(135deg,#fff 0%,#f5fffd 70%,#fffaf4 100%)}
.hero-copy{max-width:760px}.hero h1{font-size:clamp(3.4rem,6.1vw,6.25rem);max-width:760px}.hero-lead{max-width:660px}.hero-showcase{min-height:600px;display:grid;grid-template-rows:auto auto;align-content:center;gap:24px}.smartphone-shell{align-self:center;justify-self:center;transform:rotate(-3deg) translateY(-8px)}.phone-bezel{width:min(318px,72vw);padding:14px;border-radius:48px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 24px 50px rgba(16,35,49,.23)}.phone-bezel:after{content:"";position:absolute;left:18px;right:18px;top:18px;height:48%;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}.phone-speaker{position:absolute;z-index:3;top:17px;left:50%;transform:translateX(-50%);width:88px;height:10px;background:#172635;border-radius:999px;box-shadow:inset 0 2px 2px rgba(255,255,255,.08);margin:0}.phone-screen{min-height:505px;border-radius:34px;padding:22px 24px 26px}.phone-status{margin-bottom:26px}.phone-screen h2{font-size:2.45rem;margin:54px 0 12px}.phone-gallery span:nth-child(1){background:linear-gradient(135deg,#ffd8c8,#71d4cf)}.phone-gallery span:nth-child(2){background:linear-gradient(135deg,#fff0a8,#69c4ff)}.phone-gallery span:nth-child(3){background:linear-gradient(135deg,#d7e7ff,#ffad9f)}.phone-gallery span:nth-child(4){background:linear-gradient(135deg,#bff4d5,#fff)}
.hero-bottom-panels{position:relative;left:auto;right:auto;bottom:auto;z-index:6;display:grid;grid-template-columns:210px minmax(260px,1fr);align-items:stretch;margin-top:-12px}.domain-qr-card,.domain-link-card{box-shadow:0 24px 64px rgba(16,35,49,.12)}.domain-qr-card{display:grid;justify-items:center;text-align:center}.domain-qr-card img{width:132px;height:132px}.domain-link-card{display:flex;flex-direction:column;justify-content:center}.domain-link-card strong{font-size:1.65rem}.occasion-grid article span{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:2rem;background:linear-gradient(135deg,#e6fffb,#fff6e4);box-shadow:0 14px 30px rgba(15,159,152,.12)}.occasion-grid article:after{content:"";position:absolute;right:24px;bottom:24px;width:46px;height:46px;border-radius:18px;border:1px solid rgba(15,159,152,.16);background:rgba(15,159,152,.05)}
@media(max-width:1120px){.hero-premium{grid-template-columns:1fr;min-height:auto}.hero-showcase{min-height:auto}.hero-bottom-panels{max-width:720px;margin-inline:auto;width:100%}}
@media(max-width:760px){.hero-premium{padding-top:42px}.hero h1{font-size:3.1rem}.smartphone-shell{transform:none}.phone-bezel{width:min(300px,88vw)}.hero-bottom-panels{grid-template-columns:1fr}.domain-qr-card img{width:140px;height:140px}.domain-link-card strong{font-size:1.25rem}}

/* v1.23 official logo */
.logo-brand{display:inline-flex;align-items:center;gap:0;text-decoration:none}.site-logo{display:block;height:auto;object-fit:contain}.site-logo-header{width:250px;max-width:34vw}.brand.logo-brand{min-width:0}.site-header{gap:24px}.site-header nav{margin-left:auto}@media(max-width:760px){.site-logo-header{width:190px;max-width:58vw}}

/* v1.24 how-it-works graphics and timeline messaging */
.process-timeline article{position:relative;overflow:hidden}.process-graphic{width:88px;height:68px;border-radius:24px;background:linear-gradient(135deg,#e6fffb,#fff5df);display:grid;place-items:center;margin:0 0 18px;box-shadow:inset 0 0 0 1px rgba(16,168,157,.14)}.process-graphic svg{width:74px;height:56px}.process-graphic rect,.process-graphic path,.process-graphic line,.process-graphic circle{fill:none;stroke:#0b766f;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.process-graphic text{font-family:Inter,Arial,sans-serif;font-weight:950;font-size:13px;fill:#0b766f}.process-timeline article>span:not(.event-badge){position:absolute;top:34px;right:28px}.process-timeline article h3{margin-top:0}.qr-graphic{background:linear-gradient(135deg,#eff7ff,#e8fffb)}.upload-graphic{background:linear-gradient(135deg,#e6fffb,#eefbf9)}.zip-graphic{background:linear-gradient(135deg,#fff4df,#e9fffc)}
@media(max-width:800px){.process-graphic{width:76px;height:60px}.process-timeline article>span:not(.event-badge){position:static}}

/* v1.26 uploaded how-it-works graphics */
.process-icon-card{
    width:92px;
    height:92px;
    border-radius:28px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#ffffff,#eefcf9);
    border:1px solid rgba(15,159,152,.14);
    box-shadow:0 18px 38px rgba(15,159,152,.10);
    margin-bottom:20px;
}
.process-icon-card img{
    width:68px;
    height:68px;
    object-fit:contain;
    display:block;
}
.process-timeline article{
    position:relative;
}
.process-timeline article > span{
    margin-top:4px;
}
@media(max-width:760px){
    .process-icon-card{width:76px;height:76px;border-radius:22px}.process-icon-card img{width:58px;height:58px}
}

/* v1.49 homepage how-it-works polish */
.process-section{
    padding:56px clamp(20px,5vw,72px)!important;
}
.process-section .how-heading,
.process-section .section-heading{
    text-align:center!important;
    margin:0 auto 28px!important;
    max-width:820px!important;
}
.process-section .how-heading .eyebrow,
.process-section .section-heading .eyebrow{
    margin-inline:auto!important;
}
.process-section .section-heading h2{
    margin:12px 0 10px!important;
    font-size:clamp(2rem,3.5vw,3.4rem)!important;
}
.process-section .section-heading p{
    margin:0 auto!important;
    max-width:720px!important;
}
.process-timeline{
    border-radius:30px!important;
}
.process-timeline article{
    padding:26px 24px 28px!important;
    min-height:0!important;
    display:grid!important;
    align-content:start!important;
    gap:10px!important;
}
.process-icon-card{
    margin:0 auto 8px!important;
    width:96px!important;
    height:96px!important;
    border-radius:26px!important;
}
.process-icon-card img{
    width:74px!important;
    height:74px!important;
}
.process-timeline article > span{
    position:static!important;
    margin:0 auto 4px!important;
    width:40px!important;
    height:40px!important;
}
.process-timeline h3,
.process-timeline p{
    text-align:center!important;
}
.process-timeline h3{
    margin:0!important;
}
.process-timeline p{
    font-size:.95rem!important;
    line-height:1.52!important;
}
@media(max-width:1120px){
    .process-section{padding-block:46px!important;}
}