:root{--paper:#f4f5f5;--paper-2:#e9ebeb;--card:#fff;--card-2:#fcfdfd;--line:#1216181f;--line-soft:#12161812;--dot:#1216180e;--ink:#1a1714;--ink-soft:#181a1ca3;--ink-faint:#181a1c75;--shadow-sm:0 1px 2.5px #12161814;--shadow:0 16px 32px -12px #1214182e;--shadow-lg:0 26px 52px -18px #1214184d;--radius:20px;--radius-lg:24px;--radius-btn:13px;--focus:#1a1714;--font-display:"Tektur",system-ui,sans-serif;--font-mono:"Martian Mono",ui-monospace,"SFMono-Regular",monospace;--font-body:"Onest",system-ui,sans-serif;--accent:#e0524a;--acc-coral:#e0524a;--soft-coral:#fbe2e0;--acc-grape:#8a7be0;--soft-grape:#ece9fb;--acc-teal:#3e9b8c;--soft-teal:#e0f1ed;--acc-gold:#c8841f;--soft-gold:#fbf0dc}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,.wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700;line-height:1.06}h3{font-family:var(--font-body);letter-spacing:-.01em}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}section{position:relative}a:focus-visible,button:focus-visible,summary:focus-visible,details:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:10px;padding:.7em 1.1em;font-weight:700;transition:top .18s;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.dotbg{background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);z-index:0;pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.btn{font-family:var(--font-body);letter-spacing:-.01em;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:.82em 1.4em;font-size:.97rem;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 10px 26px -8px #1a171473}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -8px #1a171480}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--ink);border-color:var(--line);background:#ffffffd6}.btn-ghost:hover{background:#fff;border-color:#1a171466;transform:translateY(-2px)}.btn-sun{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 10px 26px -8px #1a171473}.btn-sun:hover{transform:translateY(-2px);box-shadow:0 16px 34px -8px #1a171480}.btn-lg{padding:.95em 1.7em;font-size:1.06rem}header{z-index:100;-webkit-backdrop-filter:blur();background:#f4f5f500;transition:background .45s,-webkit-backdrop-filter .45s,backdrop-filter .45s,box-shadow .45s;position:sticky;top:0;box-shadow:0 1px #1a171400,0 8px 24px -16px #1a171400}header.scrolled{-webkit-backdrop-filter:blur(12px);background:#f4f5f5d1;box-shadow:0 1px #1a17140a,0 8px 24px -16px #1a171447}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.wordmark{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:.5em;font-size:1.5rem;font-weight:800;display:flex}.wordmark .brand-mark{flex:none;width:1.5em;height:1.5em;display:block}.wordmark .brand-name{line-height:1}.nav-links{align-items:center;gap:1.6rem;display:flex}.nav-links a{color:var(--ink-soft);font-size:.95rem;font-weight:600;transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:.6rem;display:flex}.lang-switch{font-family:var(--font-body);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.4em .8em;font-size:.82rem;font-weight:700;transition:color .15s,border-color .15s}.lang-switch:hover{color:var(--ink);border-color:#1a171466}.burger{border:1px solid var(--line);cursor:pointer;width:46px;height:46px;color:var(--ink);background:#ffffffb3;border-radius:12px;font-size:1.2rem;display:none}.mobile-menu{border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#f4f5f5f7;display:none}.mobile-menu[hidden]{display:none}.mobile-menu .wrap{flex-direction:column;gap:.2rem;padding-top:.6rem;padding-bottom:1rem;display:flex}.mobile-menu a{color:var(--ink);border-bottom:1px solid var(--line);padding:.7em .2em;font-weight:600}.mobile-menu .mm-lang{color:var(--ink-soft);font-family:var(--font-body);font-weight:700}.mobile-menu .mm-cta{border-bottom:none;justify-content:center;margin-top:.8rem}@media (width<=860px){.nav-links{display:none}.burger{justify-content:center;align-items:center;display:inline-flex}.nav-cta .btn-ghost{display:none}.mobile-menu.open{display:block}}.hero{min-height:calc(100svh - 72px);font-family:var(--font-body);color:var(--ink);background:var(--paper);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:24px 24px;justify-content:center;align-items:center;padding:40px 0;display:flex;position:relative;overflow:hidden}.wall-region{pointer-events:none;position:absolute;inset:0}.wall{top:var(--wall-top,84px);grid-template-columns:repeat(var(--cols,15),var(--cell,64px));grid-auto-rows:var(--cell,64px);place-content:start center;gap:var(--gap,10px);--scale:1.5;pointer-events:auto;display:grid;position:absolute;left:0;right:0}.wall .tile{aspect-ratio:1;appearance:none;opacity:var(--op,1);line-height:0;font:inherit;background:0 0;border:none;margin:0;padding:0;position:relative}.wall .tile.real,.wall .tile.empty{cursor:pointer}.wall .face{background:linear-gradient(150deg,#fff,var(--soft,#eceeee));border:1px solid var(--edge,#1216181a);color:var(--acc,#181a1c47);transform:rotate(var(--rot,0deg));transform-origin:50%;will-change:transform;border-radius:24%;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s,border-color .25s,filter .25s;position:absolute;inset:0;box-shadow:0 1.5px 3px #12161812}.wall .s-glyph{display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.wall .s-glyph svg{width:100%;height:100%}.wall .s-glyph{width:48%;height:48%}.wall .s-qr{opacity:.5;width:27%;height:27%;display:flex;position:absolute;bottom:11%;right:13%}.wall .s-qr svg{width:100%;height:100%}.wall .tile.real .face{box-shadow:0 6px 14px -6px #14121038,0 1.5px 3px #12161814}.wall .tile.real .s-qr{opacity:.7}.wall .tile.active>.face{background:linear-gradient(150deg,#fff,var(--soft));border-color:var(--acc);transform:scale(var(--scale));z-index:40;box-shadow:0 18px 36px -12px #14121066}.wall .tile.active>.face .s-qr{opacity:.85}.wall .tile.active{z-index:70}.wall .pop{z-index:80;pointer-events:none;text-align:left;white-space:normal;background:#fff;border:1px solid #1412101a;border-radius:16px;width:208px;padding:13px 14px;line-height:1.3;display:none;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -12px #14121057}.wall .pop-above{bottom:calc(100% + 10px)}.wall .pop-below{top:calc(100% + 10px)}.wall .tile.active .pop{display:block}.pop-occ{align-items:center;gap:6px;margin-bottom:7px;display:flex}.pop-occ-label{letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;font-weight:700}.pop-title{color:#1a1714;margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.2;display:block}.pop-line{color:#1a171494;font-size:11.5px;line-height:1.4;display:block}.pop-media{border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:4px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.pop-dot{border-radius:50%;width:6px;height:6px}.pop-foot{border-top:1px solid #14121014;align-items:center;gap:8px;margin-top:9px;padding-top:9px;display:flex}.pop-qr{background:#fff;border:1px solid #14121014;border-radius:6px;padding:3px;display:flex}.pop-hint{color:#1a171480;font-size:10px;font-weight:500;line-height:1.3}.hero-center{z-index:60;text-align:center;pointer-events:none;flex-direction:column;align-items:center;max-width:780px;padding:0 20px;display:flex;position:relative}.hero-veil{z-index:-1;pointer-events:none;background:radial-gradient(72% 70%,#f4f5f5 0% 46%,#f4f5f5d1 62%,#f4f5f55c 78%,#f4f5f514 92%,#f4f5f500 100%);position:absolute;inset:-120px -260px}.hero-h1{font-family:var(--font-display);letter-spacing:-.015em;color:#1a1714;margin:0;font-size:clamp(38px,6.4vw,76px);font-weight:700;line-height:1.02}.hero-h1 .serif{font-family:var(--font-display);color:var(--accent);letter-spacing:-.015em;font-weight:700}.hero-sub{color:#1a1714ad;max-width:560px;margin:22px 0 0;font-size:clamp(15px,1.45vw,18.5px);line-height:1.5}.hero-cta{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.hero-note{color:#1a17147a;margin-top:15px;font-size:12.5px}.hero-btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;font-size:15.5px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.hero-btn-ink{color:#fff;background:#1a1714;padding:15px 26px;box-shadow:0 10px 26px -8px #1a17148c}.hero-btn-ink:hover{transform:translateY(-2px);box-shadow:0 16px 34px -8px #1a171499}.hero-btn-soft{backdrop-filter:blur(4px);color:#1a1714;background:#ffffffd6;border-color:#1a17142e;padding:15px 24px}.hero-btn-soft:hover{background:#fff;border-color:#1a171466}.pop-qr-real svg{shape-rendering:crispedges;width:38px;height:38px;display:block}.sec{padding:88px 0}.occasions,.faq,#pricing{background:var(--paper-2)}.final-cta{padding-top:24px}.sec-head{text-align:center;z-index:1;max-width:42rem;margin:0 auto 54px;position:relative}.kicker{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-bottom:1em;font-size:.72rem;font-weight:500;display:inline-block}.sec-head h2{letter-spacing:-.01em;font-size:clamp(2rem,4.6vw,3rem);font-weight:700;line-height:1.06}.sec-head p{color:var(--ink-soft);margin-top:.55em;font-size:1.1rem}.steps{z-index:1;grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.step{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);padding:30px 24px 26px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.step:hover{box-shadow:var(--shadow);border-color:#1a171447;transform:translateY(-4px)}.step .num{background:var(--ink);color:#fff;width:36px;height:36px;font-family:var(--font-mono);border-radius:11px;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:-16px;left:22px;box-shadow:0 8px 18px -6px #1a171466}.step .ico{color:var(--ink);margin:10px 0 14px;display:inline-block}.step h3{letter-spacing:-.02em;margin-bottom:.35em;font-size:1.16rem;font-weight:800}.step p{color:var(--ink-soft);font-size:.95rem}.occ-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.occ{border-radius:var(--radius);cursor:default;box-shadow:var(--shadow-sm);background:var(--card);border:1px solid var(--line);--acc:var(--ink-faint);--soft:var(--paper-2);flex-direction:column;gap:14px;min-height:150px;padding:24px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.occ:hover{box-shadow:var(--shadow);border-color:#1a171447;transform:translateY(-4px)}.occ .emo{color:var(--acc);background:var(--soft);border:1px solid color-mix(in srgb, var(--acc) 22%, transparent);border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.occ h3{letter-spacing:-.02em;color:var(--ink);font-size:1.14rem;font-weight:800}.occ p{color:var(--ink-soft);margin-top:.15em;font-size:.9rem;font-weight:500}.occ.coral{--acc:var(--acc-coral);--soft:var(--soft-coral)}.occ.grape{--acc:var(--acc-grape);--soft:var(--soft-grape)}.occ.teal{--acc:var(--acc-teal);--soft:var(--soft-teal)}.occ.gold{--acc:var(--acc-gold);--soft:var(--soft-gold)}.feat-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.feat{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:30px 26px;transition:transform .2s,box-shadow .2s,border-color .2s}.feat:hover{box-shadow:var(--shadow);border-color:#1a171447;transform:translateY(-4px)}.feat .chip{width:52px;height:52px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:linear-gradient(150deg,#fff,#f1ede4);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feat h3{letter-spacing:-.02em;margin-bottom:.4em;font-size:1.16rem;font-weight:800}.feat p{color:var(--ink-soft);font-size:.95rem}.price-grid{z-index:1;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:stretch;gap:18px;display:grid;position:relative}.price{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;padding:30px 26px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.price:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.price .ribbon{background:var(--ink);color:#fff;font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.45em 1em;font-size:.74rem;font-weight:700;display:inline-flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px -6px #1a171466}.price.free{background:var(--paper-2);border-color:var(--line)}.price.pop{border:2px solid var(--ink);box-shadow:var(--shadow);transform:translateY(-8px)}.price h3{letter-spacing:-.02em;margin-bottom:.2em;font-size:1.24rem;font-weight:800}.price .desc{color:var(--ink-soft);min-height:2.6em;margin-bottom:1em;font-size:.9rem}.price .amount{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--ink);font-size:2.15rem;font-weight:600;line-height:1}.price .amount small{color:var(--ink-faint);letter-spacing:0;font-size:.86rem;font-weight:400;text-decoration:line-through}.price .per{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.01em;margin:.45em 0 1em;font-size:.78rem;font-weight:400}.price ul{flex-direction:column;gap:.55em;margin:.5em 0 1.4em;list-style:none;display:flex}.price li{color:var(--ink-soft);align-items:flex-start;gap:.55em;font-size:.93rem;font-weight:500;display:flex}.price li:before{content:"✓";color:var(--ink);font-size:.95em;font-weight:800}.price .btn{justify-content:center;margin-top:auto}.pay-note{text-align:center;color:var(--ink-soft);z-index:1;margin-top:28px;font-weight:600;position:relative}.faq-list{z-index:1;flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex;position:relative}details{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;padding:2px 6px;transition:box-shadow .2s,border-color .2s}details[open]{box-shadow:var(--shadow);border-color:#1a171452}summary{cursor:pointer;font-family:var(--font-body);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:1em;padding:16px;font-size:1.06rem;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .plus{background:var(--paper-2);width:30px;height:30px;color:var(--ink);border:1px solid var(--line);border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;font-size:1.25rem;transition:transform .25s,background .2s,color .2s;display:flex}details[open] summary .plus{background:var(--ink);color:#fff;border-color:var(--ink);transform:rotate(135deg)}details p{color:var(--ink-soft);padding:0 16px 18px;font-size:.98rem}.cta-band{background:var(--ink);border-radius:var(--radius-lg);text-align:center;color:#fff;box-shadow:var(--shadow-lg);border:1px solid var(--ink);padding:64px 40px;position:relative;overflow:hidden}.cta-band:before,.cta-band:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.cta-band:before{background:radial-gradient(circle,#ffffff1a,#0000 70%);width:300px;height:300px;top:-120px;left:-60px}.cta-band:after{background:radial-gradient(circle,#ffffff14,#0000 70%);width:340px;height:340px;bottom:-150px;right:-70px}.cta-band .em{opacity:.55;color:#fff;position:absolute}.cta-band h2{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;z-index:1;font-size:clamp(2rem,4.8vw,3rem);font-weight:700;line-height:1.06;position:relative}.cta-band p{font-family:var(--font-body);color:#f4f5f5c7;z-index:1;max-width:32rem;margin:.7em auto 1.7em;font-size:1.12rem;position:relative}.cta-band .btn{z-index:1;position:relative}.cta-band .btn-sun{color:var(--ink);background:#fff;border-color:#fff;box-shadow:0 12px 30px -10px #00000080}.cta-band .btn-sun:hover{background:var(--paper);border-color:var(--paper)}.cta-band a:focus-visible,.cta-band button:focus-visible{outline-color:#fff}.cta-band small{color:#f4f5f5a8;z-index:1;margin-top:1.1em;font-weight:600;display:block;position:relative}footer{border-top:1px solid var(--line);margin-top:80px;padding:60px 0 40px}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}.foot-grid .wordmark{margin-bottom:.5em;font-size:1.4rem}.foot-grid .wordmark .dot{color:var(--ink-faint)}.foot-grid p{color:var(--ink-soft);max-width:22em;font-size:.93rem}.foot-col h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);margin-bottom:1em;font-size:.72rem;font-weight:500}.foot-col a{color:var(--ink-soft);padding:.28em 0;font-weight:500;transition:color .15s,transform .15s;display:block}.foot-col a:hover{color:var(--ink);transform:translate(3px)}.foot-bottom{border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:24px;font-size:.88rem;font-weight:500;display:flex}@media (width<=980px){.steps,.occ-grid,.feat-grid{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr 1fr}.price.pop{transform:none}.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.sec{padding:60px 0}.hero{min-height:calc(100svh - 64px);padding:24px 0}.wall{--scale:1.8}.steps,.occ-grid,.feat-grid,.price-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.hero-cta{width:100%}.hero-cta .hero-btn,.cta-band .btn{justify-content:center;width:100%}.cta-band{padding:44px 24px}.nav-cta .btn-primary{display:none}}@media (prefers-reduced-motion:reduce){header{transition:none!important}*{scroll-behavior:auto!important;animation:none!important}}