#omk{--navy:#1b2a4e;--navy-soft:#2e3f6b;--ink:#1b2a4e;--ink-soft:#5c6a87;--ink-faint:#94a0b8;--cream:#faf6ee;--paper:#fffdf6;--sky:#eaf3fb;--sky-soft:#f3f8fc;--accent-navy:#1b2a4e;--accent-coral:#ff7e6b;--accent-sun:#ffc247;--accent-sage:#7cc3a9;--accent-lilac:#b5a7e6;--accent-sky:#7fb8e0;--omk-radius:20px;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-weight:500;overflow-x:hidden;display:block;min-height:100vh}#omk *{box-sizing:border-box}#omk .hand{font-family:Caveat,cursive;font-weight:700}#omk .display{font-family:Caveat,cursive;font-weight:700;letter-spacing:-.005em;line-height:1}#omk .wrap{max-width:1240px;margin:0 auto;padding:0 40px}#omk nav.top{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf6eecc;border-bottom:1px solid rgba(27,42,78,.06)}#omk nav.top .bar{display:flex;align-items:center;justify-content:space-between;height:76px}#omk .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;color:var(--navy);letter-spacing:-.01em;text-decoration:none}#omk .logo-mark{width:38px;height:38px;border-radius:12px;background:var(--navy);display:grid;place-items:center;color:#fff;box-shadow:inset 0 -3px #00000026}#omk .logo-mark svg{width:22px;height:22px}#omk nav ul{list-style:none;display:flex;gap:34px;margin:0;padding:0;font-weight:700;font-size:15px}#omk nav ul a{color:var(--ink-soft);text-decoration:none;transition:color .15s}#omk nav ul a:hover{color:var(--navy)}#omk .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:15px;border:none;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}#omk .btn-dark{background:var(--navy);color:#fff;box-shadow:0 4px #0c1730}#omk .btn-dark:hover{transform:translateY(-1px)}#omk .btn-dark:active{transform:translateY(2px);box-shadow:0 1px #0c1730}#omk .btn-primary{background:var(--navy);color:#fff;box-shadow:0 6px #0c1730;padding:16px 28px;font-size:16px}#omk .btn-primary:hover{transform:translateY(-1px)}#omk .btn-primary:active{transform:translateY(2px);box-shadow:0 2px #0c1730}#omk .btn-ghost{background:#fff;color:var(--navy);box-shadow:0 4px #1b2a4e1a;padding:16px 24px;font-size:16px;border:1px solid rgba(27,42,78,.08)}#omk section.hero{position:relative;padding:40px 0 100px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 15% 15%,rgba(127,184,224,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 75%,rgba(255,194,71,.13) 0%,transparent 60%),linear-gradient(180deg,var(--sky-soft) 0%,var(--cream) 70%)}#omk .hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding-top:20px}#omk .pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(27,42,78,.08);padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;color:var(--navy);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px #1b2a4e0a}#omk .pill .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-coral)}#omk h1.hero-title{font-family:Caveat,cursive;font-weight:700;font-size:clamp(64px,7.2vw,108px);line-height:.9;letter-spacing:-.005em;color:var(--navy);margin:22px 0 24px}#omk h1.hero-title .sans{font-family:Nunito,sans-serif;font-weight:900;letter-spacing:-.02em;font-size:.8em;line-height:1;color:var(--navy)}#omk .accent-coral{color:var(--accent-coral)}#omk .accent-sage{color:var(--accent-sage)}#omk .accent-sun{color:var(--accent-sun)}#omk .accent-lilac{color:var(--accent-lilac)}#omk .underline-scribble{position:relative;display:inline-block}#omk .underline-scribble:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-2px;height:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14'><path d='M2 9 C 40 2, 80 13, 120 7 S 180 4, 198 9' stroke='%23ffc247' stroke-width='5' fill='none' stroke-linecap='round'/></svg>") no-repeat;background-size:100% 100%}#omk .hero-sub{font-size:19px;line-height:1.55;color:var(--ink-soft);max-width:500px;margin:0 0 32px;font-weight:500}#omk .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}#omk .btn-primary svg{width:18px;height:18px}#omk .btn-ghost .play{width:26px;height:26px;border-radius:50%;background:var(--accent-sun);display:inline-grid;place-items:center}#omk .btn-ghost .play svg{width:11px;height:11px;color:var(--navy)}#omk .social-proof{display:flex;align-items:center;gap:16px}#omk .proof-text{font-size:14px;color:var(--ink-soft)}#omk .proof-text b{display:block;color:var(--navy);font-size:15px;font-weight:900}#omk .hero-right{position:relative;height:640px}#omk .phone{position:absolute;background:#0f1a35;border-radius:42px;padding:10px;box-shadow:0 40px 80px -20px #1b2a4e4d,0 18px 36px -20px #1b2a4e33,inset 0 2px 2px #ffffff0f}#omk .phone .notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:84px;height:24px;background:#0f1a35;border-radius:0 0 14px 14px;z-index:3}#omk .phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#2a3763,#1e2a52);position:relative}#omk .status{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 0;color:#fff;font-size:11px;font-weight:800}#omk .status .battery{width:22px;height:11px;border:1.5px solid white;border-radius:3px;position:relative}#omk .status .battery:after{content:"";position:absolute;left:1px;top:1px;bottom:1px;width:70%;background:#fff;border-radius:1px}#omk .hero-phone-1{width:240px;height:490px;left:0;top:40px;transform:rotate(-8deg);z-index:2}#omk .hero-phone-2{width:260px;height:530px;left:50%;top:60px;transform:translate(-50%);z-index:3}#omk .hero-phone-3{width:240px;height:490px;right:0;top:40px;transform:rotate(8deg);z-index:2}#omk .app-title{text-align:center;color:#fff;font-family:Caveat,cursive;font-size:24px;margin:18px 0 10px;font-weight:700}#omk .skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px}#omk .skill-tile{aspect-ratio:1/1;border-radius:20px;background:linear-gradient(180deg,#fffffffa,#ffffffd1);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 -3px #1b2a4e0f}#omk .skill-tile .ribbon{position:absolute;bottom:18%;left:-8%;right:-8%;transform:rotate(-12deg);background:#fff;border-top:1px solid rgba(27,42,78,.08);border-bottom:1px solid rgba(27,42,78,.08);padding:3px 0;text-align:center;font-family:Caveat,cursive;font-weight:700;font-size:12px;color:var(--navy)}#omk .video-list{padding:14px;color:#fff}#omk .video-header{text-align:center;font-family:Caveat;font-size:24px;margin:4px 0 14px;font-weight:700}#omk .video-card{background:#141e42;border-radius:12px;padding:8px;margin-bottom:8px;display:flex;gap:8px;cursor:pointer;transition:background .15s}#omk .video-card:hover{background:#1b2752}#omk .video-thumb{width:72px;height:50px;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden;background:#0a1228}#omk .video-thumb video{width:100%;height:100%;object-fit:cover;display:block}#omk .video-thumb .play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.6)}#omk .video-thumb .dur{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;padding:0 4px;border-radius:3px;font-size:8px;font-weight:800}#omk .video-card .meta{flex:1;display:flex;flex-direction:column;justify-content:center}#omk .video-card .ttl{font-size:11px;font-weight:800;color:#fff;line-height:1.2}#omk .game-screen{height:100%;background:linear-gradient(180deg,#a9d8f5,#d4ecfb 50%,#b8e0b0 50%,#96c98f);position:relative}#omk .game-counter{text-align:center;color:var(--navy);font-weight:900;font-family:Caveat,cursive;font-size:18px;padding-top:30px}#omk .cloud{position:absolute;background:#fff;border-radius:999px}#omk .cl1{top:46px;left:18px;width:48px;height:18px}#omk .cl2{top:70px;right:22px;width:44px;height:18px}#omk .bin{position:absolute;bottom:30px;width:46px;height:46px;border-radius:8px 8px 4px 4px;display:grid;place-items:center;color:#fff;border:2px solid rgba(0,0,0,.15)}#omk .bin.b1{background:#6ab56a;left:16px}#omk .bin.b2{background:#ecb84a;left:50%;transform:translate(-50%)}#omk .bin.b3{background:#5a9fd4;right:16px}#omk .item{position:absolute;width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 2px #0000001a;display:grid;place-items:center;font-size:12px}#omk .chip{position:absolute;background:#fff;border-radius:999px;padding:8px 14px 8px 8px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #1b2a4e26;z-index:6;font-size:12px;font-weight:700;border:1px solid rgba(27,42,78,.06)}#omk .chip .ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}#omk .chip .sub{display:block;font-size:10px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;line-height:1.1}#omk .chip .main{display:block;color:var(--navy);font-size:13px;font-weight:800;line-height:1.2;margin-top:2px}#omk .chip-1{top:20px;left:-10px;animation:omk-float1 7s ease-in-out infinite;transform:rotate(-4deg)}#omk .chip-2{bottom:40px;right:-20px;animation:omk-float2 8s ease-in-out infinite;transform:rotate(5deg)}#omk .chip-3{top:50%;right:-30px;animation:omk-float1 9s ease-in-out infinite;transform:rotate(-3deg)}@keyframes omk-float1{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes omk-float2{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(8px) rotate(3deg)}}#omk .confetti{position:absolute;border-radius:50%;pointer-events:none}#omk .c1{top:12%;left:4%;width:10px;height:10px;background:var(--accent-coral);opacity:.7}#omk .c2{top:6%;right:18%;width:8px;height:8px;background:var(--accent-sun)}#omk .c3{bottom:18%;left:6%;width:12px;height:12px;background:var(--accent-sage);opacity:.6}#omk .c4{bottom:30%;right:4%;width:8px;height:8px;background:var(--accent-lilac)}#omk .eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:900;color:var(--accent-coral)}#omk h2.section-title{font-family:Caveat,cursive;font-weight:700;font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.005em;color:var(--navy);margin:12px 0 18px;text-align:center}#omk h2.section-title .sans{font-family:Nunito,sans-serif;font-weight:900;letter-spacing:-.02em;font-size:.78em}#omk .section-sub{text-align:center;color:var(--ink-soft);font-size:17px;max-width:620px;margin:0 auto 60px;line-height:1.55}#omk .center{text-align:center}#omk .how{background:var(--paper);padding:120px 0}#omk .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}#omk .how-card{position:relative;padding:36px 30px 32px;background:#fff;border-radius:24px;box-shadow:0 2px #1b2a4e0a,0 20px 40px -24px #1b2a4e1a;border:1px solid rgba(27,42,78,.06)}#omk .how-card .num{position:absolute;top:-20px;left:30px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--navy);font-weight:900;font-family:Caveat,cursive;font-size:24px;background:#fff;border:2px solid var(--navy);box-shadow:0 4px 0 var(--navy)}#omk .how-card .illo{height:170px;border-radius:18px;margin-bottom:22px;display:grid;place-items:center;position:relative;overflow:hidden}#omk .how-card.w .illo{background:linear-gradient(135deg,#e8f0fa,#c9dff2)}#omk .how-card.p .illo{background:linear-gradient(135deg,#e8f4ec,#c8e6d2)}#omk .how-card.g .illo{background:linear-gradient(135deg,#fbf0e0,#f5dfc0)}#omk .how-card h3{font-family:Nunito;font-weight:900;font-size:24px;color:var(--navy);margin:0 0 10px;letter-spacing:-.01em}#omk .how-card p{color:var(--ink-soft);font-size:15px;line-height:1.55;margin:0}#omk .how-card .tag{display:inline-block;margin-top:14px;font-family:Caveat;font-size:22px;color:var(--accent-coral);font-weight:700}#omk .skills{padding:120px 0;background:var(--sky-soft)}#omk .skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}#omk .skill-card{border-radius:22px;padding:26px 22px 22px;position:relative;overflow:hidden;border:1px solid rgba(27,42,78,.06);min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;background:#fff;box-shadow:0 2px #1b2a4e0a}#omk .skill-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px #1b2a4e26}#omk .skill-card h4{font-family:Nunito;font-weight:900;font-size:20px;color:var(--navy);margin:0;letter-spacing:-.01em}#omk .skill-card p{color:var(--ink-soft);font-size:13.5px;line-height:1.5;margin:6px 0 0}#omk .skill-card .count{font-family:Caveat;font-size:20px;color:var(--ink-soft);font-weight:700;margin-top:auto}#omk .skill-card .mascot-box{align-self:flex-end;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;position:relative}#omk .sc-1 .mascot-box{background:#f4eafa}#omk .sc-2 .mascot-box{background:#fbeae4}#omk .sc-3 .mascot-box{background:#eaf4ee}#omk .sc-4 .mascot-box{background:#fbe7ec}#omk .sc-5 .mascot-box{background:#faf0d6}#omk .sc-6 .mascot-box{background:#e8eff8}#omk .sc-7 .mascot-box{background:#f8e9f0}#omk .preview{padding:120px 0;background:var(--cream);overflow:hidden}#omk .preview-stage{position:relative;height:600px;margin-top:40px;display:flex;justify-content:center;align-items:center}#omk .preview .phone{position:absolute;width:260px;height:540px}#omk .preview .phone.p1{left:12%;transform:rotate(-10deg);z-index:1}#omk .preview .phone.p2{left:50%;transform:translate(-50%);z-index:3;width:280px;height:580px}#omk .preview .phone.p3{right:12%;transform:rotate(10deg);z-index:1}#omk .preview-video{width:100%;height:100%;object-fit:cover;display:block}#omk .pricing{padding:120px 0;background:var(--paper)}#omk .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;max-width:1080px;margin-left:auto;margin-right:auto}#omk .price-card{background:#fff;border-radius:24px;padding:36px 30px;border:1px solid rgba(27,42,78,.08);position:relative;display:flex;flex-direction:column;box-shadow:0 2px #1b2a4e0a}#omk .price-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-12px);box-shadow:0 30px 60px -20px #1b2a4e4d}#omk .price-card .plan-name{font-family:Caveat;font-weight:700;font-size:28px;color:var(--navy);margin-bottom:4px}#omk .price-card.featured .plan-name{color:var(--accent-sun)}#omk .price-card .plan-tag{color:var(--ink-soft);font-size:14px;margin-bottom:24px;min-height:40px}#omk .price-card.featured .plan-tag{color:#ffffffb3}#omk .price-card .price{display:flex;align-items:baseline;gap:4px;margin-bottom:28px}#omk .price-card .price .amt{font-family:Nunito;font-weight:900;font-size:52px;letter-spacing:-.02em;color:var(--navy)}#omk .price-card.featured .price .amt{color:#fff}#omk .price-card .price .per{color:var(--ink-soft);font-weight:700;font-size:15px}#omk .price-card.featured .price .per{color:#ffffffb3}#omk .price-card ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px}#omk .price-card li{display:flex;gap:10px;align-items:flex-start;color:var(--ink);font-size:15px}#omk .price-card.featured li{color:#ffffffe6}#omk .price-card li .check{width:20px;height:20px;border-radius:50%;background:var(--accent-sage);color:#fff;display:grid;place-items:center;flex-shrink:0;margin-top:1px;font-size:12px}#omk .price-card.featured li .check{background:var(--accent-sun);color:var(--navy)}#omk .price-card .cta{margin-top:auto;padding:14px 22px;border-radius:14px;text-align:center;font-weight:800;font-size:15px;text-decoration:none;background:#fff;color:var(--navy);border:1.5px solid var(--navy);transition:transform .15s}#omk .price-card .cta:hover{transform:translateY(-1px)}#omk .price-card.featured .cta{background:var(--accent-sun);color:var(--navy);border-color:var(--accent-sun)}#omk .price-card .badge{position:absolute;top:-14px;right:24px;background:var(--accent-coral);color:#fff;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}#omk .cta-final{padding:120px 0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,rgba(127,184,224,.15) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(255,194,71,.13) 0%,transparent 55%),var(--sky-soft)}#omk .cta-box{background:var(--navy);color:#fff;border-radius:32px;padding:72px 64px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;box-shadow:0 40px 80px -24px #1b2a4e66;position:relative;overflow:hidden}#omk .cta-box:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,71,.25),transparent 70%)}#omk .cta-box h2{font-family:Caveat,cursive;font-weight:700;font-size:64px;line-height:1;color:#fff;margin:0 0 16px;letter-spacing:-.005em;position:relative}#omk .cta-box h2 .sans{font-family:Nunito;font-weight:900;font-size:.75em;letter-spacing:-.02em;display:block;margin-top:8px}#omk .cta-box p{color:#ffffffbf;font-size:17px;margin:0 0 28px;line-height:1.55;max-width:440px;position:relative}#omk .store-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative}#omk .store-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--navy);padding:12px 20px;border-radius:14px;text-decoration:none;font-weight:700;transition:transform .15s}#omk .store-btn:hover{transform:translateY(-2px)}#omk .store-btn .sm{display:block;font-size:10px;font-weight:700;opacity:.65;text-transform:uppercase;letter-spacing:.05em}#omk .store-btn .lg{display:block;font-size:17px;font-weight:900}#omk .cta-visual{position:relative;height:280px;display:grid;place-items:center}#omk footer{background:var(--cream);color:var(--ink-soft);padding:60px 0 40px;border-top:1px solid rgba(27,42,78,.06)}#omk footer .foot-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}#omk footer h6{color:var(--navy);font-weight:900;margin:0 0 16px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}#omk footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}#omk footer a{color:var(--ink-soft);text-decoration:none;font-size:15px}#omk footer a:hover{color:var(--navy)}#omk footer .brand-col p{font-size:14px;line-height:1.6;max-width:320px;margin:12px 0 0}#omk footer .bottom{margin-top:48px;padding-top:28px;border-top:1px solid rgba(27,42,78,.08);display:flex;justify-content:space-between;font-size:13px;color:var(--ink-faint)}@media(max-width:960px){#omk .hero-grid{grid-template-columns:1fr;gap:30px}#omk .hero-right{height:560px}#omk .how-grid,#omk .price-grid{grid-template-columns:1fr}#omk .skills-grid{grid-template-columns:repeat(2,1fr)}#omk .cta-box{grid-template-columns:1fr;padding:48px 32px}#omk footer .foot-grid{grid-template-columns:1fr 1fr}#omk .preview-stage{height:auto;flex-direction:column;gap:24px;padding-top:20px}#omk .preview .phone{position:relative;left:auto;right:auto;transform:none;margin:0 auto}#omk .preview .phone.p1,#omk .preview .phone.p3{transform:none}}
