@font-face {font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/rp-live/assets/optimized/inter-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF;}
@font-face {font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/rp-live/assets/optimized/inter-400-ext.woff2') format('woff2');unicode-range:U+0100-024F;}
@font-face {font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/rp-live/assets/optimized/inter-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF;}
@font-face {font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/rp-live/assets/optimized/inter-500-ext.woff2') format('woff2');unicode-range:U+0100-024F;}
@font-face {font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/rp-live/assets/optimized/inter-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF;}
@font-face {font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/rp-live/assets/optimized/inter-600-ext.woff2') format('woff2');unicode-range:U+0100-024F;}
@font-face {font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/rp-live/assets/optimized/poppins-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF;}
@font-face {font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/rp-live/assets/optimized/poppins-500-ext.woff2') format('woff2');unicode-range:U+0100-024F;}
@font-face {font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/rp-live/assets/optimized/poppins-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF;}
@font-face {font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/rp-live/assets/optimized/poppins-600-ext.woff2') format('woff2');unicode-range:U+0100-024F;}
@font-face {font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/rp-live/assets/optimized/inter-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF;}
@font-face {font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/rp-live/assets/optimized/inter-700-ext.woff2') format('woff2');unicode-range:U+0100-024F;}
@font-face {font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/rp-live/assets/optimized/poppins-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF;}
@font-face {font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/rp-live/assets/optimized/poppins-700-ext.woff2') format('woff2');unicode-range:U+0100-024F;}



*,*::before,*::after { box-sizing:border-box; }
html { scroll-padding-top:90px;-webkit-text-size-adjust:100%;text-size-adjust:100%; }
body { margin:0;background:#f7f3ec;color:#1d1a3f;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol { margin:0; }

h1 { overflow-wrap:break-word; }
button,input,select,textarea { font:inherit; }

:root { --title:700 clamp(38px,5.2vw,66px)/1.18 Poppins,Arial,sans-serif;--title-ls:-1.7px;--section:700 clamp(29px,3.5vw,44px)/1.18 Poppins,Arial,sans-serif;--card:700 clamp(26px,2.6vw,34px)/1.15 Poppins,Arial,sans-serif;--figure:700 clamp(28px,3.1vw,44px)/1.05 Poppins,Arial,sans-serif; }
@media (max-width:850px) { :root { --title:700 clamp(34px,5.4vw,45px)/1.18 Poppins,Arial,sans-serif; } }
@media (max-width:560px) { :root { --title:700 clamp(24px,7.4vw,38px)/1.18 Poppins,Arial,sans-serif;--title-ls:-1.1px; } }
a { color:#1d1a3f; }
a:hover { color:#b43f1d; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid #b43f1d;outline-offset:3px; }
.dark :focus-visible { outline-color:#ffb59b; }
.skip-link { position:absolute;left:20px;top:-100px;z-index:60;padding:12px 20px;border-radius:999px;background:#fffdf9;font-weight:600; }
.skip-link:focus { top:10px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@keyframes rpRise { from { opacity:0;transform:translateY(22px); } to { opacity:1;transform:none; } }
@keyframes rpMarquee { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:no-preference) { html { scroll-behavior:smooth; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important;transition:none !important; } }


.wrap { max-width:1280px;margin:0 auto;padding-inline:clamp(20px,4vw,56px); }
.pad { padding-block:clamp(72px,9vw,120px); }
.kicker { display:flex;align-items:center;gap:10px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.16em;color:#b43f1d; }
.kicker > span { flex:none;width:8px;height:8px;border-radius:50%;background:#ef643d; }
.label { font:600 11px Inter,Arial,sans-serif;letter-spacing:.14em;color:#b43f1d; }
.dark .kicker,.dark .label { color:#ffb59b; }
:is(h1,h2,h3) em { font-style:normal;letter-spacing:-.01em;color:#e0532b; }
.dark :is(h1,h2,h3) em { color:#ff8a63; }
.sec-top { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px; }
.sec-top > div { flex:1 1 560px; }
.sec-top h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.sec-top > p { flex:0 1 380px;font-size:17px;line-height:1.6;color:#4a4766; }
.dark .sec-top > p { color:#d9d4f0; }
.actions { display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px; }


.pill { display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 10px 0 26px;border-radius:999px;background:#1d1a3f;color:#fff;font-size:17px;font-weight:600;text-decoration:none;transition:background .15s; }
.pill:hover { background:#302367;color:#fff; }
.pill > span { flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ef643d; }
.pill img { display:block;width:16px;height:16px; }
.pill.orange { background:#ef643d;color:#1d1a3f; }
.pill.orange:hover { background:#ff7a52;color:#1d1a3f; }
.pill.orange > span { background:#1d1a3f; }
.pill.line { padding:0 26px;border:1.5px solid #8f86c4;background:none;color:#fff;transition:border-color .15s,background .15s; }
.pill.line:hover { border-color:#fff;background:#3b2e7a;color:#fff; }
.pill.sm { height:54px;padding-left:24px;font-size:16px; }
.tlink { display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1d1a3f;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:6px; }
.tlink img { display:block;width:16px;height:16px; }
.dark .tlink { color:#fff; }
.dark .tlink:hover { color:#ffb59b; }
.lift { background:#fffdf9;box-shadow:0 1px 0 #e3dccf;transition:transform .25s,box-shadow .25s; }
.lift:hover { transform:translateY(-5px);box-shadow:0 28px 50px -30px rgba(48,35,103,.5); }




.site-head { position:sticky;top:0;z-index:50;background:#f7f3ec;border-bottom:1px solid #e3dccf; }
.site-head > .wrap { min-height:76px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:12px; }
.site-logo { display:block;flex:none; }
.site-logo img { display:block;width:158px;height:auto; }
.site-head-nav { display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:1 1 520px;min-width:0; }

.site-head nav { display:flex;align-items:center;gap:2px;min-width:0;margin:-6px;padding:6px;overflow-x:auto;scrollbar-width:none; }
.site-head nav::-webkit-scrollbar { display:none; }
.site-head nav a:not(.pill) { display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:15px;font-weight:500;white-space:nowrap;text-decoration:none;color:#1d1a3f;transition:background .15s; }
.site-head nav a:not(.pill):hover,.site-head nav a.on { background:#ebe3d5;color:#1d1a3f; }
.site-head nav a.on { font-weight:600; }
.site-head nav a.on span { width:6px;height:6px;border-radius:50%;background:#ef643d; }
.site-head .pill { flex:none;gap:10px;height:46px;padding:0 8px 0 20px;font-size:15px;white-space:nowrap; }
.site-head .pill > span { width:32px;height:32px; }
.site-head nav > .pill { margin-left:8px; }

.site-menu { display:none; }
.site-head nav[popover] { position:static;width:auto;height:auto;border:0;background:none;color:inherit; }
@supports selector(:popover-open) {
 @media (max-width:1119px) {
  .site-head > .wrap { column-gap:12px; }
  .site-head-nav { flex:0 0 auto; }
  .site-menu { display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px;border:1.5px solid #1d1a3f;border-radius:999px;background:none;color:#1d1a3f;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s; }
  .site-menu:hover { background:#ebe3d5; }
  .site-menu img { display:block; }
  .site-head nav[popover]:not(:popover-open) { display:none; }
  .site-head nav:popover-open { position:fixed;inset:85px clamp(20px,4vw,56px) auto auto;width:min(360px,calc(100vw - 40px));max-height:calc(100dvh - 100px);margin:0;flex-direction:column;align-items:stretch;gap:2px;padding:12px;border:1px solid #e3dccf;border-radius:24px;background:#fffdf9;box-shadow:0 24px 60px rgba(29,26,63,.18);overflow:auto; }
  .site-head nav:popover-open a:not(.pill) { min-height:48px;padding:12px 16px;font-size:16px; }
  .site-head nav:popover-open .pill { justify-content:space-between;margin:10px 0 0; }
  .site-head-nav:has(nav:popover-open) .site-menu { background:#ebe3d5; }
 }
}


.site-foot { background:#efe9df;border-top:1px solid #e3dccf; }
.site-foot > .wrap { padding-top:clamp(56px,7vw,96px); }
.site-foot-top { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px 48px;padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid #ddd4c6; }
.site-foot-top > p { flex:1 1 560px;font:var(--section);letter-spacing:-1.2px;text-wrap:balance; }
.site-foot-top > p span { letter-spacing:-.01em;color:#e0532b; }
.site-foot-top > div { flex:0 1 300px;display:flex;flex-direction:column;align-items:flex-start;gap:18px; }
.site-foot-top img { display:block;width:176px;height:auto; }
.site-foot-top a[href^="mailto"] { font-size:17px;font-weight:600;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:5px; }
.site-foot-links { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:36px 32px;padding:clamp(40px,5vw,56px) 0; }
.site-foot-links h2 { margin-bottom:16px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b43f1d; }
.site-foot-links ul { display:grid;gap:10px;padding:0;list-style:none;font-size:16px; }
.site-foot-links a { text-decoration:none; }
.site-foot-bottom { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding:22px 0 28px;border-top:1px solid #ddd4c6;font:600 12px Inter,Arial,sans-serif;letter-spacing:.04em;color:#5b5873; }
.site-foot-bottom nav { display:flex;flex-wrap:wrap;gap:6px 22px; }
.site-foot-bottom a { color:#5b5873;text-decoration:none; }


.site-cta { position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(17,26,56,.94) 0%,rgba(17,26,56,.86) 50%,rgba(17,26,56,.5) 100%),url(/rp-live/assets/hero-food-backdrop.png) right center/cover no-repeat;color:#fff; }
.site-cta > .wrap { position:relative;padding-block:clamp(72px,10vw,136px); }
.cta-kicker { margin-bottom:22px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffb59b; }
.site-cta h2 { max-width:13ch;font:var(--section);letter-spacing:-1.2px;text-wrap:balance; }
.site-cta h2 + p { max-width:44ch;margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#d9d4f0;text-wrap:pretty; }
.site-cta .actions { gap:12px;margin-top:36px; }
.site-cta .pill img { width:17px;height:17px; }


.faq-block { background:#f7f3ec; }
.faq-block > .wrap { display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px clamp(40px,6vw,96px); }
.faq-intro { flex:1 1 300px; }
.faq-intro .kicker { margin-bottom:20px;text-transform:uppercase; }
.faq-intro h2 { font:var(--section);letter-spacing:-1.2px;text-wrap:balance; }
.faq-intro > p:not(.kicker) { margin-top:22px;font-size:17px;color:#5b5873; }
.faq-intro .tlink { margin-top:10px;text-underline-offset:5px; }
.faq-list { flex:2 1 560px;border-top:1.5px solid #1d1a3f; }
.faq-item { border-bottom:1px solid #d9d0c2; }
.faq-item summary { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;cursor:pointer;list-style:none;font-size:clamp(18px,1.6vw,21px);line-height:1.35;font-weight:600;letter-spacing:-.01em; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:"";flex:none;width:38px;height:38px;border:1.5px solid #1d1a3f;border-radius:50%;background:url(/rp-live/assets/icons/c/plus-ink.svg) center/16px no-repeat; }
.faq-item[open] summary::after { border-color:#ef643d;background:#ef643d url(/rp-live/assets/icons/c/minus-ink.svg) center/16px no-repeat; }
.faq-item > div { max-width:64ch;padding:0 60px 28px 0;font-size:17px;line-height:1.7;color:#4a4766;text-wrap:pretty; }
.faq-item a { font-weight:600;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:4px; }

@media (min-width:1024px) { .faq-intro { position:sticky;top:101px; } }


.dine-hero { position:relative;overflow:hidden;background:linear-gradient(90deg,#fde8dc 0%,rgba(253,232,220,.96) 48%,rgba(253,232,220,.72) 100%),url(/rp-live/assets/dinein-table-scene.webp) center/cover no-repeat; }
.dine-hero-inner { position:relative;padding-top:clamp(40px,6vw,72px); }
.dine-hero-row { display:flex;flex-wrap:wrap;align-items:center;gap:40px clamp(32px,5vw,72px); }
.dine-hero-copy { flex:1 1 480px;min-width:0;padding-bottom:clamp(24px,4vw,48px); }
.dine-hero .kicker { color:#8f3316; }

.dine-hero h1 { margin-top:22px;font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.dine-hero h1 em { color:#c2431d; }
.dine-intro { max-width:38ch;margin-top:28px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#4a3a45;text-wrap:pretty;animation:rpRise .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.dine-hero .actions { margin-top:32px; }
.dine-hero .tlink,.dine-closing .tlink { font-size:17px; }
.dine-hero .tlink img { transform:rotate(90deg); }
.dine-hero-note { display:inline-flex;align-items:center;gap:10px;margin-top:26px;font:600 13px Inter,Arial,sans-serif;color:#4a3a45; }
.dine-hero-note img { display:block;width:16px;height:16px; }
.dine-hero-art { position:relative;flex:1 1 440px;min-width:0;min-height:560px;animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.dine-art-type { position:absolute;right:0;top:8px;font:700 clamp(65px,7.9vw,116px)/1.02 Poppins,Arial,sans-serif;letter-spacing:-.03em;color:#f7c6ad;text-align:right; }
.dine-hero-waiter { position:absolute;left:2%;bottom:40px;width:clamp(140px,15vw,190px);transform:rotate(-6deg); }
.dine-hero-waiter > img { display:block;width:100%;height:auto; }
.dine-hero-waiter > span { display:block;margin-top:14px;text-align:center;font:600 11px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4a3a45; }
.dine-hero-phone { position:absolute;left:50%;top:0;display:block;width:clamp(220px,23vw,290px);transform:translateX(-38%); }

@media (max-width:560px) { .dine-hero-phone { left:auto;right:0;transform:none; } }
:is(.dine-hero-phone,.dine-screen-phone) img { display:block;width:100%;height:auto; }
.dine-scan-note { position:absolute;right:0;bottom:120px;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;background:#fffdf9;border-radius:18px;box-shadow:0 20px 40px -20px rgba(29,26,63,.4); }
.dine-scan-note > span:first-child { display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#1d1a3f; }
.dine-scan-note img { display:block;width:18px;height:18px; }
.dine-scan-note > span:last-child { display:grid;font-size:14px;line-height:1.25;color:#5b5873; }
.dine-scan-note strong { font-size:16px;color:#1d1a3f; }
.dine-art-label { position:absolute;right:8px;bottom:24px;display:flex;align-items:center;gap:8px;font:600 11px Inter,Arial,sans-serif;letter-spacing:.08em;color:#4a3a45; }
.dine-art-label i { width:8px;height:8px;border-radius:50%;background:#1d1a3f; }
.dine-values { position:relative;background:#1d1a3f;color:#fff; }
.dine-values .wrap { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
.dine-values p { display:flex;align-items:center;gap:14px;padding:22px 0;font-size:18px;font-weight:600; }
.dine-values span { font:600 12px Inter,Arial,sans-serif;color:#ffb59b; }
.dine-experience { position:relative;overflow:hidden;background:#302367;color:#fff; }
.dine-experience-row { display:flex;flex-wrap:wrap;align-items:center;gap:40px clamp(32px,5vw,72px);margin-top:52px; }
.dine-steps { flex:1 1 440px;min-width:0;display:grid;gap:12px; }

.dine-step { display:flex;align-items:flex-start;gap:20px;width:100%;padding:24px;border:1px solid #4d4190;border-radius:22px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .15s; }
.dine-step:hover { background:#3a2d78; }
.dine-step-number { flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid #8f86c4;border-radius:50%;font:600 14px Inter,Arial,sans-serif;color:#ffb59b; }
.dine-step-copy { flex:1;display:grid;gap:6px; }
.dine-step strong { font:600 21px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.dine-step-copy > span { font-size:15px;line-height:1.55;color:#c9c3e8; }
.dine-step-arrow { font-size:20px;color:#8f86c4; }
.dine-step[aria-pressed="true"] { border-color:#fffdf9;background:#fffdf9;color:#1d1a3f; }
.dine-step[aria-pressed="true"] .dine-step-number { border-color:#ef643d;background:#ef643d;color:#1d1a3f; }
.dine-step[aria-pressed="true"] .dine-step-copy > span { color:#5b5873; }
.dine-step[aria-pressed="true"] .dine-step-arrow { color:#b43f1d; }
.dine-steps-hint { margin-top:6px;font:600 12px Inter,Arial,sans-serif;color:#c9c3e8; }
.dine-screen { position:relative;flex:1 1 420px;min-width:0;display:flex;flex-direction:column;align-items:center;padding:clamp(32px,5vw,56px) 24px 0;color:#fff; }
.dine-screen-corner { position:absolute;left:24px;top:0;font:600 11px Inter,Arial,sans-serif;letter-spacing:.14em;color:#ffb59b; }
.dine-screen-watermark { position:absolute;right:0;bottom:90px;font:600 clamp(40px,5vw,64px)/1.05 Poppins,Arial,sans-serif;color:#4a3d8e;text-align:right; }
.dine-screen-phone { position:relative;display:block;width:min(300px,80%); }
.dine-screen figcaption { position:relative;margin-top:26px;font-size:18px;font-weight:600;text-align:center; }
.dine-screen-footnote { position:relative;margin-top:6px;font:600 11px Inter,Arial,sans-serif;color:#ffb59b; }
.dine-team { background:#f7f3ec; }
.dine-team-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin-top:48px; }
.dine-team-card { position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;gap:24px;padding:32px;border-radius:28px;overflow:hidden; }
.dine-team-dark { background:#1d1a3f;color:#fff; }
.dine-team-copy { flex:1 1 220px; }
.dine-team-card h3 { margin-top:14px;font:700 clamp(28px,2.8vw,38px)/1.08 Poppins,Arial,sans-serif;letter-spacing:-.025em; }
.dine-team-copy > p:not(.label) { margin-top:14px;font-size:16px;line-height:1.6;color:#5b5873; }
.dine-team-dark .dine-team-copy > p:not(.label) { color:#d9d4f0; }
.dine-team-copy .tlink { margin-top:18px; }
.dine-team-copy .tlink img { width:15px;height:15px; }
.dine-team-device { flex:0 1 170px;margin:0 auto -80px; }
.dine-team-device > img { display:block;width:100%;height:auto; }
.dine-team-device > span { display:block;margin-top:12px;font:600 11px Inter,Arial,sans-serif;text-align:center;color:#5b5873; }
.dine-team-dark .dine-team-device { flex-basis:230px;margin-bottom:-90px; }
.dine-team-dark .dine-team-device > span { color:#c9c3e8; }
.dine-team-note { display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:20px;padding:22px 26px;border:1.5px dashed #b9b0a1;border-radius:22px; }
.dine-team-note > span { display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:700; }
.dine-team-note img { display:block;width:18px;height:18px; }
.dine-team-note p { flex:1 1 320px;font-size:15px;color:#5b5873; }
.dine-team-note a { font-size:15px;font-weight:600;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:5px; }
.dine-setup { background:#efe9df; }
.dine-setup-steps { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin-top:48px;padding:0;list-style:none;border-top:1.5px solid #1d1a3f; }
.dine-setup-steps li { padding:28px 28px 32px 0;border-bottom:1px solid #d9d0c2; }
.dine-setup-steps span { font:600 13px Inter,Arial,sans-serif;color:#b43f1d; }
.dine-setup-steps h3 { margin-top:16px;font:600 26px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.dine-setup-steps p { max-width:34ch;margin-top:8px;font-size:16px;line-height:1.6;color:#5b5873; }
.dine-plans { display:flex;flex-wrap:wrap;align-items:stretch;gap:20px;margin-top:40px; }
.dine-plan-callout { flex:1.2 1 380px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:32px;border-radius:26px;background:#302367;color:#fff; }
.dine-plan-callout h3 { margin-top:14px;font:var(--card);letter-spacing:-.025em; }
.dine-plan-callout p:not(.label) { max-width:46ch;margin-top:14px;font-size:16px;line-height:1.6;color:#d9d4f0; }
.dine-plan-callout .pill { align-self:flex-start; }
.dine-plan-card { flex:1 1 220px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:26px;border-radius:26px; }
.dine-plan-card h3 { margin-top:10px;font:700 28px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.dine-plan-price { display:flex;align-items:baseline;gap:6px;margin-top:10px; }
.dine-plan-price span:first-child { font:var(--figure);letter-spacing:-.025em; }
.dine-plan-price span:last-child { font:600 12px Inter,Arial,sans-serif;color:#5b5873; }
.dine-plan-card > a { display:flex;align-items:center;justify-content:center;height:48px;border:1.5px solid #1d1a3f;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s; }
.dine-plan-card > a:hover { background:#1d1a3f;color:#fff; }
.dine-closing { position:relative;overflow:hidden;background:#ef643d;color:#1d1a3f; }
.dine-closing > .wrap { position:relative;padding-top:clamp(72px,10vw,136px); }
.dine-closing-kicker { font:600 12px Inter,Arial,sans-serif;letter-spacing:.16em; }
.dine-closing h2 { margin-top:20px;font:var(--section);letter-spacing:-1.2px; }
.dine-closing h2 em { color:#fff; }
.dine-closing .actions { margin-top:36px; }
.dine-closing .pill > span { background:#fff; }
.dine-closing .tlink { font-weight:700;text-decoration-color:#1d1a3f; }
.dine-closing .tlink:hover { color:#1d1a3f; }
.dine-closing :focus-visible { outline-color:#1d1a3f; }
.dine-closing-line { display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:clamp(56px,8vw,96px);padding:24px 0;border-top:1.5px solid #1d1a3f;font:600 13px Inter,Arial,sans-serif;letter-spacing:.16em; }


.crumbs { display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c9c3e8; }
.crumbs a { color:#c9c3e8;text-decoration:none; }
.crumbs > span:last-child { color:#ffb59b; }

.notch { position:relative;height:0;margin:0 22px;border-top:2px dashed #ddd4c6; }
.notch::before,.notch::after { content:"";position:absolute;top:-14px;width:28px;height:28px;border-radius:50%;background:#f7f3ec; }
.notch::before { left:-36px; }
.notch::after { right:-36px; }


.pr-hero { position:relative;overflow:hidden;background:linear-gradient(100deg,#111a38 0%,rgba(17,26,56,.88) 40%,rgba(17,26,56,.3) 100%),url(/rp-live/assets/hero-food-backdrop.png) right center/cover no-repeat;color:#fff; }
.pr-hero > .wrap { padding-block:clamp(28px,4vw,44px) clamp(64px,8vw,104px); }
.pr-hero-row { display:flex;flex-wrap:wrap;align-items:flex-end;gap:48px clamp(40px,6vw,88px);margin-top:clamp(36px,5vw,64px); }
.pr-hero-copy { flex:1 1 560px;min-width:0; }
.pr-hero-copy h1 { font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.pr-hero-copy h1 span { letter-spacing:-.01em;color:#ff8a63; }
.pr-lead { max-width:40ch;margin-top:28px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#d9d4f0;text-wrap:pretty;animation:rpRise .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.pr-chips { display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding:0;list-style:none; }
.pr-chips li { padding:8px 14px;border:1px solid #5a628a;border-radius:999px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.04em; }
.pr-chips li:last-child { border-color:#f6cdb7;background:#fde8dc;color:#8f3316; }
.pill.pr-compare { gap:10px;height:54px;padding:0 24px;margin-top:32px;font-size:16px; }
.pr-compare img { transform:rotate(90deg); }

.pr-finder { position:relative;flex:1 1 380px;max-width:500px;color:#1d1a3f;filter:drop-shadow(0 30px 32px rgba(8,6,32,.42));animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.pr-finder :focus-visible { outline-color:#b43f1d; }
.pr-finder-body { padding:30px 30px 28px;border-radius:22px 22px 0 0;background:radial-gradient(circle at 0 100%,#0000 14px,#fffdf9 14.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 100%,#0000 14px,#fffdf9 14.5px) right/51% 100% no-repeat; }
.pr-finder-result { position:relative;padding:24px 30px 30px;border-radius:0 0 22px 22px;background:radial-gradient(circle at 0 0,#0000 14px,#fffdf9 14.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 0,#0000 14px,#fffdf9 14.5px) right/51% 100% no-repeat; }
.pr-finder-result::before { content:"";position:absolute;left:26px;right:26px;top:-1px;border-top:2px dashed #ddd4c6; }
.pr-finder .kicker { color:#b43f1d; }
.pr-finder h2 { margin-top:12px;font:600 clamp(24px,2.2vw,28px)/1.12 Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.pr-finder h2 + p { margin-top:8px;font-size:15px;line-height:1.5;color:#5b5873; }
.pr-finder fieldset { min-width:0;margin:22px 0 0;padding:0;border:0; }
.pr-finder legend { display:flex;justify-content:space-between;gap:12px;width:100%;margin-bottom:10px;padding:0;font-size:14px;font-weight:600; }
.pr-finder legend span { font-weight:500;color:#6b6880; }
.pr-finder fieldset label { position:relative;display:block;cursor:pointer; }
.pr-finder fieldset input { position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer; }
.pr-finder input:focus-visible + span { outline:3px solid #b43f1d;outline-offset:2px; }
.pr-seg > div { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:#efe9df; }
.pr-seg label > span { display:grid;place-items:center;height:44px;border-radius:10px;font:600 15px Inter,Arial,sans-serif;color:#4a4766;transition:background .15s,color .15s; }
.pr-seg label:hover > span { background:#e3dccf;color:#1d1a3f; }
.pr-seg input:checked + span { background:#1d1a3f;color:#fff;box-shadow:0 8px 16px -10px rgba(29,26,63,.8); }
.pr-caps > div { display:flex;flex-wrap:wrap;gap:8px; }
.pr-caps label > span { display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px 0 12px;border:1.5px solid #d9d0c2;border-radius:999px;background:#fff;font-size:14px;font-weight:600;transition:border-color .15s,background .15s; }
.pr-caps label > span img { display:block; }
.pr-caps i { display:none;place-items:center;width:20px;height:20px;margin-right:-6px;border-radius:50%;background:#ef643d; }
.pr-caps label:hover > span { border-color:#1d1a3f; }
.pr-caps input:checked + span { border-color:#ef643d;background:#fde8dc; }
.pr-caps input:checked + span i { display:grid; }
.pr-rec-head { display:flex;justify-content:space-between;gap:12px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5b5873; }
.pr-rec-head span + span { font-weight:500;letter-spacing:.02em;text-transform:none;color:#7a7590; }

.pr-ladder { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;padding:0;list-style:none; }
@media (min-width:560px) { .pr-ladder { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.pr-ladder li { position:relative;display:grid;gap:2px;padding:10px;border:1.5px solid #e3dccf;border-radius:12px;background:#fff;transition:background .2s,border-color .2s,color .2s,opacity .2s; }
.pr-ladder b { font:600 12px Inter,Arial,sans-serif;white-space:nowrap; }
.pr-ladder span { font:700 18px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.pr-ladder .short { border-style:dashed;background:none;color:#6b6880; }
.pr-ladder .on { border-color:#1d1a3f;background:#1d1a3f;color:#fff;box-shadow:0 12px 22px -14px rgba(29,26,63,.9); }
.pr-ladder .on::after { content:"";position:absolute;top:-8px;right:-8px;width:22px;height:22px;border:2.5px solid #fffdf9;border-radius:50%;background:#ef643d url(/rp-live/assets/icons/c/check-ink.svg) center/12px no-repeat; }
.pr-covers { display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;padding:0;list-style:none;font-size:14px;font-weight:500;color:#4a4766; }
.pr-covers li { display:flex;align-items:center;gap:6px; }
.pr-covers img { display:block;flex:none; }
.pill.pr-rec-link { display:flex;justify-content:space-between;width:100%;height:52px;margin-top:20px;padding:0 8px 0 22px;font-size:16px; }
.pr-rec-link em { font-style:normal; }
.pr-rec-link b { font-weight:inherit; }
.pr-rec-none { font-size:18px;font-weight:600;line-height:1.4; }
.pr-plans { background:#efe9df; }
.pr-plans > .wrap { padding-block:clamp(64px,8vw,104px); }
.pr-plan-row { display:flex;flex-wrap:wrap;align-items:stretch;gap:22px; }
.pr-plan-row > div { flex:1 1 540px;min-width:0;display:flex;flex-wrap:wrap;gap:22px; }
.pr-plan { position:relative;flex:1 1 262px;min-width:0;display:flex;flex-direction:column;border-radius:24px; }
.pr-plan.lift { box-shadow:0 1px 0 #e3dccf,0 24px 50px -36px rgba(48,35,103,.5); }
.pr-plan.lift:hover { box-shadow:0 28px 50px -30px rgba(48,35,103,.5); }
.pr-plan-dark { background:#302367;color:#fff;box-shadow:0 34px 60px -34px rgba(48,35,103,.8); }
.pr-plan-top { padding:30px 26px 26px; }
.pr-plan .label { font-size:12px; }
.pr-plan h2 { margin-top:14px;font:var(--card);letter-spacing:-.025em; }
.pr-plan h2 + p { min-height:48px;margin-top:10px;font-size:16px;color:#5b5873; }
.pr-plan-dark h2 + p,.pr-plan-dark .pr-price span:last-child { color:#d9d4f0; }
.pr-price { display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin-top:22px; }

.pr-price span:first-child { font:var(--figure);font-size:clamp(28px,3.1vw,40px);letter-spacing:-.03em; }
.pr-price span:last-child { font:600 14px Inter,Arial,sans-serif;color:#5b5873;white-space:nowrap; }
.pr-choose { display:flex;align-items:center;justify-content:center;gap:10px;height:52px;margin-top:24px;border:1.5px solid #1d1a3f;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,color .15s; }
.pr-choose:hover { background:#1d1a3f;color:#fff; }
.pr-plan-dark .pr-choose { border:0;background:#ef643d;color:#1d1a3f;font-weight:700; }
.pr-plan-dark .pr-choose:hover { background:#ff7a52;color:#1d1a3f; }
.pr-choose img { display:block;width:16px;height:16px; }
.pr-plan .notch { margin:0 20px;border-top-color:#e0d8ca; }
.pr-plan .notch::before,.pr-plan .notch::after { top:-13px;width:26px;height:26px;background:#efe9df; }
.pr-plan .notch::before { left:-34px; }
.pr-plan .notch::after { right:-34px; }
.pr-plan-dark .notch { border-top-color:#5a4f96; }
.pr-checks { display:grid;gap:13px;padding:24px 26px 30px;list-style:none;font-size:15px;line-height:1.4; }
.pr-checks li { display:flex;gap:12px; }
.pr-checks img { display:block;flex:none;width:18px;height:18px;margin-top:1px; }
.pr-ring,.pr-badge { display:none; }
.finder-match .pr-ring { display:block;position:absolute;inset:-4px;border:3px solid #ef643d;border-radius:28px;pointer-events:none; }
.finder-match .pr-badge { display:block;position:absolute;top:-13px;left:24px;padding:5px 11px;border-radius:999px;background:#ef643d;color:#1d1a3f;font:600 11px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase; }
.finder-match[data-plan-card="starter"] .pr-badge { top:-14px;left:20px;padding:6px 12px;transform:rotate(-3deg);box-shadow:0 8px 20px -10px rgba(29,26,63,.5); }
.pr-free { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:28px;padding:28px 30px;border:2px dashed #1d1a3f;border-radius:24px; }
.pr-free > div { flex:1 1 420px; }
.pr-free .label { font-size:12px; }
.pr-free h2 { margin-top:10px;font:600 clamp(26px,2.6vw,34px)/1.1 Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.pr-free h2 + p { margin-top:8px;font-size:16px;color:#5b5873; }
.pr-free .pill { flex:none;gap:10px;height:54px;padding:0 24px;font-size:16px; }
.pr-free .pill img { width:17px;height:17px; }
.pr-note { max-width:88ch;margin-top:22px;font-size:14px;line-height:1.7;color:#5b5873; }
.pr-note a { font-weight:600;text-decoration-color:#ef643d;text-underline-offset:4px; }
.pr-pro-sec > .wrap { padding-top:clamp(64px,8vw,104px); }
.pr-pro { position:relative;overflow:hidden;border-radius:28px;background:#fde8dc; }
.pr-pro-body { position:relative;display:flex;flex-wrap:wrap;gap:40px clamp(40px,6vw,88px);padding:clamp(32px,5vw,64px); }
.pr-pro-body > div:first-child { flex:1 1 420px; }
.pr-pro-body > div:last-child { flex:1 1 380px; }
.pr-pro-tags { display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.12em; }
.pr-pro-tags span:first-child { padding:6px 12px;border-radius:999px;background:#1d1a3f;color:#fff;text-transform:uppercase;transform:rotate(-2deg); }
.pr-pro-tags span:last-child { color:#8f3316; }
.pr-pro h2 { margin-top:22px;font:var(--section);letter-spacing:-1.2px; }
.pr-pro h2 span { color:#c2431d; }
.pr-pro-promise { margin-top:22px;font-size:clamp(22px,2.2vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.02em; }
.pr-pro-intro { max-width:46ch;margin-top:16px;font-size:17px;line-height:1.6;color:#4a4766; }
.pr-pro .pill { gap:10px;height:52px;padding:0 8px 0 22px;margin-top:28px;font-size:16px; }
.pr-pro-kicker { font:600 12px Inter,Arial,sans-serif;letter-spacing:.16em;color:#8f3316; }
.pr-pro ol { margin-top:14px;padding:0;list-style:none;border-top:1.5px solid #1d1a3f; }
.pr-pro li { display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #efc3ab; }
.pr-pro li > span { padding-top:4px;font:600 13px Inter,Arial,sans-serif;color:#8f3316; }
.pr-pro h3 { font:700 20px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.pr-pro li p { margin-top:4px;font-size:15px;color:#4a4766; }
.pr-pro-context { margin-top:16px;font-size:14px;color:#4a4766; }
.pr-pro-bar { position:relative;padding:18px clamp(32px,5vw,64px);background:#1d1a3f;color:#e6e2f7;font-size:15px; }
.pr-pro-bar strong { color:#fff; }
.pr-compare-top { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 48px; }
.pr-compare-top > div:first-child { flex:1 1 520px; }
.pr-compare-top h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px;text-wrap:balance; }
.pr-compare-top h2 + p { max-width:52ch;margin-top:18px;font-size:18px;line-height:1.55;color:#4a4766; }
.pr-search { flex:0 1 360px;min-width:260px; }
.pr-search label { display:block;margin-bottom:8px;font-size:14px;font-weight:600; }
.pr-search input { width:100%;height:54px;padding:0 18px;border:1.5px solid #1d1a3f;border-radius:999px;background:#fffdf9;color:#1d1a3f;font-size:16px;outline-color:#ef643d; }
.pr-search p { min-height:22px;margin-top:8px;font:600 12px Inter,Arial,sans-serif;color:#5b5873; }
.pr-table { margin-top:28px;max-height:760px;overflow:auto;border-radius:22px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 24px 50px -40px rgba(48,35,103,.5); }
.pr-table table { width:100%;min-width:780px;border-collapse:separate;border-spacing:0;font-size:15px; }
.pr-table caption { caption-side:top;padding:18px 24px;background:#fffdf9;text-align:left;font:600 12px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5b5873; }
.pr-table thead th { position:sticky;top:0;z-index:2;min-width:112px;padding:14px 12px;background:#1d1a3f;color:#fff;text-align:center; }
.pr-table thead th:first-child { left:0;z-index:3;min-width:0;padding:16px 24px;text-align:left;font-weight:600; }
.pr-table thead span { display:block;font-size:16px;font-weight:700; }
.pr-table thead span + span { margin-top:3px;font:400 11px Inter,Arial,sans-serif;color:#c9c3e8; }
.pr-table tbody tr { transition:background .1s; }
.pr-table tbody tr:hover { background:#faf5ec; }
.pr-table tbody th { position:sticky;left:0;z-index:1;padding:14px 24px;border-bottom:1px solid #eee6d9;background:#fffdf9;text-align:left;font-weight:500; }
.pr-table td { padding:12px;border-bottom:1px solid #eee6d9;text-align:center; }
.pr-yes { display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fde8dc; }
.pr-yes img { display:block;width:15px;height:15px; }
.pr-no { color:#b9b0a1;font-weight:600; }

.pr-pro.sm { margin-top:32px;border-radius:26px; }
.pr-pro.sm .pr-pro-body { gap:32px clamp(32px,5vw,72px);padding:clamp(28px,4vw,48px); }
.pr-pro.sm .pr-pro-body > div:first-child { flex-basis:380px; }
.pr-pro.sm .pr-pro-body > div:last-child { flex-basis:340px; }
.pr-pro h3 { font:700 20px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.pr-pro.sm h3 { margin-top:18px;font:var(--card);letter-spacing:-.025em; }
.pr-pro.sm h3 span { color:#c2431d; }
.pr-pro.sm h4 { font:700 18px Poppins,Arial,sans-serif; }
.pr-pro.sm .pr-pro-promise { margin-top:16px;font-size:22px;letter-spacing:-.01em; }
.pr-pro.sm .pr-pro-intro { margin-top:12px;font-size:16px; }
.pr-pro.sm .pill { height:50px;padding:0 8px 0 20px;margin-top:22px;font-size:15px; }
.pr-pro.sm .pill > span { width:34px;height:34px; }
.pr-pro.sm .pill img { width:15px;height:15px; }
.pr-pro.sm ol { margin-top:12px; }
.pr-pro.sm li { gap:16px;padding:16px 0; }
.pr-pro.sm li > span { padding-top:3px; }
.pr-pro.sm li p { margin-top:3px; }
.pr-pro.sm .pr-pro-context { margin-top:14px; }
.pr-pro.sm .pr-pro-bar { padding:16px clamp(28px,4vw,48px); }


.ex-hero-row { display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(40px,6vw,80px);margin-top:clamp(36px,5vw,64px); }
.ex-hero-copy { flex:1 1 520px;min-width:0; }
.ex-hero h1 { font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.ex-lead { max-width:44ch;margin-top:28px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#d9d4f0;text-wrap:pretty;animation:rpRise .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.ex-hero .actions { gap:12px;margin-top:34px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }
.ex-explore img { transform:rotate(90deg); }
.ex-feature { flex:1 1 440px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.ex-feat { display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fffdf9;color:#1d1a3f;text-decoration:none;transition:transform .2s; }
.ex-feat:hover { transform:translateY(-4px);color:#1d1a3f; }
.ex-feat > img { display:block;width:100%;aspect-ratio:4/3;object-fit:cover; }
.ex-feat > span { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font-size:17px;font-weight:700;line-height:1.2; }
.ex-feat > span img { display:block;flex:none;width:16px;height:16px; }
.ex-feat-wide { grid-column:1/-1; }
.ex-feat-wide > img { aspect-ratio:21/9; }
.ex-feat-wide > span { padding:16px 20px;font-size:19px;line-height:normal;letter-spacing:-.01em; }
.ex-feat-wide > span img { width:18px;height:18px; }
@media (max-width:560px) { .ex-feat > span { padding:12px 14px;font-size:15px; } }
.ex-marquee { overflow:hidden;padding:15px 0;background:#ef643d;color:#1d1a3f; }
.ex-marquee > div { display:flex;gap:44px;width:max-content;animation:rpMarquee 80s linear infinite; }
.ex-marquee span { display:inline-flex;align-items:center;gap:44px;font:600 17px Poppins,Arial,sans-serif;white-space:nowrap; }
.ex-marquee i { width:6px;height:6px;border-radius:50%;background:#1d1a3f; }
.ex-catalog > .wrap { padding-block:clamp(64px,8vw,104px) clamp(72px,9vw,120px); }
.ex-top { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px; }
.ex-top h2 { margin-top:16px;font:var(--section);letter-spacing:-1.2px; }
.ex-top > p { font:600 13px Inter,Arial,sans-serif;letter-spacing:.06em;color:#5b5873; }

.ex-filters { position:sticky;top:89px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px;padding:22px 24px; }
@supports not selector(:popover-open) { @media (max-width:767px) { .ex-filters { top:123px; } } }

.ex-filters::before,.ex-filters::after { content:'';position:absolute;z-index:-1; }
.ex-filters::before { inset:-12px 0 auto;height:34px;z-index:-2;background:#f7f3ec; }
.ex-filters::after { inset:0;border-radius:22px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 18px 30px -22px rgba(48,35,103,.45); }
.ex-filters [role="group"] { flex:1 1 560px;display:flex;flex-wrap:wrap;gap:8px; }
.ex-filters button { display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1.5px solid #d9d0c2;border-radius:999px;background:transparent;color:#1d1a3f;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s; }
.ex-filters button:hover { border-color:#1d1a3f; }
.ex-filters button span { font:600 11px Inter,Arial,sans-serif;color:#5b5873; }
.ex-filters button[aria-pressed="true"] { border-color:#1d1a3f;background:#1d1a3f;color:#fff;font-weight:600; }
.ex-filters button[aria-pressed="true"] span { color:#ffb59b; }
.ex-filters label { position:relative;display:block;flex:0 1 340px;min-width:240px; }
.ex-filters input { width:100%;height:46px;padding:0 18px;border:1.5px solid #1d1a3f;border-radius:999px;background:#fffdf9;color:#1d1a3f;font-size:15px;outline-color:#ef643d; }
@media (max-width:1099px) {
  .ex-filters { flex-wrap:nowrap;gap:12px 16px;padding:12px 16px; }
  
  .ex-filters [role="group"] { flex:1 1 0;min-width:0;flex-wrap:nowrap;margin:-4px;padding:4px 28px 4px 4px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent); }
  .ex-filters [role="group"]::-webkit-scrollbar { display:none; }
  .ex-filters button { flex:none; }
  .ex-filters label { flex:0 0 220px;min-width:0; }
}
@media (max-width:719px) {
  .ex-filters { flex-wrap:wrap; }
  .ex-filters label { flex-basis:100%; }
}
.ex-rows { margin-top:28px;border-top:1.5px solid #1d1a3f; }
.ex-row { display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:20px 12px 20px 0;border-bottom:1px solid #ddd4c6;color:#1d1a3f;text-decoration:none;transition:background .15s,padding .2s; }
.ex-row:hover { padding-left:12px;background:#fffdf9;color:#1d1a3f; }
.ex-row > img { flex:none;display:block;width:128px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#e9e2d6; }
.ex-row-copy { flex:1 1 340px;min-width:0;display:block; }
.ex-row-copy > span { display:block; }
.ex-row-copy > span:first-child { font:600 11px Inter,Arial,sans-serif;letter-spacing:.14em;color:#b43f1d; }
.ex-row-copy > span:nth-child(2) { margin-top:6px;font:600 clamp(21px,2vw,26px)/1.15 Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.ex-row-copy > span:last-child { max-width:68ch;margin-top:6px;font-size:15px;line-height:1.55;color:#5b5873; }
.ex-row-plan { flex:0 1 250px;display:flex;align-items:center;justify-content:space-between;gap:16px; }
.ex-row-plan > span:first-child { font-size:14px;line-height:1.4;font-weight:500; }
.ex-row-plan > span:last-child { flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1.5px solid #1d1a3f;border-radius:50%; }
.ex-row-plan img { display:block;width:16px;height:16px; }
.ex-empty { padding:56px 0;text-align:center; }
.ex-empty h2 { font:600 32px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.ex-empty p { margin-top:10px;font-size:17px;color:#5b5873; }
.ex-empty button { height:50px;margin-top:22px;padding:0 24px;border:1.5px solid #1d1a3f;border-radius:999px;background:transparent;color:#1d1a3f;font-size:16px;font-weight:600;cursor:pointer; }
.ex-help { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:40px;padding:26px 30px;border-radius:22px;background:#efe9df; }
.ex-help h3 { font:600 24px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.ex-help p { margin-top:4px;font-size:16px;color:#5b5873; }

.crumbs.light,.crumbs.light a { color:#5b5873; }
.crumbs.light > span:last-child { color:#b43f1d; }
.pill.ghost { padding:0 26px;border:1.5px solid #1d1a3f;background:none;color:#1d1a3f; }
.pill.ghost:hover { background:#fde8dc;color:#1d1a3f; }


html:has(.ext-subnav) { scroll-padding-top:140px; }
.ext-hero { background:#f7f3ec radial-gradient(#e2dacb 1.2px,transparent 1.2px) 0 0/24px 24px; }
.ext-hero > .wrap { padding-block:clamp(28px,4vw,44px) clamp(56px,7vw,88px); }
.ext-hero-row { display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(40px,6vw,88px);margin-top:clamp(32px,5vw,56px); }
.ext-hero-copy { flex:1 1 500px;min-width:0; }
.ext-hero h1 { font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.ext-intro { max-width:48ch;margin-top:26px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#4a4766;text-wrap:pretty;animation:rpRise .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.ext-badge { display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:10px 16px 10px 12px;border-radius:14px;background:#fde8dc;color:#8f3316;font-size:15px;font-weight:600;text-decoration:none; }
.ext-badge:hover { background:#fbd9c6;color:#8f3316; }
.ext-badge > span { display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ef643d; }
.ext-badge img { display:block;width:14px;height:14px; }
.ext-hero-copy .actions { gap:12px;margin-top:30px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }
.ext-cover { flex:1 1 440px;min-width:0;animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.ext-cover > div { position:relative;overflow:hidden;border-radius:30px;background:#e9e2d6;box-shadow:0 40px 80px -48px rgba(48,35,103,.7);transform:rotate(-2.5deg); }
.ext-cover > div > img { display:block;width:100%;aspect-ratio:4/3;object-fit:cover; }
.ext-cover > div > span { position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:#fffdf9;font:600 11px Inter,Arial,sans-serif;letter-spacing:.12em; }
.ext-cover > div > span > span { display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#1d1a3f; }
.ext-cover span img { display:block;width:14px;height:14px; }
.ext-cover figcaption { margin-top:14px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.04em;color:#5b5873; }
.ext-subnav { position:sticky;top:77px;z-index:30;background:#1d1a3f;color:#fff; }

@supports not selector(:popover-open) { @media (max-width:767px) { .ext-subnav { top:111px; } } }
.ext-subnav > .wrap { min-height:60px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px; }
.ext-subnav > .wrap > span:first-child { font:600 11px Inter,Arial,sans-serif;letter-spacing:.16em;color:#ffb59b; }
.ext-subnav > .wrap > div { flex:1 1 auto;display:flex;flex-wrap:wrap;gap:2px 4px; }
.ext-subnav a { padding:8px 12px;border-radius:999px;color:#fff;font-size:15px;text-decoration:none; }
.ext-subnav a:hover { background:#302367;color:#fff; }
.ext-subnav > .wrap > span:last-child { font-size:14px;color:#c9c3e8; }

@media (max-width:1023px) { .ext-subnav > .wrap > span:last-child { display:none; } }
@media (max-width:767px) {
  .ext-subnav > .wrap { flex-wrap:nowrap;min-height:52px;overflow-x:auto;scrollbar-width:none; }
  .ext-subnav > .wrap > span:first-child { display:none; }
  .ext-subnav > .wrap > div { flex-wrap:nowrap;margin-inline:-12px; }
  .ext-subnav a { padding:12px;white-space:nowrap; }
  .ext-subnav::after { content:'';position:absolute;top:0;right:0;bottom:0;width:28px;background:linear-gradient(90deg,rgba(29,26,63,0),#1d1a3f);pointer-events:none; }
}
.ext-features .wrap { display:flex;flex-wrap:wrap;align-items:flex-start;gap:48px clamp(40px,5vw,72px); }
.ext-features-main { flex:2 1 560px;min-width:0; }
.ext-features h2 { max-width:16ch;margin-top:18px;font:var(--section);letter-spacing:-1.2px;text-wrap:balance; }
.ext-feature-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:40px; }
.ext-feature-grid article { padding:24px;border-radius:20px; }
.ext-feature-grid span { display:block;font:var(--figure);letter-spacing:-.03em;color:#ef643d; }
.ext-feature-grid h3 { margin-top:18px;font:700 21px/1.2 Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.ext-feature-grid p { margin-top:8px;font-size:15px;line-height:1.6;color:#5b5873; }
.ext-glance { position:sticky;top:156px;flex:1 1 320px;border-radius:24px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 30px 60px -40px rgba(48,35,103,.5); }
.ext-glance-top { padding:28px 28px 22px; }
.ext-glance-top .label { letter-spacing:.16em; }
.ext-glance-top h3 { margin-top:12px;font:700 28px/1.05 Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.ext-glance .notch { margin:0 18px; }
.ext-glance .notch::before,.ext-glance .notch::after { top:-13px;width:26px;height:26px; }
.ext-glance .notch::before { left:-32px; }
.ext-glance .notch::after { right:-32px; }
.ext-glance dl { padding:8px 28px 0; }
.ext-glance dl > div { display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #eee6d9; }
.ext-glance dl > div:last-child { border-bottom:0; }
.ext-glance dt { padding-top:2px;font:600 12px Inter,Arial,sans-serif;color:#5b5873; }
.ext-glance dd { font-size:15px;font-weight:600;text-align:right; }
.ext-glance-foot { padding:6px 28px 28px; }
.ext-glance-foot > p { padding:14px 16px;border-radius:14px;background:#f7f3ec;font-size:14px;line-height:1.6;color:#5b5873; }
.ext-glance-foot > div { display:grid;gap:4px;margin-top:14px; }
.ext-glance-foot a { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:15px;font-weight:600;text-decoration:none; }
.ext-glance-foot a:first-child { border-bottom:1px solid #eee6d9; }
.ext-glance-foot img { display:block;width:16px;height:16px; }
.ext-setup { position:relative;overflow:hidden;background:#302367;color:#fff; }
.ext-setup-top { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px; }
.ext-setup-top > div:first-child { flex:1 1 480px; }
.ext-setup-top > div:last-child { flex:0 1 380px; }
.ext-setup-top h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.ext-setup-top > div:last-child p { font-size:17px;line-height:1.6;color:#d9d4f0; }
.ext-setup-top .tlink { margin-top:12px; }
.ext-setup ol { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:48px;padding:0;list-style:none; }
.ext-setup li { position:relative;padding:28px;border:1px solid #4d4190;border-radius:22px;background:#3a2d78; }
.ext-setup li > span { display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#ef643d;color:#1d1a3f;font:500 15px Inter,Arial,sans-serif; }
.ext-setup h3 { margin-top:24px;font:700 22px/1.2 Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.ext-setup li p { margin-top:8px;font-size:15px;line-height:1.6;color:#d9d4f0; }
.ext-req { background:#efe9df; }
.ext-req h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.ext-req-row { display:flex;flex-wrap:wrap;align-items:stretch;gap:24px;margin-top:44px; }
.ext-req-card { flex:1 1 380px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(24px,4vw,32px);border-radius:24px;background:#1d1a3f;color:#fff; }
.ext-req-card .label { font-size:12px; }
.ext-req-card h3 { margin-top:14px;font:600 clamp(22px,2.6vw,34px)/1.15 Poppins,Arial,sans-serif;letter-spacing:-.02em;text-wrap:balance; }
.ext-req-card h3 + p { margin-top:14px;font-size:16px;line-height:1.6;color:#d9d4f0; }
.ext-req-card .actions { gap:12px 22px; }
.ext-req-card .pill { height:52px;padding:0 8px 0 22px;font-size:16px; }
.ext-plans { flex:1.4 1 460px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px; }
.ext-plan { position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:24px;border-radius:22px; }
.ext-ring { position:absolute;inset:-3px;border:3px solid #ef643d;border-radius:25px;pointer-events:none; }
.ext-plan h3 { margin-top:10px;font:700 26px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.ext-plan-price { display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:10px; }
.ext-plan-price span:first-child { font:var(--card);letter-spacing:-.025em; }
.ext-plan-price span:last-child { font:600 12px Inter,Arial,sans-serif;color:#5b5873;white-space:nowrap; }
.ext-plan > a { display:flex;align-items:center;justify-content:center;height:46px;border:1.5px solid #1d1a3f;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s; }
.ext-plan > a:hover { background:#1d1a3f;color:#fff; }
@media (min-width:1024px) { .page-extension .faq-intro { top:161px; } }
.ext-related { background:#efe9df; }
.ext-related h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.ext-related-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin-top:40px; }
.ext-related-grid article { display:flex;flex-direction:column;overflow:hidden;border-radius:24px; }
.ext-related-grid article > a { display:block; }
.ext-related-grid article > a img { display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#e9e2d6; }
.ext-related-grid article > div { flex:1;display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px; }
.ext-related-grid h3 { font:600 23px/1.15 Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.ext-related-grid h3 a { text-decoration:none; }
.ext-related-grid p { font-size:15px;line-height:1.55;color:#5b5873; }
.ext-related-grid div > span:not(.label) { margin-top:auto;padding-top:8px;font-size:14px;font-weight:600; }
.ext-related-grid .tlink { align-self:flex-start;font-size:15px; }
.ext-related-grid .tlink img { width:15px;height:15px; }


.apps-hero > .wrap { padding-bottom:clamp(56px,7vw,88px); }
.apps-hero-row { display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(32px,5vw,72px);margin-top:clamp(36px,5vw,64px); }
.apps-hero-copy { flex:1 1 480px;min-width:0; }
.apps-hero h1 { font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.apps-hero .ex-lead { max-width:42ch; }
.apps-hero .actions { gap:12px;margin-top:34px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }
.apps-trio { flex:1 1 440px;min-width:0;animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.apps-trio img { display:block;width:600px;max-width:100%;height:auto;margin-inline:auto; }
.apps-trio figcaption { margin-top:40px;text-align:center;font-size:17px;line-height:1.5;color:#e6e2f7; }
.apps-trio strong { font-weight:700;color:#fff; }
.apps-roles { background:#1d1a3f; }
.apps-roles > .wrap { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); }
.apps-roles a { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 20px;border-right:1px solid #3a3566;color:#fff;text-decoration:none;transition:background .15s; }
.apps-roles a:first-child { padding-left:0; }
.apps-roles a:last-child { border-right:0; }
.apps-roles a:hover { background:#262251;color:#fff; }
.apps-roles a > span { display:grid;gap:4px; }
.apps-roles a > span > span { font:600 11px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ffb59b; }
.apps-roles strong { font-size:19px;font-weight:700; }
.apps-roles img { display:block;width:18px;height:18px; }
.apps-top { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px; }
.apps-top > div:first-child { flex:1 1 520px; }
.apps-top h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.apps-top h2 + p { max-width:50ch;margin-top:18px;font-size:18px;line-height:1.55;color:#4a4766; }
.apps-top > div:last-child { display:flex;flex-direction:column;align-items:flex-end;gap:10px; }
.apps-top > div:last-child > p { font:600 12px Inter,Arial,sans-serif;color:#5b5873; }
.apps-filter { display:flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;background:#efe9df; }
.apps-filter button { height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#1d1a3f;font-size:15px;font-weight:500;cursor:pointer; }
.apps-filter button:hover { background:#e3dccf; }
.apps-filter button[aria-pressed="true"] { background:#1d1a3f;color:#fff;font-weight:600; }
.app-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin-top:44px; }
.app-card { display:flex;flex-direction:column;overflow:hidden;border-radius:26px; }
.app-stage { height:380px;display:flex;align-items:flex-end;justify-content:center;padding-top:36px;overflow:hidden;background:#fde8dc; }
.app-card:nth-child(3n+2) .app-stage { background:#e8e4f4; }
.app-card:nth-child(3n) .app-stage { background:#efe9df; }

.app-stage-market { align-items:center;padding-top:0; }
.app-stage-market img { display:block;width:380px;max-width:100%;height:auto; }
.app-card-body { flex:1;display:flex;flex-direction:column;gap:14px;padding:24px 26px 28px; }
.app-id { display:flex;align-items:center;gap:14px; }
.app-id > img { display:block;border-radius:12px; }
.app-card-body .label { font-size:10px;letter-spacing:.12em; }
.app-card-body h3 { font:600 24px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.app-card-body > p { font-size:15px;line-height:1.6;color:#5b5873; }
.app-card-body .tlink { align-self:flex-start;margin-top:auto; }
.app-card-body .tlink img { width:15px;height:15px; }
.steps-big li > span { display:block;width:auto;height:auto;border-radius:0;background:none;color:#ef643d;font:var(--figure);letter-spacing:-.03em; }
.steps-big h3 { line-height:normal; }


.app-hero > .wrap { padding-bottom:clamp(96px,11vw,140px); }
.app-hero-copy { flex:1 1 500px;min-width:0; }
.app-hero h1 { font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.app-hero .ex-lead { max-width:46ch; }
.app-hero .actions { gap:12px;margin-top:34px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }
.app-hero-fig { flex:1 1 420px;min-width:0;animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.app-hero-img { display:block;width:560px;max-width:100%;height:auto;margin-inline:auto; }
.app-hero-fig figcaption { margin-top:28px;text-align:center;font:600 12px Inter,Arial,sans-serif;color:#d9d4f0; }
.app-bar-wrap { position:relative;z-index:2;margin-top:-56px; }
.app-bar { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;padding:22px 26px;border-radius:24px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 30px 60px -36px rgba(48,35,103,.55); }
.app-bar-id { display:flex;align-items:center;gap:18px; }
.app-bar-id img { display:block;border-radius:15px;box-shadow:0 4px 12px rgba(29,26,63,.15); }
.app-bar-id .label { letter-spacing:.12em; }
.app-bar-id h2 { margin-top:2px;font:600 clamp(22px,2.2vw,28px) Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.app-bar .ext-badge { margin-top:0; }
.app-bar-note { justify-content:flex-start;gap:14px 28px;padding:24px 28px; }
.app-bar-note > span { padding:8px 14px;border-radius:999px;background:#1d1a3f;color:#fff;font:600 11px Inter,Arial,sans-serif;letter-spacing:.12em; }
.app-bar-note > p { flex:1 1 420px;font-size:16px;line-height:1.55;color:#4a4766; }
.app-story .wrap { display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(40px,6vw,96px); }
.app-story figure { flex:1 1 380px;min-width:0; }
.app-story figure > div { display:flex;justify-content:center;padding:clamp(12px,2vw,24px) 16px;border-radius:30px;background:#fde8dc; }
.app-story figure img { display:block;width:400px;max-width:100%;height:auto; }
.app-story figcaption { margin-top:14px;font:600 12px Inter,Arial,sans-serif;color:#5b5873; }
.app-story .wrap > div { flex:1.1 1 460px;min-width:0; }
.app-story h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.app-points { margin-top:36px;border-top:1.5px solid #1d1a3f; }
.app-points article { display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #d9d0c2; }
.app-points span { flex:none;padding-top:5px;font:600 13px Inter,Arial,sans-serif;color:#b43f1d; }
.app-points h3 { font:700 22px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.app-points p { margin-top:6px;font-size:16px;line-height:1.6;color:#5b5873; }
.app-next { background:#efe9df; }
.app-next h2,.app-related h2,.app-caps h2,.app-steps h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.app-next-card { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px;margin-top:40px;padding:clamp(24px,4vw,44px);border-radius:28px;background:#1d1a3f;color:#fff; }
.app-next-card > div:first-child { flex:1 1 440px;display:flex;align-items:flex-start;gap:22px; }
.app-next-card > div:first-child > img { display:block;flex:none;border-radius:20px; }
.app-next-card h3 { margin-top:6px;font:600 28px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.app-next-card h3 + p { max-width:52ch;margin-top:10px;font-size:16px;line-height:1.6;color:#d9d4f0; }
.app-next-card > div:last-child { flex:0 1 auto;display:grid;gap:10px; }
.app-next-card > div:last-child > p { font:600 12px Inter,Arial,sans-serif;color:#c9c3e8; }
.app-related { background:#efe9df; }
.app-related-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;margin-top:40px; }
.app-related-grid article { display:flex;flex-wrap:wrap;overflow:hidden;border-radius:26px; }
.app-related-grid article > div:first-child { flex:1 1 200px;display:flex;align-items:center;justify-content:center;padding:16px 0;background:#fde8dc; }
.app-related-grid article > div:first-child img { display:block;width:380px;max-width:100%;height:auto; }
.app-related-grid .app-card-body { flex:1.2 1 240px;padding:26px; }
.app-related-grid .app-card-body h3 { font-size:22px; }
.app-caps .app-cap-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:40px; }
.app-caps h2,.app-steps h2 { max-width:18ch;text-wrap:balance; }
.app-cap-grid article { padding:26px;border-radius:22px; }
.app-cap-grid span { font:600 13px Inter,Arial,sans-serif;color:#b43f1d; }
.app-cap-grid h3 { margin-top:18px;font:700 21px/1.2 Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.app-cap-grid p { margin-top:8px;font-size:15px;line-height:1.6;color:#5b5873; }
.app-steps { background:#efe9df; }
.app-steps ol { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin-top:40px;padding:0;list-style:none;border-top:1.5px solid #1d1a3f; }
.app-steps li { padding:28px 28px 28px 0;border-bottom:1px solid #d9d0c2; }
.app-steps li > span { display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#1d1a3f;color:#fff;font:600 14px Inter,Arial,sans-serif; }
.app-steps h3 { margin-top:20px;font:700 22px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.app-steps li p { max-width:36ch;margin-top:8px;font-size:16px;line-height:1.6;color:#5b5873; }


.plan-hero-row { display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(40px,6vw,88px);margin-top:clamp(36px,5vw,64px); }
.plan-hero-copy { flex:1 1 520px;min-width:0; }
.plan-hero-copy h1 { font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.plan-hero-copy h1 span { letter-spacing:-.01em;color:#ff8a63; }
.plan-hero-copy .ex-lead { max-width:46ch;text-wrap:wrap; }
.plan-hero-copy .actions { gap:12px;margin-top:34px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }
.plan-ticket { flex:0 1 400px;min-width:280px;border-radius:26px;background:#fffdf9;color:#1d1a3f;box-shadow:0 40px 80px -40px rgba(10,6,40,.8);transform:rotate(1.5deg); }
.plan-ticket :focus-visible { outline-color:#b43f1d; }
.plan-ticket > div:first-child { padding:30px 30px 26px; }
.plan-ticket .label { letter-spacing:.16em;color:#b43f1d; }
.plan-ticket h2 { margin-top:14px;font:var(--card);letter-spacing:-.025em; }
.plan-ticket-price { display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:22px; }
.plan-ticket-price span:first-child { font:var(--figure);letter-spacing:-.03em; }
.plan-ticket-price span:last-child { font:600 13px Inter,Arial,sans-serif;color:#5b5873; }
.plan-ticket .notch { margin:0 20px; }
.plan-ticket .notch::before,.plan-ticket .notch::after { top:-13px;width:26px;height:26px;background:#302367; }
.plan-ticket .notch::before { left:-34px; }
.plan-ticket .notch::after { right:-34px; }
.plan-ticket > div:last-child { display:grid;gap:10px;padding:22px 30px 28px;font:600 13px Inter,Arial,sans-serif; }
.plan-ticket > div:last-child p { display:flex;justify-content:space-between;gap:12px; }
.plan-ticket > div:last-child p span:last-child { color:#b43f1d; }
.plan-ticket > div:last-child a { display:inline-flex;margin-top:10px;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:5px; }
.plan-included h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px;text-wrap:balance; }
.plan-included .wrap > div { margin-top:44px;padding:clamp(20px,3vw,36px);border-radius:26px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 30px 60px -44px rgba(48,35,103,.5); }
.plan-included ul { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));column-gap:32px;padding:0;list-style:none; }
.plan-included li { display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px dashed #e0d8ca;font-size:16px;font-weight:500; }
.plan-included li span { flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fde8dc; }
.plan-included li img { display:block;width:14px;height:14px; }


.co { padding-block:clamp(28px,4vw,44px) clamp(80px,10vw,128px); }
.co h1 { max-width:14ch;margin-top:clamp(32px,5vw,56px);font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance; }
.co h1 span { letter-spacing:-.01em;color:#e0532b; }
.co-lead { max-width:52ch;margin-top:24px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#4a4766; }
.co-row { display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px clamp(32px,5vw,64px);margin-top:clamp(40px,6vw,72px); }
.co-main { flex:1.3 1 520px;min-width:0; }
#plan-label { font-size:15px;font-weight:600; }
.co-tiles { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:12px; }
.co-tile { position:relative;display:block;cursor:pointer; }
.co-tile input { position:absolute;width:1px;height:1px;opacity:0; }
.co-tile > span { display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;border:2px solid #d9d0c2;border-radius:20px;background:#fffdf9;transition:border-color .15s; }
.co-tile:hover > span { border-color:#1d1a3f; }
.co-tile > span > span:first-child { display:flex;justify-content:space-between;align-items:center;width:100%; }
.co-tile > span > span:first-child > span { font:600 22px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.co-tile i { width:20px;height:20px;border:1.5px solid #b9b0a1;border-radius:50%; }
.co-tile > span > span:last-child { font:600 13px Inter,Arial,sans-serif;color:#5b5873; }
.co-tile input:checked + span { border-color:#1d1a3f;background:#1d1a3f;color:#fff; }
.co-tile input:checked + span i { border:6px solid #ef643d;background:#fff; }
.co-tile input:checked + span > span:last-child { color:#c9c3e8; }
.co-tile input:focus-visible + span { outline:3px solid #b43f1d;outline-offset:3px; }
.co-panel { display:none;margin-top:24px;border-radius:26px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 36px 70px -44px rgba(48,35,103,.55);transition:transform .25s,box-shadow .25s; }
.co-panel:hover { transform:translateY(-5px);box-shadow:0 28px 50px -30px rgba(48,35,103,.5); }
.co-main:has([value="starter"]:checked) [data-checkout-plan="starter"],
.co-main:has([value="professional"]:checked) [data-checkout-plan="professional"],
.co-main:has([value="business"]:checked) [data-checkout-plan="business"],
.co-main:has([value="agency"]:checked) [data-checkout-plan="agency"] { display:block; }
.co-panel-top { padding:clamp(24px,3vw,36px); }
.co-panel-top .label { font-size:12px; }
.co-panel-top > div { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-top:12px; }
.co-panel-top h2 { font:var(--card);letter-spacing:-.025em; }
.co-panel-top > div > p { display:flex;align-items:baseline;gap:10px; }
.co-panel-top > div > p span:first-child { font:var(--figure);letter-spacing:-.03em; }
.co-panel-top > div > p span:last-child { font:600 13px Inter,Arial,sans-serif;color:#5b5873;white-space:nowrap; }
.co-panel-foot { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:clamp(24px,3vw,36px); }
.co-panel-foot > p { flex:1 1 300px;font-size:16px;line-height:1.6;color:#4a4766; }
.co-panel-foot .pill { flex:none;height:58px;font-weight:700; }
.co-panel-foot .pill > span { width:38px;height:38px; }
.co-aside { flex:1 1 320px;padding:clamp(24px,3vw,34px);border-radius:26px;background:#302367;color:#fff; }
.co-aside h2 { font:600 26px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.co-aside ul { display:grid;margin-top:18px;padding:0;list-style:none; }
.co-aside li { display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #4d4190;font-size:16px;color:#e6e2f7; }
.co-aside li:last-child { border-bottom:0; }
.co-aside li img { display:block;flex:none;width:18px;height:18px;margin-top:2px; }
.co-aside > div { display:grid;gap:2px;margin-top:18px; }
.co-aside > div a { display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;color:#fff;font-size:15px;font-weight:600;text-decoration:none; }
.co-aside > div a:first-child,.co-aside > div a:hover { background:#3a2d78;color:#fff; }
.co-aside > div a:first-child:hover { background:#46398a; }
.co-aside > div img { display:block;width:16px;height:16px; }


h2.big { margin-top:18px;font:var(--section);letter-spacing:-1.2px;text-wrap:balance; }
.hero-copy { flex:1 1 500px;min-width:0; }
.hero-copy h1 { font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.hero-copy .ex-lead { max-width:46ch; }
.hero-copy .actions { gap:12px;margin-top:34px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }


.about-hero > .wrap { padding-bottom:0; }
.about-hero h1 { margin-top:clamp(36px,5vw,64px);font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.about-hero h1 em,.demo-hero h1 em { letter-spacing:-.02em; }
.about-intro { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px;margin-top:36px; }
.about-intro > p { flex:1 1 420px;max-width:44ch;font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:#4a4766;text-wrap:pretty; }
.about-intro .actions { gap:12px; }
.about-fig { position:relative;margin-top:clamp(48px,6vw,80px);background:linear-gradient(#f7f3ec 0 30%,#302367 30% 100%);animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.about-fig > .wrap { padding-bottom:clamp(48px,6vw,80px); }
.about-shot { overflow:hidden;border-radius:32px;box-shadow:0 40px 80px -40px rgba(10,6,40,.7); }
.about-shot img { display:block;width:100%;height:auto; }
.about-fig figcaption { margin-top:16px;font:600 12px Inter,Arial,sans-serif;color:#d9d4f0; }
.about-why { background:#302367;color:#fff; }
.about-why > .wrap { display:flex;flex-wrap:wrap;gap:40px clamp(40px,6vw,96px);padding-block:clamp(24px,4vw,48px) clamp(80px,10vw,128px); }
.about-why > .wrap > div:first-child { flex:1 1 380px; }
.about-why > .wrap > div:last-child { flex:1.2 1 460px; }
.about-why > .wrap > div:last-child > p { font-size:18px;line-height:1.7;color:#d9d4f0;margin-top:18px; }
.about-why > .wrap > div:last-child > p:first-child { margin-top:0;font:600 clamp(28px,3vw,42px)/1.15 Poppins,Arial,sans-serif;color:#ffb59b; }
.about-why > .wrap > div:last-child > p:nth-child(2) { margin-top:28px; }
.about-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin-top:48px; }
.about-cards article { display:flex;flex-direction:column;overflow:hidden;border-radius:28px; }
.about-cards article > div:last-child { display:flex;flex-direction:column;gap:12px;padding:28px; }
.about-cards h3 { font:700 28px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.about-cards article > div:last-child > p { font-size:16px;line-height:1.6;color:#5b5873; }
.about-cards .tlink { align-self:flex-start; }
.about-cards .tlink img { width:15px;height:15px; }
.about-stage-shot { display:flex;align-items:center;justify-content:center;height:340px;padding:28px;background:#efe9df; }
.about-stage-shot img { display:block;max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 24px 50px -26px rgba(29,26,63,.5); }
.about-stage-device { display:flex;align-items:center;justify-content:center;height:340px;padding:12px;overflow:hidden;background:#fde8dc; }
.about-stage-device img { display:block;max-width:100%;max-height:100%;width:auto;height:auto; }
.about-approach { background:#efe9df; }
.about-approach .wrap { display:flex;flex-wrap:wrap;gap:40px clamp(40px,6vw,96px); }
.about-approach .wrap > div:first-child { flex:1 1 320px; }
.about-approach h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.about-approach .wrap > div:last-child { flex:1.4 1 480px;border-top:1.5px solid #1d1a3f; }
.about-approach article { display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #d9d0c2; }
.about-approach article > span { flex:none;padding-top:6px;font:600 13px Inter,Arial,sans-serif;color:#b43f1d; }
.about-approach h3 { font:600 26px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.about-approach article p { margin-top:8px;font-size:17px;line-height:1.6;color:#5b5873; }


.svc-card { flex:1 1 420px;min-width:0;overflow:hidden;border-radius:28px;background:#fffdf9;color:#1d1a3f;box-shadow:0 40px 80px -40px rgba(10,6,40,.8); }
.svc-card > div:first-child { display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;padding:22px 26px 0; }
.svc-card .label { color:#b43f1d; }
.svc-card strong { font:700 20px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.svc-card > img { display:block;width:100%;height:auto;padding:20px 26px; }
.svc-card > div:last-child { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 26px;background:#1d1a3f;color:#fff;font-size:15px;font-weight:600; }
.svc-card > div:last-child img { display:block;width:18px;height:18px; }
.svc-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin-top:48px; }
.svc-grid article { display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:26px; }
.svc-grid article > div { display:flex;align-items:center;justify-content:space-between; }
.svc-grid article > div > span:first-child { display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fde8dc; }
.svc-grid article > div img { display:block;width:26px;height:26px; }
.svc-grid article > div > span:last-child { font:600 13px Inter,Arial,sans-serif;color:#5b5873; }
.svc-grid .label { margin-top:14px;text-transform:uppercase; }
.svc-grid h3 { font:700 26px/1.05 Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.svc-grid .label + h3 + p { font-size:15px;line-height:1.6;color:#5b5873; }
.svc-grid .tlink { align-self:flex-start;margin-top:auto;padding-top:8px;font-size:15px; }
.svc-grid .tlink img { width:15px;height:15px; }
.svc-process { position:relative;overflow:hidden;background:#1d1a3f;color:#fff; }
.svc-process .wrap { display:flex;flex-wrap:wrap;gap:40px clamp(40px,6vw,96px); }
.svc-process .wrap > div { flex:1 1 380px; }
.svc-process h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.svc-process h2 + p { max-width:38ch;margin-top:24px;font-size:17px;line-height:1.6;color:#d9d4f0; }
.svc-process .tlink { margin-top:14px; }
.svc-process ol { flex:1.3 1 460px;display:grid;gap:14px;padding:0;list-style:none; }
.svc-process li { display:flex;gap:22px;padding:26px;border-radius:22px;background:#2a2658; }
.svc-process li > span { flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ef643d;color:#1d1a3f;font:600 14px Inter,Arial,sans-serif; }
.svc-process h3 { font:700 22px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.svc-process li p { margin-top:6px;font-size:15px;line-height:1.6;color:#d9d4f0; }
.svc-existing { background:#efe9df; }
.svc-existing .wrap > div { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px;margin-top:44px; }
.svc-existing .wrap > div > div { display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:26px; }
.svc-cream { background:#fffdf9;box-shadow:0 1px 0 #e3dccf; }
.svc-existing h3 { font:700 30px/1.05 Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.svc-existing h3 + p { font-size:17px;line-height:1.6;color:#5b5873; }
.svc-orange { background:#ef643d; }
.svc-orange :focus-visible { outline-color:#1d1a3f; }
.svc-orange h3 + p { color:#2b1c22; }
.svc-orange .pill { align-self:flex-start;margin-top:10px; }
.svc-orange .pill > span { background:#fff; }
.svc-existing .tlink { align-self:flex-start;margin-top:auto; }
.svc-existing .tlink img { width:15px;height:15px; }


.wl-hero .hero-copy > .pill { margin-top:34px; }
.wl-fig { flex:1 1 400px;min-width:0;animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.wl-fig figcaption { margin-top:16px;font:600 12px Inter,Arial,sans-serif;color:#d9d4f0; }
.wl-details ol { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:48px;padding:0;list-style:none; }
.wl-details li { padding:30px;border-radius:24px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf; }
.wl-details li > span { font:600 13px Inter,Arial,sans-serif;color:#b43f1d; }
.wl-details h3 { margin-top:22px;font:600 24px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.wl-details li p { margin-top:8px;font-size:16px;line-height:1.6;color:#5b5873; }
.wl-existing { background:#efe9df; }
.wl-existing h2.big { margin-top:0; }
.wl-existing .wrap > div { display:flex;flex-wrap:wrap;gap:24px clamp(40px,6vw,96px);margin-top:40px;padding-top:32px;border-top:1.5px solid #1d1a3f; }
.wl-existing h3 { flex:1 1 360px;font:var(--card);color:#c2431d; }
.wl-existing .wrap > div > div { flex:1 1 420px; }
.wl-existing p { font-size:18px;line-height:1.7;color:#4a4766; }
.wl-existing .tlink { margin-top:18px; }
.wl-existing .tlink img { width:15px;height:15px; }


.demo-hero h1 { margin-top:clamp(36px,5vw,64px);font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.demo-hero .about-intro { margin-top:32px; }
.demo-hero .about-intro > p { max-width:46ch;font-size:clamp(18px,1.7vw,22px); }
.demo-story { background:#efe9df; }
.demo-story .wrap { display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(40px,5vw,80px); }
.demo-team { position:relative;overflow:hidden;background:#302367;color:#fff; }
.demo-team .wrap { flex-wrap:wrap-reverse; }
.demo-story figure { flex:1.5 1 520px;min-width:0; }
.demo-story figure > div { padding:12px;border-radius:26px;background:#fffdf9;box-shadow:0 40px 80px -46px rgba(48,35,103,.6); }
.demo-team figure > div { box-shadow:0 40px 80px -40px rgba(10,6,40,.8); }
.demo-story figure img { display:block;width:100%;height:auto;border-radius:16px; }
.demo-story figcaption { display:flex;align-items:center;gap:10px;margin-top:14px;font:600 12px Inter,Arial,sans-serif;color:#5b5873; }
.demo-team figcaption { color:#d9d4f0; }
.demo-story figcaption span { width:8px;height:8px;border-radius:50%;background:#ef643d; }
.demo-story .wrap > div { flex:1 1 340px;min-width:0; }
.demo-step { font:600 12px Inter,Arial,sans-serif;letter-spacing:.16em;color:#b43f1d; }
.demo-team .demo-step { color:#ffb59b; }
.demo-story h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.demo-story h2 em { letter-spacing:inherit; }
.demo-story h2 + p { margin-top:20px;font-size:17px;line-height:1.6;color:#4a4766; }
.demo-team h2 + p { color:#d9d4f0; }
.demo-story ul { margin-top:22px;padding:0;list-style:none;border-top:1.5px solid #1d1a3f; }
.demo-team ul { border-top-color:#8f86c4; }
.demo-story li { display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #d9d0c2;font-size:16px;font-weight:500; }
.demo-team li { border-bottom-color:#4d4190; }
.demo-story li img { display:block;width:18px;height:18px; }
.demo-story .pill { margin-top:28px; }
.demo-note { margin-top:12px;font:600 12px Inter,Arial,sans-serif;color:#c9c3e8; }


.sup-hero > .wrap,.ct-hero > .wrap { padding-bottom:clamp(64px,8vw,104px); }
.lh-row { display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(32px,5vw,80px);margin-top:clamp(36px,5vw,64px); }
.lh-copy { flex:1 1 480px;min-width:0; }
.lh-copy h1 { font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.lh-lead { max-width:44ch;margin-top:28px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#4a4766;text-wrap:pretty;animation:rpRise .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.lh-copy .actions { gap:12px;margin-top:34px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }



.sup-hero-row { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 64px;margin-top:clamp(36px,5vw,64px); }
.sup-hero-row h1 { flex:1 1 560px;font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance;animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.sup-hero-row > p { flex:0 1 400px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#4a4766; }
.sup-find { margin-top:clamp(28px,4vw,44px); }
.sup-find label { display:block;margin-bottom:10px;font-size:15px;font-weight:600; }
.sup-find > div { display:flex;align-items:center;gap:8px;padding:6px;border:1.5px solid #1d1a3f;border-radius:999px;background:#fffdf9;box-shadow:0 30px 60px -44px rgba(48,35,10,.45); }
.sup-find input { flex:1 1 0;min-width:0;height:54px;padding:0 20px;border:0;border-radius:999px;background:none;color:#1d1a3f;font-size:17px;outline-color:#ef643d; }
.sup-find .pill { flex:none;height:54px; }
.sup-popular { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:14px;font-weight:600;color:#5b5873; }
.sup-popular a { display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid #d9d0c2;border-radius:999px;font-weight:500;text-decoration:none;color:#1d1a3f;transition:border-color .15s; }
.sup-popular a:hover { border-color:#1d1a3f; }
@media (max-width:480px) { .sup-find input { padding:0 12px; } .sup-find .pill { padding:0 8px 0 16px; } }
.sup-routes { background:#efe9df; }
.sup-routes .wrap > div { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin-top:44px; }
@media (min-width:600px) and (max-width:1239px) { .sup-routes .wrap > div { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.sup-routes a { display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:24px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf;color:#1d1a3f;text-decoration:none;transition:transform .2s; }
.sup-routes a:hover { transform:translateY(-4px);color:#1d1a3f; }
.sup-routes a > span:first-child { display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fde8dc; }
.sup-routes a > span:first-child img { display:block;width:26px;height:26px; }
.sup-routes h3 { margin-top:10px;font:600 23px/1.15 Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.sup-routes a p { font-size:15px;line-height:1.55;color:#5b5873; }
.sup-routes a > span:last-child { display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px;font-size:15px;font-weight:600; }
.sup-routes a > span:last-child img { display:block;width:15px;height:15px; }
.sup-ticket .wrap.pad { display:flex;flex-wrap:wrap;gap:40px clamp(40px,6vw,96px); }
.sup-ticket .wrap.pad > div:first-child { flex:1 1 360px; }
.sup-ticket h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.sup-ticket h2 + p { max-width:38ch;margin-top:22px;font-size:17px;line-height:1.6;color:#4a4766; }
.sup-ticket .tlink { margin-top:14px; }
.sup-ticket .tlink img { width:15px;height:15px; }
.sup-ticket .wrap.pad > div:last-child { flex:1.3 1 460px;border-radius:26px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 30px 60px -44px rgba(48,35,103,.5); }
.sup-ticket ol { padding:8px 28px;list-style:none; }
.sup-ticket li { display:flex;gap:22px;padding:24px 0;border-bottom:2px dashed #e0d8ca; }
.sup-ticket li:last-child { border-bottom:0; }
.sup-ticket li > span { flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#1d1a3f;color:#fff;font:600 14px Inter,Arial,sans-serif; }
.sup-ticket li:last-child > span { background:#ef643d;color:#1d1a3f; }
.sup-ticket h3 { font:700 22px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.sup-ticket li p { margin-top:6px;font-size:16px;line-height:1.6;color:#5b5873; }
.sup-note { padding-bottom:clamp(72px,9vw,112px); }
.sup-note p { padding:20px 24px;border:1.5px dashed #b9b0a1;border-radius:18px;font-size:16px;line-height:1.6;color:#4a4766; }
.sup-note a,.ex-empty p a { font-weight:600;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:4px; }


.faq-hero > .wrap { padding-bottom:clamp(56px,7vw,88px); }
.faq-hero-row { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px 64px;margin-top:clamp(36px,5vw,64px); }
.faq-hero h1 { flex:1 1 560px;font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.faq-hero-row > p { flex:0 1 380px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#d9d4f0; }
.faq-search { display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:44px; }
.faq-search label { position:relative;display:block;flex:1 1 420px; }
.faq-search label span { display:block;margin-bottom:8px;font-size:14px;font-weight:600; }
.faq-search input { width:100%;height:60px;padding:0 24px;border:0;border-radius:999px;background:#fffdf9;color:#1d1a3f;font-size:17px;outline-color:#ef643d; }
.faq-search > p { align-self:flex-end;padding-bottom:20px;font:600 13px Inter,Arial,sans-serif;color:#ffb59b; }
.faq-topics { display:flex;flex-wrap:wrap;gap:8px;margin-top:18px; }
.faq-topics button { height:38px;padding:0 16px;border:1.5px solid #6f64b0;border-radius:999px;background:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer; }
.faq-topics button:hover { border-color:#fff; }
.faq-topics button[aria-pressed="true"] { border-color:#ef643d;background:#ef643d;color:#1d1a3f;font-weight:600; }
.faq-all .wrap { max-width:1080px;padding-block:clamp(56px,7vw,96px) clamp(80px,10vw,128px); }
.faq-all-list { border-top:1.5px solid #1d1a3f; }
.faq-q { border-bottom:1px solid #d9d0c2; }
.faq-q summary { display:flex;align-items:center;gap:20px;padding:26px 0;cursor:pointer;list-style:none; }
.faq-q summary::-webkit-details-marker { display:none; }
.faq-q summary > span { flex:1;display:grid;gap:6px; }
.faq-q summary > span > span:first-child { font:600 11px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b43f1d; }
.faq-q summary > span > span:last-child { font-size:clamp(18px,1.7vw,22px);line-height:1.35;font-weight:600;letter-spacing:-.01em; }
.faq-q summary::after { content:"";flex:none;width:40px;height:40px;border:1.5px solid #1d1a3f;border-radius:50%;background:url(/rp-live/assets/icons/c/plus-ink.svg) center/16px no-repeat; }
.faq-q[open] summary::after { border-color:#ef643d;background:#ef643d url(/rp-live/assets/icons/c/minus-ink.svg) center/16px no-repeat; }
.faq-q > div { max-width:64ch;padding:0 60px 30px 0;font-size:17px;line-height:1.7;color:#4a4766;text-wrap:pretty; }
.faq-q a { font-weight:600;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:4px; }


.ct-copy { flex-basis:500px; }
.pill.ct-jump { gap:10px;margin-top:34px; }
.ct-jump img { transform:rotate(90deg); }
.ct-card { position:relative;flex:1 1 400px;min-width:0;border-radius:28px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 40px 80px -48px rgba(48,35,103,.6);transform:rotate(-1.2deg); }
.ct-card > div:first-child { padding:clamp(26px,3vw,38px); }
.ct-card .label { font-size:12px;letter-spacing:.16em; }
.ct-card h2 { margin-top:16px;font:var(--card);letter-spacing:-.025em; }
.ct-card h2 + p { margin-top:14px;font-size:16px;line-height:1.6;color:#5b5873; }
.ct-card > div:last-child { display:grid;gap:12px;padding:clamp(22px,3vw,32px) clamp(26px,3vw,38px) clamp(26px,3vw,38px); }
.ct-email { font:600 clamp(22px,2.2vw,28px) Poppins,Arial,sans-serif;letter-spacing:-.01em;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:3px;text-underline-offset:6px; }
.ct-phone { font:600 16px Inter,Arial,sans-serif;text-decoration:none; }
.ct-card .pill { justify-self:start;margin-top:10px; }
.ct-enquiry { background:#302367;color:#fff; }
.ct-enquiry .wrap > div { margin-top:48px;border-top:1.5px solid #8f86c4; }
.ct-enquiry a { display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;padding:30px 12px 30px 0;border-bottom:1px solid #4d4190;color:#fff;text-decoration:none;transition:background .15s,padding .2s; }
.ct-enquiry a:hover { padding-left:12px;background:#3a2d78;color:#fff; }
.ct-enquiry a > span:first-child { flex:none;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ef643d; }
.ct-enquiry a > span:first-child img { display:block;width:28px;height:28px; }
.ct-enquiry a > span:nth-child(2) { flex:1 1 420px;display:grid;gap:6px; }
.ct-enquiry strong { font:600 clamp(24px,2.4vw,32px) Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.ct-enquiry strong + span { max-width:62ch;font-size:16px;line-height:1.6;color:#d9d4f0; }
.ct-enquiry a > span:last-child { flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#ffb59b; }
.ct-enquiry a > span:last-child img { display:block;width:16px;height:16px; }
.ct-context { background:#efe9df; }
.ct-context .wrap { display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px clamp(40px,6vw,96px); }
.ct-context .wrap > div:first-child { flex:1 1 380px; }
.ct-context h2 { margin-top:18px;font:var(--section);letter-spacing:-1.2px; }
.ct-context .wrap > div:last-child { flex:1.2 1 460px;border-radius:26px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 30px 60px -44px rgba(48,35,103,.5); }
.ct-context h3 { padding:30px 30px 24px;font:600 clamp(22px,2.4vw,30px)/1.15 Poppins,Arial,sans-serif;letter-spacing:-.01em;text-wrap:balance; }
.ct-context .notch::before,.ct-context .notch::after { background:#efe9df; }
.ct-context ul { padding:14px 30px 26px;list-style:none; }
.ct-context li { border-bottom:1px solid #eee6d9; }
.ct-context label { display:flex;align-items:center;gap:16px;padding:16px 0;font-size:17px;font-weight:500;cursor:pointer; }
.ct-context input { position:absolute;width:1px;height:1px;opacity:0; }
.ct-context label > span { flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid #b9b0a1;border-radius:8px; }
.ct-context label img { display:block;width:16px;height:16px;visibility:hidden; }
.ct-context input:checked + span { border-color:#ef643d;background:#ef643d; }
.ct-context input:checked + span img { visibility:visible; }
.ct-context input:focus-visible + span { outline:3px solid #b43f1d;outline-offset:3px; }


.cl-hero { position:relative;overflow:hidden;background:#f7f3ec; }
.cl-hero > .wrap { position:relative;padding-block:clamp(28px,4vw,44px) clamp(64px,8vw,104px); }
.cl-hero h1 { max-width:13ch;margin-top:clamp(36px,5vw,64px);font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.cl-hero .about-intro { margin-top:32px; }
.cl-hero .about-intro > p { font-size:clamp(18px,1.7vw,22px);text-wrap:wrap; }
.cl-info { background:#302367;color:#fff; }
.cl-info .wrap > div { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px;margin-top:44px; }
.cl-info .wrap > div > div { display:flex;flex-direction:column;gap:12px;padding:32px;border:1.5px solid #6f64b0;border-radius:26px; }
.cl-info .wrap > div > .cl-light { border:0;background:#fffdf9;color:#1d1a3f; }
.cl-info h3 { font:700 28px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.cl-info h3 + p { font-size:17px;line-height:1.6;color:#d9d4f0; }
.cl-info .cl-light h3 + p { color:#5b5873; }
.cl-info .tlink { align-self:flex-start;margin-top:auto;padding-top:10px; }
.cl-info .tlink img { width:15px;height:15px; }
.cl-info .cl-light .tlink { color:#1d1a3f; }
.cl-info .cl-light .tlink:hover { color:#b43f1d; }
.cl-info .cl-light :focus-visible { outline-color:#b43f1d; }


.acc-hero > .wrap { padding-bottom:clamp(64px,8vw,104px); }
.acc-copy h1 { text-wrap:balance; }
.acc-copy .lh-lead { margin-top:26px;text-wrap:wrap; }
.acc-copy .tlink { margin-top:28px;font-size:17px; }
.acc-card { position:relative;flex:1 1 400px;min-width:0;overflow:hidden;padding:clamp(28px,3.4vw,44px);border-radius:30px;background:#302367;color:#fff;box-shadow:0 40px 80px -44px rgba(48,35,103,.8);animation:rpRise 1s .3s cubic-bezier(.2,.7,.2,1) both; }
.acc-card > span:first-child { display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#fffdf9; }
.acc-card > span:first-child img { display:block;width:34px;height:34px; }
.acc-card .label { margin-top:28px;font-size:12px;letter-spacing:.16em; }
.acc-card h2 { margin-top:14px;font:var(--card);letter-spacing:-.025em; }
.acc-card h2 + p { max-width:40ch;margin-top:14px;font-size:16px;line-height:1.6;color:#d9d4f0; }
.acc-card .pill { margin-top:26px; }
.acc-card > span:last-child { display:block;margin-top:12px;font:600 12px Inter,Arial,sans-serif;color:#c9c3e8; }
.acc-products { background:#efe9df; }
.acc-products .wrap > div { margin-top:44px;border-radius:26px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf; }
.acc-products article { display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;padding:28px 30px;border-bottom:2px dashed #e0d8ca; }
.acc-products article:last-child { border-bottom:0; }
.acc-products article > span { flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#fde8dc; }
.acc-products article > span img { display:block;width:26px;height:26px; }
.acc-products article > div { flex:1 1 320px; }
.acc-products h3 { font:600 24px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.acc-products article p { margin-top:4px;font-size:16px;line-height:1.55;color:#5b5873; }


.oh-row { display:flex;flex-wrap:wrap;align-items:flex-start;gap:48px clamp(32px,5vw,88px);margin-top:clamp(36px,5vw,64px); }
.oh-row > div { flex:1 1 460px;min-width:0;padding-top:clamp(0px,2vw,24px); }
.oh h1 { max-width:none;margin-top:0;font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance; }
.oh h1 + p { max-width:44ch;margin-top:26px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#4a4766; }
.oh .actions { gap:12px;margin-top:34px; }
.oh-card { flex:1 1 420px;min-width:0;border-radius:28px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf,0 40px 80px -48px rgba(48,35,103,.6); }
.oh-card > div:first-child { padding:clamp(26px,3vw,38px); }
.oh-card .label { font-size:12px;letter-spacing:.16em; }
.oh-card h2 { margin-top:14px;font:var(--card);letter-spacing:-.025em; }
.oh-card ol { padding:10px clamp(26px,3vw,38px) clamp(22px,3vw,32px);list-style:none; }
.oh-card li { display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #eee6d9; }
.oh-card li:last-child { border-bottom:0; }
.oh-card li > span { flex:none;padding-top:4px;font:600 13px Inter,Arial,sans-serif;color:#b43f1d; }
.oh-card h3 { font:700 21px Poppins,Arial,sans-serif;letter-spacing:-.01em; }
.oh-card li p { margin-top:4px;font-size:16px;line-height:1.55;color:#5b5873; }


.pol-hero { border-bottom:1px solid #e3dccf; }
.pol-hero > .wrap { padding-bottom:clamp(48px,6vw,72px); }
.pol-row { display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 56px;margin-top:clamp(32px,5vw,56px); }
.pol-row > div { flex:1 1 520px; }
.pol-row h1 { font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.pol-row h1 + p { margin-top:22px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:#4a4766;animation:rpRise .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.pol-row nav { flex:0 1 auto;display:flex;flex-wrap:wrap;gap:8px; }
.pol-row nav a { display:inline-flex;align-items:center;height:42px;padding:0 16px;border:1.5px solid #d9d0c2;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none; }
.pol-row nav a:hover { border-color:#1d1a3f;color:#1d1a3f; }
.pol-row nav a.on { border:0;background:#1d1a3f;color:#fff;font-weight:600; }
.pol-text { background:#efe9df; }
.pol-text > .wrap { display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px clamp(32px,4vw,64px);padding-block:clamp(40px,6vw,80px) clamp(80px,10vw,128px); }
.pol-text aside { position:sticky;top:101px;flex:1 1 260px;max-height:calc(100vh - 125px);overflow:auto;padding:26px;border-radius:24px;background:#1d1a3f;color:#fff; }
.pol-text aside h2 { font:600 12px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffb59b; }
.pol-text aside ol { display:grid;gap:2px;margin-top:14px;padding:0;list-style:none; }
@media (max-width:860px) { .pol-text aside { position:static;max-height:none;overflow:visible; } }
.pol-text aside ol a { display:flex;gap:12px;min-height:44px;padding:12px 10px;border-radius:12px;color:#e6e2f7;font-size:14px;line-height:1.4;text-decoration:none; }
.pol-text aside ol a:hover,.pol-text aside > div a:hover { background:#302367;color:#fff; }
.pol-text aside ol span { flex:none;padding-top:2px;font:600 11px Inter,Arial,sans-serif;color:#8f86c4; }
.pol-text aside ol a:hover span { color:#c9c3e8; }
.pol-text aside > .tlink { margin-top:14px;font-size:15px;text-underline-offset:5px; }
.pol-text aside > .tlink img { width:15px;height:15px; }
.pol-text hr { margin:18px 0;border:0;border-top:1px solid #3a3566; }
.pol-text aside > div { display:grid;gap:2px; }
.pol-text aside > div a { display:flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:12px;color:#c9c3e8;font-size:14px;text-decoration:none; }
.pol-text article { flex:3 1 480px;min-width:0;padding:clamp(28px,5vw,64px);border-radius:28px; }
.prose { max-width:72ch; }
.prose > :first-child { margin-top:0; }
.prose h2 { margin:52px 0 16px;scroll-margin-top:110px;font:700 27px/1.2 Poppins,Arial,sans-serif;letter-spacing:-.02em;text-wrap:balance; }
.prose h3 { margin:32px 0 10px;font:600 20px Poppins,Arial,sans-serif; }
.prose p { margin:0 0 18px;font-size:17px;line-height:1.75;color:#3d3a5c;text-wrap:pretty; }
.prose :is(ul,ol) { margin:0 0 22px;padding-left:22px;font-size:17px;line-height:1.7;color:#3d3a5c; }
.prose li { margin:8px 0;padding-left:4px; }
.prose strong { font-weight:600;color:#1d1a3f; }
.prose a { font-weight:600;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:4px; }


.sm-hero > .wrap { padding-bottom:clamp(56px,7vw,88px); }
.sm-hero h1 { flex:1 1 520px;font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.sm-hero .faq-hero-row { gap:28px 64px; }
.sm-all > .wrap { column-width:300px;column-gap:40px;padding-block:clamp(56px,7vw,96px) clamp(80px,10vw,128px); }
.sm-all section { display:block;break-inside:avoid;margin-bottom:36px;padding-top:18px;border-top:1.5px solid #1d1a3f; }
.sm-all h2 { display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b43f1d; }
.sm-all h2 span { color:#8a8499; }
.sm-all ul { display:grid;gap:2px;margin-top:12px;padding:0;list-style:none; }
.sm-all li a { display:block;padding:7px 0;font-size:16px;line-height:1.35;font-weight:500;text-decoration:none; }


.nf-hero > .wrap { position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:48px clamp(40px,6vw,96px);padding-block:clamp(56px,8vw,112px); }
.nf-hero > .wrap > div:first-child { flex:1 1 480px;min-width:0; }
.nf-hero h1 { margin-top:22px;font:var(--title);letter-spacing:var(--title-ls);animation:rpRise .8s cubic-bezier(.2,.7,.2,1) both; }
.nf-hero h1 + p { margin-top:26px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#d9d4f0;animation:rpRise .8s .12s cubic-bezier(.2,.7,.2,1) both; }
.nf-hero .actions { gap:12px;margin-top:34px;animation:rpRise .8s .22s cubic-bezier(.2,.7,.2,1) both; }
.nf-hero > .wrap > div:last-child { flex:0 1 420px;min-width:240px;display:flex;align-items:center;justify-content:center; }
.nf-hero > .wrap > div:last-child span { font:600 clamp(40px,6vw,76px) Inter,Arial,sans-serif;letter-spacing:.04em;color:#ffb59b; }
.nf-links h2.big { margin-top:0; }
.nf-links .wrap > div { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:44px; }
.nf-links a { display:flex;flex-direction:column;gap:10px;padding:30px;border-radius:24px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf;color:#1d1a3f;text-decoration:none;transition:transform .2s; }
.nf-links a:hover { transform:translateY(-4px);color:#1d1a3f; }
.nf-links h3 { font:700 26px Poppins,Arial,sans-serif;letter-spacing:-.02em; }
.nf-links p { font-size:16px;line-height:1.55;color:#5b5873; }
.nf-links a > span { display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-size:16px;font-weight:600; }
.nf-links a > span img { display:block;width:15px;height:15px; }



.ma-chips { display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:0;list-style:none; }
.ma-chips li { padding:6px 12px;border:1px solid #e0d8ca;border-radius:999px;background:#f7f3ec;font:600 12px Inter,Arial,sans-serif;color:#4a4766; }
.ma-foot { display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:24px;font-size:16px;color:#5b5873; }
.ma-preview-icon { flex:none;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:20px;background:#ef643d; }
.ma-preview-icon img { display:block;width:32px;height:32px; }
.ma-preview .app-next-card > div:first-child { flex-wrap:wrap; }
.ma-preview .app-next-card > div:first-child > div { flex:1 1 260px; }


.db-body { background:#efe9df; }
.db-shell { display:grid;gap:20px;padding-block:clamp(40px,6vw,72px) clamp(80px,10vw,120px); }
.db-side { min-width:0;padding:22px;border-radius:24px;background:#1d1a3f;color:#fff; }
.db-who { display:flex;align-items:center;gap:14px; }
.db-who > span { flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fffdf9; }
.db-who img { display:block; }
.db-who p { display:grid;gap:2px;min-width:0;font-size:14px;color:#c9c3e8;overflow-wrap:anywhere; }
.db-who strong { font-size:16px;color:#fff; }
.db-side > .db-tag { margin-top:16px; }
.db-side nav { display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid #3a3566; }
.db-side nav a { display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid #4d4190;border-radius:999px;color:#e6e2f7;font-size:15px;font-weight:500;text-decoration:none; }
.db-side nav a:hover { background:#302367;color:#fff; }
.db-side nav span { font:600 11px Inter,Arial,sans-serif;color:#8f86c4; }
.db-side nav a:hover span { color:#c9c3e8; }
.db-side nav a[aria-current] { border-color:#8f86c4;background:#3a2d78;color:#fff;font-weight:600; }
.db-side nav a[aria-current] span { color:#ffb59b; }
.db-main { display:grid;gap:20px;min-width:0; }
.db-panel { min-width:0;scroll-margin-top:130px;padding:clamp(22px,3vw,34px);border-radius:26px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf; }
.db-panel-top { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:22px;padding-bottom:18px;border-bottom:2px dashed #e0d8ca; }
.db-panel-top h2 { font:var(--card);letter-spacing:-.025em; }
.db-tag { display:inline-flex;align-items:center;padding:5px 12px;border:1.5px dashed #b43f1d;border-radius:999px;font:600 11px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b43f1d; }
.dark .db-tag { border-color:#ffb59b;color:#ffb59b; }
.db-stats { display:grid;gap:12px;padding:0;list-style:none; }
.db-stats li { display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px;border-radius:20px;background:#f7f3ec; }
.db-stats p { font-size:14px;line-height:1.4;color:#5b5873; }
.db-stats p:first-child { font-weight:600;color:#1d1a3f; }
.db-stats .db-fig { font:var(--figure);letter-spacing:-.03em;color:#1d1a3f;white-space:nowrap; }
.db-fig span { font:600 14px Inter,Arial,sans-serif;letter-spacing:0;color:#5b5873; }
.db-table { position:relative;overflow-x:auto;border:1px solid #eee6d9;border-radius:18px;container-type:inline-size; }
.db-table table { width:100%;border-collapse:collapse;font-size:15px; }
.db-table caption { padding:14px 18px;text-align:left;font:600 12px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5b5873; }
.db-table :is(th,td) { padding:12px 18px;border-top:1px solid #eee6d9;text-align:left;vertical-align:middle; }
.db-table thead th { background:#f7f3ec;font:600 12px Inter,Arial,sans-serif;letter-spacing:.06em;color:#5b5873; }
.db-table tbody th { font-weight:700; }
.db-table tbody th span { display:block;margin-top:2px;font-size:13px;font-weight:500;color:#5b5873; }
.db-table code { font:600 14px ui-monospace,Menlo,monospace;white-space:nowrap; }
.db-status { display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 10px;border-radius:999px;background:#fde8dc;color:#8f3316;font-size:13px;font-weight:600; }
.db-status img { display:block; }
.db-panel .tlink { min-height:44px;font-size:15px; }
.db-lead { max-width:60ch;margin-bottom:14px;font-size:16px;line-height:1.6;color:#5b5873; }
.db-files { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));column-gap:32px;padding:0;list-style:none; }
.db-files li { display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 0;border-bottom:1px dashed #e0d8ca; }
.db-files li > a:first-child { display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:44px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none; }
.db-files .label { font-size:10px; }
.db-dl { flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid #1d1a3f;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none; }
.db-dl:hover { background:#fde8dc;color:#1d1a3f; }
.db-dl img { display:block; }
.db-subject { margin:8px 0 16px;font-size:18px;font-weight:600; }
.db-facts { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px; }
.db-facts > div { display:grid;gap:4px;min-width:0;padding:16px 18px;border-radius:18px;background:#f7f3ec; }
.db-facts dt { font:600 13px Inter,Arial,sans-serif;color:#5b5873; }
.db-facts dd { min-width:0;font-size:16px;font-weight:600;overflow-wrap:anywhere; }
.db-panel .actions { gap:12px 24px;margin-top:22px; }

@container (max-width:699px) {
 .db-table :is(table,caption,tbody,th,td) { display:block; }
 .db-table thead { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); }
 .db-table tbody tr { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:14px 16px;padding:16px 18px 10px;border-top:1px solid #eee6d9; }
 .db-table tbody :is(th,td) { padding:0;border:0; }
 .db-table tbody :is(th,td:last-child) { grid-column:1/-1; }
 .db-table td[data-label]::before { content:attr(data-label);content:attr(data-label) / "";display:block;margin-bottom:4px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.06em;color:#5b5873; }
}
@media (min-width:380px) { .db-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1200px) { .db-stats { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (min-width:1024px) {
 .db-shell { grid-template-columns:250px minmax(0,1fr);align-items:start;gap:40px; }
 .db-side { position:sticky;top:101px; }
 .db-side nav { flex-direction:column;flex-wrap:nowrap;gap:2px; }
 .db-side nav a { border:0;border-radius:12px; }
}


.auth-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);grid-template-rows:auto 1fr;grid-template-areas:"copy card" "more card";align-items:start;gap:28px clamp(32px,6vw,96px);margin-top:clamp(36px,5vw,64px); }
.auth-copy { grid-area:copy; }
.auth-card { grid-area:card;padding:clamp(24px,3.4vw,40px);border:1px solid #e3dccf;border-radius:30px;background:#fffdf9;box-shadow:0 40px 80px -44px rgba(48,35,10,.45); }
.auth-more { grid-area:more; }
.auth-points { display:grid;gap:12px;padding:0;list-style:none; }
.auth-points li { display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500; }
.auth-points img { display:block;flex:none; }
.auth-more .tlink { font-size:17px; }
.auth-points + .tlink { margin-top:24px; }
.auth-card .label { font-size:12px;letter-spacing:.16em; }
.auth-card h2 { margin-top:10px;font:var(--card);letter-spacing:-.025em; }
.auth-form { display:grid;gap:18px;margin-top:24px; }
.auth-field label { display:block;margin-bottom:8px;font-size:15px;font-weight:600; }
.auth-field > div { position:relative; }
.auth-field input { width:100%;height:54px;padding:0 20px;border:1.5px solid #1d1a3f;border-radius:999px;background:#fff;color:#1d1a3f;font-size:16px;outline-color:#ef643d; }
.auth-field:has(.auth-show:not([hidden])) input { padding-right:92px; }
.auth-show { position:absolute;top:5px;right:5px;min-width:72px;height:44px;padding:0 14px;border:0;border-radius:999px;background:none;color:#b43f1d;font-size:14px;font-weight:600;cursor:pointer; }
.auth-show:hover { background:#fde8dc; }
.auth-row { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px; }
.auth-check { display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;cursor:pointer; }
.auth-check input { width:20px;height:20px;margin:0;accent-color:#1d1a3f; }
.auth-row a { display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;color:#b43f1d; }
.auth-form .pill { justify-content:space-between;width:100%;margin-top:6px;border:0;cursor:pointer; }
.auth-status:empty { margin-top:-18px; }
.auth-status:not(:empty) { padding:12px 16px;border-radius:14px;background:#fde8dc;color:#8f3316;font-size:14px;line-height:1.5; }
.auth-switch { margin-top:24px;padding-top:20px;border-top:1px solid #e3dccf;font-size:15px;color:#5b5873; }
.auth-switch a { font-weight:600;color:#1d1a3f; }
@media (max-width:879px) { .auth-grid { grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"copy" "card" "more";row-gap:32px; } }


button.tlink,button.db-dl,button.pill { cursor:pointer; }
button.tlink { min-height:44px;padding:0;border:0;background:none; }
button.pill { border:0; }
button.db-dl { background:none; }
.db-banner { display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:22px;padding:12px 18px;border:1.5px dashed #b43f1d;border-radius:18px;background:#fffdf9;color:#1d1a3f;font-size:15px;line-height:1.5; }
.db-banner img { display:block;flex:none; }
.db-banner span { flex:1 1 320px; }
.db-banner a { font-weight:600;color:#b43f1d; }
.db-hero-copy .lh-lead { text-wrap:balance; }
.db-facts:has(> :nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:1280px) { .db-facts:has(> :nth-child(4)) { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:480px) { .db-facts:has(> :nth-child(4)) { grid-template-columns:minmax(0,1fr); } }
.db-plan .label { margin-top:0; }
.db-plan-price { display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px; }
.db-plan-price span:first-child { font:var(--figure);letter-spacing:-.03em;color:#fff; }
.db-plan-price span:last-child { font-size:14px;color:#c9c3e8; }
.db-plan dl { display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #4d4190; }
.db-plan dl div { display:flex;justify-content:space-between;gap:16px;font-size:15px; }
.db-plan dt { color:#c9c3e8; }
.db-plan dd { font-weight:600; }
.db-plan .tlink { margin-top:22px;color:#fff; }
.db-start { margin-top:16px;padding:20px 22px;border-radius:20px;background:#f7f3ec; }
.db-start ol { display:grid;gap:14px;margin-top:12px;padding:0;list-style:none; }
.db-start li { display:flex;gap:14px; }
.db-start li > span { flex:none;padding-top:3px;font:600 12px Inter,Arial,sans-serif;color:#b43f1d; }
.db-start strong { display:block;font-size:16px; }
.db-start li p { margin-top:2px;font-size:14px;line-height:1.5;color:#5b5873; }
.db-start .tlink { margin-top:12px; }
.db-sites { margin-top:18px; }
.db-sites ul { display:grid;gap:8px;margin-top:10px;padding:0;list-style:none; }
.db-sites li { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;padding:4px 16px;border-radius:14px;background:#f7f3ec; }
.db-sites code { font:600 14px ui-monospace,Menlo,monospace;overflow-wrap:anywhere; }
.db-note { margin-top:18px;font-size:15px;line-height:1.6;color:#5b5873; }
.db-more summary { display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;text-decoration:underline;text-decoration-color:#ef643d;text-decoration-thickness:2px;text-underline-offset:6px; }
.db-more summary::-webkit-details-marker { display:none; }
.db-more[open] summary > span:first-child,.db-more:not([open]) summary > span:last-child { display:none; }
.db-side nav a.db-logout { color:#ffb59b; }
.db-toast { position:fixed;left:50%;bottom:24px;z-index:60;width:max-content;max-width:calc(100vw - 32px);padding:14px 20px;border-radius:16px;background:#1d1a3f;color:#fff;font-size:15px;line-height:1.5;box-shadow:0 20px 40px -20px rgba(29,26,63,.6);transform:translate(-50%,calc(100% + 48px));transition:transform .25s; }
.db-toast.on { transform:translate(-50%,0); }
.auth-status a { font-weight:600;color:#8f3316; }


.blog-hero .db-banner { margin-bottom:24px; }
.blog-list { padding-block:clamp(48px,6vw,80px);background:#efe9df; }
.blog-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px; }
.blog-card { position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:26px;background:#fffdf9;box-shadow:0 1px 0 #e3dccf;transition:transform .25s,box-shadow .25s; }
.blog-card:hover { transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(48,35,10,.45); }
.blog-card:focus-within { outline:3px solid #b43f1d;outline-offset:3px; }
.blog-card > div { display:flex;flex:1;flex-direction:column;gap:12px;padding:22px 24px 24px; }
.blog-card h3 { font:600 23px/1.15 Poppins,Arial,sans-serif;letter-spacing:-.01em;text-wrap:balance; }
.blog-card h3 a { color:inherit;text-decoration:none; }
.blog-card h3 a:focus-visible { outline:none; }
.blog-card h3 a::after { content:'';position:absolute;inset:0;z-index:1;border-radius:inherit; }
.blog-card > div > p:not(.blog-meta):not(.blog-by) { display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.6;color:#5b5873;-webkit-line-clamp:3;-webkit-box-orient:vertical; }
.blog-meta { display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:600 13px Inter,Arial,sans-serif;color:#5b5873; }
.blog-by { display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600; }
.blog-by .db-tag { margin-left:auto; }
.blog-avatar { display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffb59b; }
.blog-avatar img { display:block; }
.blog-cover { position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:#e9dfd0; }
.blog-cover img { display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s; }
.blog-card:hover .blog-cover img { transform:scale(1.03); }
.blog-cover.contain { background:radial-gradient(circle at 50% 120%,#4d4190,#1d1a3f 70%); }
.blog-cover.contain img { padding-top:24px;object-fit:contain;object-position:50% 100%; }
.blog-cover.none { display:flex;align-items:center;justify-content:center;background:#302367;color:#ffb59b;font:700 22px Poppins,Arial,sans-serif; }
.blog-feat { grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:#1d1a3f;color:#fff; }
.blog-feat .blog-cover { aspect-ratio:auto;min-height:340px; }
.blog-feat > div { justify-content:center;gap:16px;padding:clamp(28px,4vw,52px); }
.blog-feat h3 { font:var(--card);letter-spacing:-.025em; }
.blog-feat .blog-meta { color:#c9c3e8; }
.blog-feat .blog-meta .label { color:#ffb59b; }
.blog-feat > div > p:not(.blog-meta):not(.blog-by) { max-width:52ch;font-size:17px;color:#d9d4f0;-webkit-line-clamp:4; }
.blog-feat .blog-by { color:#fff; }
.blog-feat:focus-within { outline-color:#ffb59b; }
@media (max-width:860px) { .blog-feat { grid-template-columns:minmax(0,1fr); } .blog-feat .blog-cover { aspect-ratio:16/10;min-height:0; } }
.blog-news { padding-bottom:clamp(64px,8vw,104px);background:#efe9df; }
.blog-news-card { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 56px;padding:clamp(28px,4vw,56px);border-radius:32px;background:#302367;color:#fff; }
.blog-news-card > div { flex:1 1 360px; }
.blog-news-card h2 { margin-top:14px;font:var(--section);letter-spacing:-1.2px; }
.blog-news-card > div > p { max-width:46ch;margin-top:12px;font-size:16px;line-height:1.6;color:#d9d4f0; }
.blog-news-form { display:grid;flex:1 1 380px;gap:10px; }
.blog-news-form label { font-size:15px;font-weight:600; }
.blog-news-form > div { display:flex;flex-wrap:wrap;gap:10px; }
.blog-news-form input { flex:1 1 220px;min-width:0;height:56px;padding:0 22px;border:0;border-radius:999px;background:#fffdf9;color:#1d1a3f;font-size:16px;outline-color:#ef643d; }
.blog-news-form .pill { height:56px; }
.blog-news-form .auth-status:empty { margin-top:-10px; }
.blog-post-hero > .wrap { padding-bottom:clamp(40px,5vw,64px); }
.blog-post-head { max-width:900px;margin-top:clamp(28px,4vw,48px); }
.blog-post-head h1 { margin-top:16px;font:var(--title);letter-spacing:var(--title-ls);text-wrap:balance; }
.blog-post-lead { max-width:62ch;margin-top:20px;font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:#4a4766; }
.blog-post-head .blog-by { margin-top:24px;padding-top:0; }
.blog-post-head .blog-by .db-tag { margin-left:6px; }
.blog-post-body { padding-bottom:clamp(64px,8vw,104px);background:#efe9df; }
.blog-post-body > .wrap { padding-top:clamp(28px,4vw,48px); }
.blog-post-body .blog-cover { max-height:560px;border-radius:28px;aspect-ratio:16/8; }
.blog-post-grid { display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);margin-top:clamp(32px,5vw,56px); }
.blog-toc { position:sticky;top:101px; }
.blog-toc ol { display:grid;gap:2px;margin-top:12px;padding:0;list-style:none; }
.blog-toc ol a { display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:500;text-decoration:none; }
.blog-toc ol span { font:600 12px Inter,Arial,sans-serif;color:#b43f1d; }
.blog-toc .tlink { margin-top:14px;font-size:15px; }
.blog-prose { max-width:62ch; }
.blog-more { background:#f7f3ec; }
.blog-more .blog-grid { margin-top:40px; }
@media (max-width:1023px) { .blog-post-grid { grid-template-columns:minmax(0,1fr); } .blog-toc { position:static; } }