:root {
      color-scheme: light dark;
      --bg:#f8f3f6;
      --surface:#fffafd;
      --surface-2:#f1e6ec;
      --ink:#21141d;
      --muted:#654f5d;
      --line:rgba(64,31,52,.16);
      --brand:#e52d6e;
      --plum:#8b51a8;
      --coral:#f2764f;
      --gold:#e5a91d;
      --cyan:#168da5;
      --deep:#100a10;
      --white:#fff9fc;
      --shadow:0 28px 70px rgba(63,28,51,.16);
      --soft-shadow:0 16px 40px rgba(63,28,51,.10);
      --radius:34px;
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --bg:#080608;
        --surface:#171017;
        --surface-2:#261825;
        --ink:#fff8fb;
        --muted:#d4c2cc;
        --line:rgba(255,255,255,.14);
        --gold:#f6be27;
        --cyan:#25b7d3;
        --shadow:0 34px 90px rgba(0,0,0,.48);
        --soft-shadow:0 18px 45px rgba(0,0,0,.28);
      }
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      min-width:320px;
      overflow-x:hidden;
      background:
        radial-gradient(circle at 8% 6%, rgba(229,45,110,.13), transparent 31rem),
        radial-gradient(circle at 92% 27%, rgba(139,81,168,.13), transparent 34rem),
        radial-gradient(circle at 45% 64%, rgba(242,118,79,.08), transparent 40rem),
        var(--bg);
      color:var(--ink);
      font:400 16px/1.65 "Manrope",sans-serif;
      text-rendering:optimizeLegibility;
    }
    body::before {
      content:"";
      position:fixed;
      inset:0;
      z-index:100;
      opacity:.025;
      pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
    }
    a { color:inherit; }
    img { display:block; max-width:100%; }
    button,input,select,textarea { font:inherit; }
    button,a { -webkit-tap-highlight-color:transparent; }
    h1,h2,h3 { margin:0; font-family:"Baloo 2",sans-serif; line-height:.96; letter-spacing:-.045em; text-wrap:balance; }
    p { text-wrap:pretty; }
    .wrap { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
    .progress { position:fixed; inset:0 0 auto; height:3px; z-index:120; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,var(--coral),var(--brand),var(--plum),var(--cyan)); box-shadow:0 0 16px rgba(229,45,110,.7); }
    .nav {
      position:relative;
      z-index:10;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:4px;
      width:min(790px,calc(100% - 40px));
      min-height:58px;
      margin:12px auto 0;
      padding:6px 8px;
      border:1px solid var(--line);
      border-radius:999px;
      background:color-mix(in srgb,var(--surface) 86%,transparent);
      box-shadow:var(--soft-shadow);
      backdrop-filter:blur(18px) saturate(140%);
      -webkit-backdrop-filter:blur(18px) saturate(140%);
    }
    .nav a { min-height:44px; display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px; text-decoration:none; font-size:.82rem; font-weight:700; color:var(--muted); }
    .nav a:hover,.nav a:focus-visible { color:var(--ink); background:var(--surface-2); outline:none; }
    .nav .cta { color:white; background:linear-gradient(120deg,var(--brand),var(--plum)); }
    .hero {
      min-height:auto;
      padding:clamp(38px,5vw,64px) 0 clamp(58px,6vw,78px);
      display:grid;
      grid-template-columns:1fr .86fr;
      gap:clamp(42px,7vw,96px);
      align-items:center;
    }
    .eyebrow { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:.8rem; font-weight:700; }
    .eyebrow::before { content:""; width:34px; height:2px; background:linear-gradient(90deg,var(--brand),var(--coral)); }
    .hero h1 { font-size:clamp(3.8rem,6.5vw,6.5rem); max-width:8ch; margin:18px 0 20px; }
    .hero h1 span { display:block; color:var(--brand); }
    .hero-copy>p { color:var(--muted); font-size:clamp(1rem,1.45vw,1.2rem); max-width:610px; margin:0 0 30px; }
    .actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
    .button { min-height:52px; padding:13px 20px; display:inline-flex; align-items:center; gap:10px; border:0; border-radius:16px; text-decoration:none; cursor:pointer; font-weight:700; transition:transform .2s ease,box-shadow .2s ease; }
    .button:hover { transform:translateY(-2px); }
    .button.primary { color:white; background:linear-gradient(120deg,var(--brand),var(--plum)); box-shadow:0 14px 34px rgba(229,45,110,.28); }
    .button.secondary { color:var(--ink); background:var(--surface); border:1px solid var(--line); }
    .hero-visual { min-height:460px; position:relative; display:grid; place-items:center; perspective:1200px; }
    .hero-visual::before { content:""; position:absolute; width:86%; aspect-ratio:1; border-radius:44% 56% 62% 38%; background:conic-gradient(from 20deg,rgba(229,45,110,.54),rgba(242,118,79,.34),rgba(139,81,168,.48),rgba(37,183,211,.22),rgba(229,45,110,.54)); filter:blur(38px); opacity:.46; animation:morph 11s ease-in-out infinite alternate; }
    @keyframes morph { to { transform:rotate(20deg) scale(.91); border-radius:59% 41% 38% 62%; } }
    .photo-card { position:relative; z-index:2; width:min(350px,86%); aspect-ratio:2/3; overflow:hidden; border-radius:46px; border:1px solid rgba(255,255,255,.22); box-shadow:var(--shadow); transform:rotate(4deg); background:#120d11; }
    .photo-card img { width:100%; height:100%; object-fit:contain; }
    .photo-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(8,6,8,.82)); }
    .quiet-caption { position:absolute; z-index:3; left:28px; right:28px; bottom:26px; color:white; }
    .quiet-caption small { color:rgba(255,255,255,.73); font-size:.73rem; }
    .quiet-caption strong { display:block; margin-top:5px; font:700 1.45rem/1.1 "Baloo 2"; }
    .float-note { position:absolute; z-index:4; padding:14px 17px; max-width:190px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--soft-shadow); color:var(--muted); font-size:.76rem; animation:bob 4.6s ease-in-out infinite; }
    .float-note strong { color:var(--ink); display:block; font-size:.92rem; }
    .float-note.one { top:12%; left:0; transform:rotate(-5deg); }
    .float-note.two { bottom:10%; right:-2%; transform:rotate(5deg); animation-delay:-2s; }
    @keyframes bob { 50% { translate:0 -12px; } }
    .pressure { position:relative; overflow:hidden; color:var(--white); background:linear-gradient(120deg,#2b0b24,#110a16 48%,#261446); padding:76px 0; border-block:1px solid rgba(255,255,255,.1); }
    .pressure::after { content:""; position:absolute; width:430px; height:430px; border-radius:50%; left:-180px; top:-250px; background:radial-gradient(circle,rgba(242,118,79,.46),transparent 67%); }
    .pressure-grid { position:relative; z-index:2; display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
    .section-index { color:#ff7da8; font-size:.78rem; font-weight:800; letter-spacing:.1em; }
    .pressure h2 { font-size:clamp(2.8rem,5.5vw,5.7rem); max-width:10ch; margin-top:15px; }
    .pressure-copy p { margin:4px 0 28px; color:#d7cbd2; font-size:clamp(1.08rem,1.8vw,1.42rem); }
    .pressure-copy strong { color:white; }
    .cost-row { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.17); }
    .cost { padding:24px 20px 0 0; }
    .cost+.cost { padding-left:22px; border-left:1px solid rgba(255,255,255,.14); }
    .cost b { color:#ff86af; display:block; font:700 1.15rem "Baloo 2"; }
    .cost span { color:#bfb3bb; font-size:.78rem; }
    section.content { padding:76px 0; }
    .section-head { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:end; margin-bottom:38px; }
    .section-head h2 { font-size:clamp(2.8rem,5vw,5.2rem); margin-top:14px; }
    .section-head p { margin:0; color:var(--muted); max-width:590px; font-size:1.03rem; }
    .bridge { display:grid; grid-template-columns:1fr 1fr; min-height:500px; border:1px solid var(--line); border-radius:44px; overflow:hidden; background:var(--surface); box-shadow:var(--shadow); }
    .bridge-photo { position:relative; align-self:center; min-height:0; aspect-ratio:3/2; overflow:hidden; background:#dfe2dd; }
    .bridge-photo img { width:100%; height:100%; object-fit:contain; }
    .bridge:hover .bridge-photo img { transform:none; }
    .bridge-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(10,7,10,.65)); }
    .bridge-copy { padding:clamp(36px,6vw,76px); display:flex; flex-direction:column; justify-content:center; }
    .bridge-copy h3 { font-size:clamp(2.3rem,4.4vw,4.8rem); max-width:9ch; }
    .bridge-copy>p { color:var(--muted); margin:22px 0 30px; }
    .path { display:grid; gap:0; }
    .path-item { display:grid; grid-template-columns:42px 1fr; gap:14px; padding:17px 0; border-top:1px solid var(--line); }
    .path-icon { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; color:white; background:linear-gradient(145deg,var(--brand),var(--plum)); }
    .path-icon svg { width:18px; }
    .path-item b { display:block; margin-bottom:2px; }
    .path-item span { color:var(--muted); font-size:.86rem; }
    .how { padding:76px 0; background:color-mix(in srgb,var(--surface-2) 54%,transparent); border-block:1px solid var(--line); }
    .steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
    .step { position:relative; padding:34px 34px 10px 0; }
    .step+.step { padding-left:34px; border-left:1px solid var(--line); }
    .step-no { font:800 4.8rem/1 "Baloo 2"; color:color-mix(in srgb,var(--ink) 10%,transparent); -webkit-text-stroke:1px var(--line); }
    .step h3 { font-size:1.7rem; margin:18px 0 12px; letter-spacing:-.025em; }
    .step p { margin:0; color:var(--muted); font-size:.93rem; }
    .step-line { width:58px; height:5px; margin-top:27px; border-radius:5px; transform:scaleX(.12); transform-origin:left; transition:transform .8s .2s ease; background:linear-gradient(90deg,var(--brand),var(--coral)); }
    .step:nth-child(2) .step-line { background:linear-gradient(90deg,var(--coral),var(--gold)); }
    .step:nth-child(3) .step-line { background:linear-gradient(90deg,var(--plum),var(--cyan)); }
    .step.revealed .step-line { transform:scaleX(1); }
    .win { padding:76px 0; }
    .win-board { display:grid; grid-template-columns:.9fr 1.1fr; min-height:560px; overflow:hidden; border-radius:46px; color:white; background:linear-gradient(130deg,#35101f,#160a18 46%,#281548); box-shadow:var(--shadow); border:1px solid rgba(242,118,79,.2); }
    .win-copy { padding:clamp(40px,7vw,82px); align-self:center; }
    .win-copy h2 { font-size:clamp(3rem,5.5vw,5.8rem); max-width:8ch; }
    .win-copy>p { color:#d4c6cf; margin:22px 0 30px; }
    .wins { display:grid; gap:0; }
    .win-item { padding:18px 0; border-top:1px solid rgba(255,255,255,.16); display:grid; grid-template-columns:32px 1fr; gap:13px; }
    .win-item .tick { color:#ff79a8; font-weight:800; }
    .win-item b { display:block; }
    .win-item span { color:#bdb1b9; font-size:.84rem; }
    .win-image { position:relative; align-self:center; min-height:0; aspect-ratio:1000/712; overflow:hidden; background:#170d16; }
    .win-image img { width:100%; height:100%; object-fit:contain; }
    .win-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#1a0c18 0%,transparent 30%),linear-gradient(180deg,transparent 65%,rgba(8,6,8,.5)); }
    .ripple-card { position:absolute; z-index:2; left:7%; right:7%; bottom:7%; padding:20px 22px; border:1px solid rgba(255,255,255,.18); border-radius:20px; background:rgba(20,11,18,.76); backdrop-filter:blur(15px); }
    .ripple-card small { color:#d3c5cd; }
    .ripple-card strong { display:block; margin-top:3px; font:700 1.35rem/1.1 "Baloo 2"; }
    .app-preview { position:relative; overflow:hidden; padding:44px 0; color:white; background:linear-gradient(128deg,#170914,#2b0d2b 55%,#14152b); border-block:1px solid rgba(255,255,255,.1); }
    .preview-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(38px,6vw,82px); align-items:center; }
    .preview-copy { position:relative; z-index:4; }
    .preview-copy h2 { font-size:clamp(2.8rem,5vw,5.2rem); max-width:9ch; margin:15px 0 22px; }
    .preview-copy p { color:#d7cad2; max-width:470px; margin:0 0 25px; }
    .preview-key { display:grid; gap:0; max-width:460px; }
    .preview-key span { padding:13px 0; border-top:1px solid rgba(255,255,255,.15); color:#cbbec6; font-size:.84rem; }
    .preview-key b { color:white; margin-right:8px; }
    .screen-stack { position:relative; height:580px; perspective:1300px; isolation:isolate; }
    .app-screen { --x:0px; --r:0deg; --lift:0px; position:absolute; left:50%; top:50%; width:clamp(220px,22vw,260px); aspect-ratio:722/1600; margin:0; overflow:hidden; border-radius:32px; border:7px solid #171018; background:#171018; box-shadow:0 24px 65px rgba(0,0,0,.46); transform:translate(calc(-50% + var(--x)),calc(-50% + var(--lift))) rotate(var(--r)); transition:transform .12s linear,filter .25s ease; will-change:transform; }
    .app-screen img { width:100%; height:100%; object-fit:cover; }
    .app-screen:nth-child(1) { --x:-205px; --r:-10deg; z-index:1; filter:brightness(.68); }
    .app-screen:nth-child(2) { --x:-106px; --r:-5deg; z-index:2; filter:brightness(.82); }
    .app-screen:nth-child(3) { --x:0px; --r:0deg; z-index:5; }
    .app-screen:nth-child(4) { --x:106px; --r:5deg; z-index:2; filter:brightness(.82); }
    .app-screen:nth-child(5) { --x:205px; --r:10deg; z-index:1; filter:brightness(.68); }
    .screen-stack::after { content:"Swipe through the Wowmet flow"; position:absolute; z-index:8; left:50%; bottom:2px; transform:translateX(-50%); white-space:nowrap; color:#d9cbd3; font-size:.72rem; letter-spacing:.03em; }
    .theme-sprite { --drift:0px; position:absolute; z-index:3; width:42px; height:42px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--sprite-color,var(--brand)) 70%,white); border-radius:50%; color:white; background:color-mix(in srgb,var(--sprite-color,var(--brand)) 76%,transparent); box-shadow:0 12px 28px color-mix(in srgb,var(--sprite-color,var(--brand)) 28%,transparent); transform:translate3d(0,var(--drift),0) rotate(calc(var(--drift) * .12)); transition:transform .14s linear; pointer-events:none; }
    .theme-sprite svg { width:20px; height:20px; }
    .sprite-one { right:4%; top:16%; --sprite-color:var(--coral); }
    .sprite-two { left:3%; bottom:14%; --sprite-color:var(--plum); }
    .sprite-three { right:5%; top:18%; --sprite-color:var(--cyan); }
    .sprite-four { left:4%; bottom:12%; --sprite-color:var(--gold); }
    .sprite-five { right:4%; bottom:10%; --sprite-color:var(--brand); }
    .contact { padding:40px 0 92px; }
    .contact-panel { display:grid; grid-template-columns:.85fr 1.15fr; overflow:hidden; border:1px solid var(--line); border-radius:46px; background:var(--surface); box-shadow:var(--shadow); }
    .contact-intro { position:relative; overflow:hidden; padding:clamp(40px,7vw,82px); color:white; background:linear-gradient(145deg,#321021,#130a17 54%,#2b174c); }
    .contact-intro::after { content:""; position:absolute; width:330px; height:330px; border-radius:50%; border:65px solid rgba(229,45,110,.11); right:-120px; bottom:-130px; }
    .contact-intro>* { position:relative; z-index:2; }
    .contact-intro h2 { font-size:clamp(3rem,5.4vw,5.7rem); max-width:8ch; margin:16px 0 24px; }
    .contact-intro p { color:#d0c3cb; max-width:440px; }
    .contact-intro a { display:inline-block; margin-top:24px; color:#ff86ae; font-weight:700; text-decoration-thickness:1px; text-underline-offset:5px; }
    .contact-form { padding:clamp(34px,6vw,72px); }
    .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    .field { display:grid; gap:8px; }
    .field.full { grid-column:1/-1; }
    label { color:var(--muted); font-size:.76rem; font-weight:800; }
    input,select,textarea { width:100%; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:15px; padding:14px 15px; outline:none; transition:border-color .2s ease,box-shadow .2s ease; }
    input,select { min-height:52px; }
    textarea { min-height:130px; resize:vertical; }
    input:focus,select:focus,textarea:focus { border-color:var(--brand); box-shadow:0 0 0 4px rgba(229,45,110,.12); }
    .form-foot { display:flex; align-items:center; gap:15px; flex-wrap:wrap; margin-top:22px; }
    .form-note { color:var(--muted); font-size:.75rem; max-width:270px; }
    .form-status { min-height:24px; margin:13px 0 0; color:var(--brand); font-size:.82rem; font-weight:700; }
    footer { padding:0 0 max(34px,env(safe-area-inset-bottom)); color:var(--muted); font-size:.73rem; }
    .footer-row { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; border-top:1px solid var(--line); padding-top:26px; }
    .footer-row p { margin:0; max-width:500px; }
    .credits { text-align:right; }
    .credits a { color:inherit; }
    .reveal { opacity:1; transform:none; }
    .reveal.revealed { opacity:1; transform:none; }
    .step:nth-child(2),.path-item:nth-child(2),.win-item:nth-child(2) { --delay:90ms; }
    .step:nth-child(3),.path-item:nth-child(3),.win-item:nth-child(3) { --delay:180ms; }
    @media (max-width:900px) {
      .hero { grid-template-columns:1fr; min-height:auto; padding-top:44px; }
      .hero-copy { text-align:center; }
      .hero h1,.hero-copy>p { margin-left:auto; margin-right:auto; }
      .eyebrow,.actions { justify-content:center; }
      .hero-visual { min-height:430px; }
      .preview-grid { grid-template-columns:1fr; gap:24px; }
      .preview-copy { text-align:center; }
      .preview-copy h2,.preview-copy p,.preview-key { margin-left:auto; margin-right:auto; }
      .screen-stack { height:600px; }
      .pressure-grid,.section-head { grid-template-columns:1fr; gap:30px; }
      .bridge,.win-board,.contact-panel { grid-template-columns:1fr; }
      .bridge-photo { order:2; min-height:0; aspect-ratio:3/2; }
      .win-image { min-height:0; aspect-ratio:1000/712; }
      .contact-intro h2 { max-width:10ch; }
    }
    @media (max-width:680px) {
      .wrap { width:min(100% - 26px,1160px); }
      .nav { width:calc(100% - 26px); justify-content:space-between; overflow:hidden; }
      .nav a { padding:8px 10px; font-size:.72rem; }
      .nav a:nth-child(2),.nav a:nth-child(4) { display:none; }
      .hero { gap:24px; padding:28px 0 44px; }
      .hero h1 { font-size:clamp(3.05rem,15vw,4.25rem); margin:12px auto 14px; }
      .hero-copy>p { font-size:.91rem; line-height:1.52; margin-bottom:18px; }
      .button { min-height:46px; padding:10px 15px; }
      .hero-visual { display:none; }
      .photo-card { width:min(140px,42%); border-radius:22px; }
      .float-note { max-width:132px; padding:9px 11px; font-size:.66rem; }
      .float-note strong { font-size:.79rem; }
      .photo-card { width:min(140px,42%); border-radius:22px; }
      .float-note { max-width:120px; padding:8px 10px; }
      .float-note.two { display:none; }
      .float-note.one { left:0; top:5%; }
      .float-note.two { right:0; bottom:5%; }
      .pressure,section.content,.how,.win { padding-block:62px; }
      .app-preview { padding-block:44px; }
      .cost-row,.steps { grid-template-columns:1fr; }
      .cost { padding:20px 0; }
      .cost+.cost { padding-left:0; border-left:0; border-top:1px solid rgba(255,255,255,.14); }
      .step { padding:28px 0; }
      .step+.step { padding-left:0; border-left:0; border-top:1px solid var(--line); }
      .bridge,.win-board,.contact-panel { border-radius:28px; }
      .bridge-copy,.win-copy,.contact-intro,.contact-form { padding:32px 24px; }
      .bridge-photo,.win-image { min-height:0; }
      .field-grid { grid-template-columns:1fr; }
      .field.full { grid-column:auto; }
      .preview-key { display:none; }
      .screen-stack { height:520px; width:calc(100% + 20px); margin-left:-10px; }
      .app-screen { width:min(54vw,235px); border-width:5px; border-radius:25px; }
      .app-screen:nth-child(1) { --x:-112px; --r:-9deg; }
      .app-screen:nth-child(2) { --x:-58px; --r:-4deg; }
      .app-screen:nth-child(4) { --x:58px; --r:4deg; }
      .app-screen:nth-child(5) { --x:112px; --r:9deg; }
      .theme-sprite { width:34px; height:34px; opacity:.85; }
      .contact { padding-bottom:100px; }
      .footer-row { align-items:flex-start; flex-direction:column; }
      .credits { text-align:left; }
    }
    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
      *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
      .reveal { opacity:1; transform:none; }
    }
  
/* Honeypot anti-spam field: hidden from humans, bots fill it */
.hp-wrap{position:absolute !important;left:-9999px !important;top:auto !important;width:1px;height:1px;overflow:hidden}
/* Form status states */
.form-status.is-success{color:#7ee2a8}
.form-status.is-error{color:#ff9d9d}