@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Roboto:wght@300;400;700&display=swap";:root{--font:"Roboto", "Noto Sans KR", system-ui, sans-serif;--ink:#0f1419;--ink-muted:#5c6670;--surface:#fff;--surface-2:#f4f7fb;--border:#e8edf3;--accent:#2563eb;--accent-soft:#2563eb1f;--coral:#f97316;--coral-soft:#f973161f;--radius:16px;--radius-sm:12px;--shadow:0 24px 60px #0f141914;--shadow-sm:0 8px 24px #0f14190f;--header-h:100px;--header-h-scrolled:80px;--max:1200px;--qv-mn:#259fec;--nav-pub-fs:1.0625rem;--nav-pub-pad-y:.5rem;--nav-pub-pad-x:.625rem;--nav-pub-lh:1.2;--nav-pub-block-h:calc(2 * var(--nav-pub-pad-y) + (var(--nav-pub-fs) * var(--nav-pub-lh)));--nav-footer-link-fs:.8125rem;--frachise-menu-header-h:clamp(2.4rem, calc(var(--nav-pub-block-h) * 1.2), 3.25rem);--frachise-menu-footer-h:1.375rem;--qv-global-bg:#ffffff57;--pub-band-white:#fff;--pub-band-lavender:#f1f3ff;--pub-band-muted:#fbfbfb}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1px);background-color:#fff}html:has(.site-header--scrolled){scroll-padding-top:calc(var(--header-h-scrolled) + 1px)}body{font-family:var(--font);color:var(--ink-muted);background:var(--qv-global-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.65}#root{background:0 0;flex-direction:column;min-height:100dvh;display:flex}main{z-index:0;flex:1;position:relative}img{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#1d4ed8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--ink);color:#fff;border-radius:var(--radius-sm);padding:10px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:12px}.skip-link:focus{top:12px}.container{width:min(100% - clamp(32px, 8vw, 40px), var(--max));margin-inline:auto}.site-header{z-index:100;background:#fff;border-bottom:1px solid #5553;transition:background .28s,border-color .28s,box-shadow .2s,-webkit-backdrop-filter .28s,backdrop-filter .28s;position:sticky;top:0}.site-header--scrolled{box-shadow:0 1px #0000000f}.site-header--on-hero{-webkit-backdrop-filter:blur(14px);box-shadow:none;background:#fff6;border-bottom-color:#5555551f}@media (prefers-reduced-transparency:reduce){.site-header--on-hero{-webkit-backdrop-filter:none;background:#ffffff8c}}.site-header--on-hero .site-nav__link--pub{color:#fff;text-shadow:0 1px 2px #00000073}.site-header--on-hero .site-nav__link--pub:hover,.site-header--on-hero .site-nav__link--pub:focus-visible,.site-header--on-hero .site-nav__link--pub.is-active{color:#fff}.site-header--on-hero .site-nav__link--pub:after{border-top-color:#0000}.site-header--on-hero .site-nav__link--pub:hover:after,.site-header--on-hero .site-nav__link--pub:focus-visible:after,.site-header--on-hero .site-nav__link--pub.is-active:after{border-top-color:#fffffff2}.site-header--on-hero .site-nav__dropdown-trigger{color:#fff;text-shadow:0 1px 2px #00000073}.site-header--on-hero .site-nav__dropdown-trigger:hover,.site-header--on-hero .site-nav__dropdown-trigger:focus-visible,.site-header--on-hero .site-nav__dropdown-trigger.is-active{color:#fff}.site-header--on-hero .site-nav__dropdown-trigger:after{border-top-color:#0000}.site-header--on-hero .site-nav__dropdown-trigger:hover:after,.site-header--on-hero .site-nav__dropdown-trigger:focus-visible:after,.site-header--on-hero .site-nav__dropdown-trigger.is-active:after{border-top-color:#fffffff2}.site-header--on-hero .site-logo__img{filter:drop-shadow(0 1px 3px #0000008c)}.site-header--on-hero .nav-toggle{background:#0000001f;border-color:#ffffff73}.site-header--on-hero .nav-toggle__bar{background:#fff}@media (width<=900px){.site-nav--open .site-nav__link--pub{color:#000;text-shadow:none}.site-nav--open .site-nav__link--pub:hover:after,.site-nav--open .site-nav__link--pub:focus-visible:after,.site-nav--open .site-nav__link--pub.is-active:after{border-top-color:var(--qv-mn)}.site-nav--open .site-nav__dropdown-trigger{color:#000;text-shadow:none}.site-nav--open .site-nav__dropdown-trigger:hover:after,.site-nav--open .site-nav__dropdown-trigger:focus-visible:after,.site-nav--open .site-nav__dropdown-trigger.is-active:after{border-top-color:var(--qv-mn)}}.site-header__inner{max-width:var(--max);min-height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 clamp(16px,4vw,20px);transition:min-height .25s;display:flex}@media (width<=900px){:root{--header-h:72px;--header-h-scrolled:60px}.site-logo__img{height:28px}.site-header--scrolled .site-logo__img{height:24px}}.site-header--scrolled .site-header__inner{min-height:var(--header-h-scrolled)}.site-logo{align-items:center;line-height:0;text-decoration:none;display:inline-flex}.site-logo__img{object-fit:contain;width:auto;max-width:200px;height:32px;transition:height .25s;display:block}.site-header--scrolled .site-logo__img{height:26px}.nav-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:0;display:none}.nav-toggle__bar{background:var(--ink);border-radius:1px;width:20px;height:2px;margin:0 auto;display:block}.site-nav{align-items:center;gap:28px;display:flex}.site-nav__list{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{color:var(--ink-muted);font-size:.95rem;font-weight:500;text-decoration:none}.site-nav__link:hover,.site-nav__link.active{color:var(--ink)}.site-header a{color:inherit}.site-nav__list--pub{align-items:center;gap:0 4px}.site-nav__link--pub{padding:var(--nav-pub-pad-y) var(--nav-pub-pad-x);font-size:var(--nav-pub-fs);line-height:var(--nav-pub-lh);color:#000;letter-spacing:-.02em;font-weight:400;text-decoration:none;display:inline-block;position:relative}.site-nav__link--pub:after{content:"";border-top:3px solid #0000;height:0;transition:border-color .2s;position:absolute;bottom:2px;left:10px;right:10px}.site-nav__link--pub:hover,.site-nav__link--pub:focus-visible,.site-nav__link--pub.is-active{color:#000}.site-nav__link--pub:hover:after,.site-nav__link--pub:focus-visible:after,.site-nav__link--pub.is-active:after{border-top-color:var(--qv-mn)}.site-nav__item--guide{z-index:2;position:relative}.site-nav__dropdown-trigger{cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:4px;margin:0;display:inline-flex}.site-nav__dropdown-caret{opacity:.75;font-size:.72em;line-height:1;display:inline-block;translate:0 1px}.site-nav__dropdown-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:11.5rem;box-shadow:var(--shadow-sm);margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.site-nav__dropdown-panel li{margin:0}.site-nav__dropdown-link{font-size:calc(var(--nav-pub-fs) * .94);color:var(--ink);letter-spacing:-.02em;padding:10px 16px;font-weight:500;text-decoration:none;display:block}.site-nav__dropdown-link:hover,.site-nav__dropdown-link:focus-visible{background:var(--surface-2);color:var(--ink);outline:none}.site-nav__dropdown-link.is-active{color:var(--accent);font-weight:600}.franchise-house{box-sizing:border-box;text-decoration:none;position:relative}.franchise-house--header{justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.franchise-house__img{object-fit:contain;vertical-align:middle;flex-shrink:0;display:block}.franchise-house--header .franchise-house__img{width:auto;height:var(--frachise-menu-header-h);max-width:min(100%,20rem);display:block}.franchise-house--header:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.franchise-house--footer{vertical-align:middle;align-items:center;display:inline-flex}.franchise-house--footer .franchise-house__img{width:auto;height:var(--frachise-menu-footer-h);max-width:100%;display:block}.franchise-house--footer:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fbbf81d9}@media (width<=900px){.site-nav__dropdown-panel{width:100%;min-width:0;box-shadow:none;border-radius:var(--radius-sm);margin-top:6px;margin-bottom:4px;padding:4px 0;position:static;top:auto;right:auto}.site-nav__item--franchise{border-top:1px solid var(--border);justify-content:center;width:100%;margin-top:10px;padding-top:10px;display:flex}.site-nav--open .franchise-house--header{max-width:100%;margin-left:0;display:inline-flex}.site-nav__list--pub{gap:2px 0}.site-nav__link--pub{padding:12px 8px;font-size:1rem;display:block}.site-nav__dropdown-trigger{justify-content:space-between;width:100%}}@media (width>=901px){.site-header__inner{align-items:center}.site-header__inner .site-nav{flex:auto;justify-content:flex-end;min-width:0}.site-nav__item--franchise{flex-shrink:0;align-items:center;display:flex}.site-header__inner .site-nav__list--pub{flex-wrap:wrap;justify-content:flex-end;align-items:center;width:100%;max-width:none}}.site-nav__actions{align-items:center;gap:10px;display:flex}@media (width<=900px){.nav-toggle{display:flex}.site-nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);max-height:calc(100vh - var(--header-h));max-height:calc(100dvh - var(--header-h));flex-direction:column;align-items:stretch;padding:12px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.site-nav--open{display:flex}.site-nav__list{flex-direction:column}.site-nav__actions{flex-direction:column;margin-top:8px}.site-nav__actions .btn{justify-content:center;width:100%}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px #2563eb40}.btn--primary:hover{color:#fff;background:#1d4ed8}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn--ghost:hover{color:var(--ink);border-color:#cbd5e1}.btn--lg{padding:14px 24px;font-size:1rem}.hero{padding:clamp(48px,8vw,96px) 0 clamp(56px,10vw,100px);position:relative;overflow:hidden}.hero__bg{background:radial-gradient(120% 80% at 85% 0%, #f9731624, transparent 55%), radial-gradient(100% 70% at 0% 20%, #2563eb1f, transparent 50%), linear-gradient(180deg, #fff 0%, var(--surface-2) 100%);z-index:0;position:absolute;inset:0}.hero__inner{z-index:1;position:relative}.eyebrow{letter-spacing:.02em;color:var(--coral);text-transform:none;margin:0 0 12px;font-size:.9rem;font-weight:600}.hero__title{color:var(--ink);margin:0 0 16px;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15}.hero__title-strong{background:linear-gradient(120deg, var(--ink) 0%, #334155 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero__title-sub{color:var(--ink-muted);margin-top:8px;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:500;display:block}.hero__lead{max-width:36ch;color:var(--ink-muted);margin:0 0 28px;font-size:1.05rem}.hero__cta{flex-wrap:wrap;gap:12px;display:flex}.section{padding:clamp(48px,7vw,88px) 0}.section--tight{padding-top:0}.section-title{color:var(--ink);margin:0 0 8px;font-size:clamp(1.5rem,3vw,2rem)}.section-kicker{color:var(--accent);margin:0 0 12px;font-size:.95rem;font-weight:600}.section-body{max-width:52ch;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card--glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf}.card--accent{background:linear-gradient(145deg,#fff 0%,#eff6ff 100%);border-color:#2563eb33}.card--dark{color:#e2e8f0;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:none}.card--dark .cta-panel__title{color:#f8fafc}.card--dark .cta-panel__body,.card--dark .cta-panel__oauth{color:#cbd5e1}.feature-hero{gap:32px;padding:clamp(24px,4vw,40px);display:grid}@media (width>=880px){.feature-hero{grid-template-columns:1fr 1.1fr;align-items:start}}.pill-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.pill-card{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);padding:18px 20px}.pill-card__title{color:var(--ink);margin:0 0 6px;font-size:1rem}.pill-card__body{margin:0;font-size:.95rem}.bento{gap:20px;display:grid}@media (width>=720px){.bento{grid-template-columns:repeat(2,1fr)}}.bento__item{padding:28px}.bento__title{color:var(--ink);margin:0 0 12px;font-size:1.2rem}.bento__body{margin:0}.fine-print{color:var(--ink-muted);margin:14px 0 0;font-size:.8rem}.section--cta{padding-bottom:clamp(64px,10vw,120px)}.cta-panel{text-align:center;padding:clamp(28px,5vw,48px)}.cta-panel__title{margin:0 0 12px;font-size:clamp(1.4rem,3vw,1.85rem)}.cta-panel__body{max-width:48ch;margin:0 auto 24px}.store-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.store-btn{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:160px;padding:14px 22px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.store-btn:hover{color:#fff;transform:translateY(-1px)}.store-btn--play{background:#111827;box-shadow:0 10px 24px #11182759}.store-btn--apple{background:#000;box-shadow:0 10px 24px #00000059}.cta-panel__oauth{opacity:.9;margin:24px 0 0;font-size:.85rem}.site-footer{border-top:1px solid var(--border);background:#fff;margin-top:auto;padding:40px 20px 28px}.site-footer__grid{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;gap:28px 48px;margin:0 auto;display:flex}.site-footer__brand{color:var(--ink);margin:0 0 12px}.site-footer__brand strong{font-size:1rem;display:block}.site-footer__name{margin-top:4px;font-size:1.1rem;font-weight:700;display:block}.site-footer__legal{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.7}.site-footer__legal a{color:inherit;font-weight:600}.site-footer__nav{flex-direction:column;gap:10px;font-size:.92rem;display:flex}.site-footer__nav a{color:var(--ink-muted);text-decoration:none}.site-footer__nav a:hover{color:var(--ink)}.site-footer__copy{max-width:var(--max);color:#94a3b8;text-align:center;margin:28px auto 0;font-size:.8rem}.site-footer.site-footer--pub{background:#242424;border-top:none;margin-top:auto;padding:48px 20px 40px}.site-footer--pub .site-footer__inner{max-width:var(--max)}.site-footer__brand-block{margin:0 0 20px}.site-footer__brand-title{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(18px,4vw,22px);font-weight:400}.site-footer__brand-name{color:#fff;letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(18px,4vw,22px);font-weight:700}.site-footer__legal-pub{color:#8e8e8e;word-break:keep-all;margin:0 0 16px;font-size:clamp(12px,3.2vw,13px);line-height:1.7}.site-footer__legal-pub a{color:#8e8e8e;text-decoration:none}.site-footer__legal-pub a:hover{color:#c4c4c4}.site-footer__copy-pub{color:#8e8e8e;margin:0 0 20px;font-size:clamp(12px,3.2vw,13px)}.site-footer__links-pub{flex-wrap:wrap;align-items:center;gap:8px 6px;font-size:clamp(12px,3.2vw,13px);line-height:1.5;display:flex}@media (width<=600px){.site-footer.site-footer--pub{padding:36px 18px 32px}.site-footer__links-pub .site-footer__sep{display:none}.site-footer__links-pub{gap:10px 14px}}.site-footer__links-pub a{color:#8e8e8e;text-decoration:none}.site-footer__links-pub a:hover{color:#fff}.site-footer__sep{color:#8e8e8e;-webkit-user-select:none;user-select:none}.legal-page{padding:clamp(32px,6vw,48px) clamp(16px,4vw,20px) clamp(56px,10vw,80px)}.legal-page__title{letter-spacing:-.03em;color:var(--ink);word-break:keep-all;margin:0 0 16px;font-size:clamp(1.5rem,5vw,2.25rem);line-height:1.25}.legal-page__meta{max-width:65ch;color:var(--ink-muted);word-break:keep-all;margin:0 0 32px}.legal-page__brand{max-width:65ch;color:var(--ink);word-break:keep-all;margin:-8px 0 16px;font-size:1.05rem}.legal-section{margin-bottom:28px}.legal-section h2{letter-spacing:-.02em;color:var(--ink);word-break:keep-all;margin:0 0 10px;font-size:clamp(1rem,3.6vw,1.15rem)}.legal-section p{word-break:keep-all;max-width:65ch;margin:0;line-height:1.7}.legal-list{max-width:65ch;margin:0 0 24px;padding-left:1.25rem;line-height:1.7}.legal-list li{word-break:keep-all;margin-bottom:12px}.legal-page--guardian{padding-top:0;padding-bottom:0}.legal-page--guardian .legal-page__title{flex-shrink:0;margin:clamp(8px,1.4vw,12px) 0 clamp(4px,1vw,6px);font-size:clamp(1.125rem,3.2vw,1.5rem);line-height:1.25}.guardian-guide{margin:0;padding:0}.legal-page--guardian .guardian-guide{flex-direction:column;flex:auto;min-height:0;display:flex}.guardian-guide__frame-wrap{background:var(--surface-2);width:100%;margin:0}.legal-page--guardian .guardian-guide__frame-wrap{width:100%;min-width:0}.guardian-guide__iframe{background:#fff;border:0;width:100%;height:auto;min-height:600px;display:block}.guardian-guide--split{margin:0;display:block;position:relative;overflow:visible}.guardian-guide__frame-wrap{min-width:0;max-width:100%;margin-left:224px;overflow:hidden}@media (width<=900px){.guardian-guide__frame-wrap{margin-left:0}}.guardian-sidebar{top:calc(var(--header-h) + 16px);left:max(16px, calc((100vw - var(--max)) / 2 + 16px));width:200px;max-height:calc(100dvh - var(--header-h) - 32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);scrollbar-width:thin;z-index:10;padding:12px 12px 14px;transition:opacity .2s,transform .2s;position:fixed;overflow-y:auto;box-shadow:0 4px 16px #0f141914}.guardian-sidebar--hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.guardian-sidebar::-webkit-scrollbar{width:6px}.guardian-sidebar::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}.guardian-sidebar__list{margin:0;padding:0;list-style:none}.guardian-sidebar__item+.guardian-sidebar__item{margin-top:10px}.guardian-sidebar__group{width:100%;font:inherit;text-align:left;color:var(--ink);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:6px 8px;font-size:.88rem;font-weight:700;transition:background .15s;display:flex}.guardian-sidebar__group:hover{background:var(--surface-2)}.guardian-sidebar__caret{opacity:.55;font-size:.72em;line-height:1;transition:transform .2s,opacity .2s;display:inline-block;transform:rotate(-90deg)}.guardian-sidebar__group.is-open .guardian-sidebar__caret{opacity:.85;transform:rotate(0)}.guardian-sidebar__sublist{margin:0;padding:0 0 0 4px;list-style:none}.guardian-sidebar__link{width:100%;font:inherit;text-align:left;color:var(--ink-muted);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:5px 8px;font-size:.88rem;line-height:1.4;transition:background .15s,color .15s;display:block}.guardian-sidebar__link--child{color:var(--ink-muted);padding-left:12px;font-size:.84rem}.guardian-sidebar__link:hover{background:var(--surface-2);color:var(--ink)}.guardian-sidebar__link.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}@media (width<=900px){.guardian-sidebar{display:none}}.legal-table-wrap{-webkit-overflow-scrolling:touch;margin:16px 0 24px;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;min-width:520px;color:var(--ink-muted);font-size:.9rem;line-height:1.55}.legal-table th,.legal-table td{border:1px solid var(--border);vertical-align:top;text-align:left;word-break:keep-all;padding:10px 12px}@media (width<=600px){.legal-table{min-width:480px;font-size:.84rem}.legal-table th,.legal-table td{padding:8px 10px}}.legal-table th{background:var(--surface-2);color:var(--ink);font-weight:600}.legal-table caption{caption-side:top;text-align:left;color:var(--ink);margin-bottom:10px;font-weight:600}.legal-section h3{letter-spacing:-.02em;color:var(--ink);word-break:keep-all;margin:20px 0 10px;font-size:1rem}.kbd{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:6px;padding:2px 8px;font-family:inherit;font-size:.85em;display:inline-block}.qv-reveal{opacity:0;transition:opacity .88s cubic-bezier(.22,1,.36,1),transform .88s cubic-bezier(.22,1,.36,1);transition-delay:var(--qv-reveal-delay,0s);transform:translateY(52px)}.qv-reveal--left{transform:translate(-56px)}.qv-reveal--right{transform:translate(56px)}.qv-reveal--scale{transform:translateY(40px)scale(.94)}.qv-reveal--from-bottom{transform-origin:50% 100%;transform:translateY(72px)}.qv-reveal--in{opacity:1;transform:translate(0,0)scale(1)}@media (prefers-reduced-motion:reduce){.qv-reveal{opacity:1;transition:none;transform:none}}.btn--on-dark{color:#fff;background:#ffffff1f;border:1px solid #ffffff59}.btn--on-dark:hover{color:#fff;background:#fff3}.pub-hero{margin-top:calc(-1 * var(--header-h));min-height:100dvh;padding:0;padding-top:var(--header-h);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;flex-direction:column;display:flex;position:relative}@media (width<=767px){.pub-hero{min-height:min(660px,92dvh)}}.pub-hero__bg{background-color:#141414;background-position:50% 72%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@media (width>=900px){.pub-hero__bg{background-position:48% 68%}}.pub-hero__bg{background-attachment:scroll}@keyframes pub-hero-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translate(0,0)}}.pub-hero__anim{opacity:0;animation:.88s cubic-bezier(.22,1,.36,1) both pub-hero-fade-up}.pub-hero__anim--1{animation-delay:.1s}.pub-hero__anim--2{animation-delay:.24s}.pub-hero__anim--3{animation-delay:.4s}@media (prefers-reduced-motion:reduce){.pub-hero__anim{opacity:1;animation:none;transform:none}}.pub-hero__grid{z-index:1;width:min(100% - 40px, var(--max));flex-shrink:0;grid-template-columns:1fr 1fr;align-items:flex-end;gap:0 24px;margin-top:auto;margin-left:auto;margin-right:auto;padding-bottom:0;display:grid;position:relative}.pub-hero__col-spacer{min-height:1px}.pub-hero__copy{text-align:left;max-width:100%;padding-bottom:8px}@media (width<=899px){.pub-hero__grid{grid-template-columns:1fr}.pub-hero__col-spacer{display:none}.pub-hero__copy{text-align:center;padding-bottom:16px}}.pub-hero__h1{color:#fff;letter-spacing:-.045em;word-break:keep-all;margin:0;font-size:clamp(2rem,5vw,56px);font-weight:500;line-height:1.15}.pub-hero__brand{color:#fff;letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(2rem,5vw,56px);font-weight:700;line-height:1.15}.pub-hero__lead{color:#fff;letter-spacing:-.02em;word-break:keep-all;margin:20px 0 0;font-size:clamp(1rem,2vw,20px);font-weight:400;line-height:1.55}.pub-hero__spacer-bottom{z-index:1;flex-shrink:0;height:380px;position:relative}@media (width<=767px){.pub-hero__spacer-bottom{height:50px}}.pub-band{padding:clamp(56px,9vw,100px) 0;position:relative;overflow:hidden}.pub-band--white{background:var(--pub-band-white)}.pub-band--lavender{background:var(--pub-band-lavender)}.pub-band--muted{background:var(--pub-band-muted)}@media (width>=768px){.pub-band--white,.pub-band--lavender,.pub-band--muted,.pub-band--integrated{flex-direction:column;justify-content:center;min-height:940px;padding-top:0;padding-bottom:0;display:flex}}@media (width<=767px){.pub-band--white,.pub-band--lavender,.pub-band--muted,.pub-band--integrated{flex-direction:column;justify-content:center;min-height:auto;padding-top:clamp(56px,12vw,80px);padding-bottom:clamp(56px,12vw,80px);display:flex}}.pub-band--smart,.pub-band--integrated{color:#fff}.pub-band--smart{padding-top:0;padding-bottom:0}@media (width>=768px){.pub-band--smart{min-height:940px}}@media (width<=767px){.pub-band--smart{min-height:auto;padding-top:clamp(56px,12vw,80px);padding-bottom:clamp(56px,12vw,80px)}}.pub-band--smart .pub-band__bg{background-color:#0c1418}.pub-band--integrated{box-sizing:border-box}.pub-band--integrated>.container.pub-split{z-index:1;align-items:center;width:100%;min-height:0;display:grid;position:relative}.pub-band--integrated .pub-band__bg{background-color:#140a1c}.pub-band__bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;position:absolute;inset:0}.pub-split{z-index:1;align-items:center;gap:clamp(32px,6vw,56px);display:grid;position:relative}@media (width>=900px){.pub-split{grid-template-columns:1fr 1fr}.pub-split--reverse .pub-split__media{order:-1}}.pub-split__text{padding:0 8px}@media (width<=899px){.pub-split__text{text-align:center;padding:0 4px}.pub-feature-tiles{margin-left:auto;margin-right:auto}}.pub-split__media{justify-content:center;align-items:center;display:flex}.pub-phone-img{object-fit:contain;width:100%;max-width:min(100%,468px);height:auto}.pub-h2{letter-spacing:-.045em;word-break:keep-all;margin:0;font-size:clamp(1.875rem,4.2vw,52px);font-weight:700;line-height:1.2}.pub-h2--dark{color:#454545}.pub-h2--light{color:#fff}.pub-h2-sub{letter-spacing:-.045em;color:#454545;word-break:keep-all;margin:4px 0 0;font-size:clamp(1.875rem,4.2vw,52px);font-weight:400;line-height:1.2}.pub-kicker{letter-spacing:-.045em;color:#454545;word-break:keep-all;margin:0 0 6px;font-size:clamp(1.875rem,4.2vw,52px);font-weight:400;line-height:1.2}.pub-kicker--on-photo{color:#fffffff2}.pub-p{color:#444;letter-spacing:-.01em;word-break:keep-all;margin:20px 0 0;font-size:clamp(.95rem,2.4vw,1.125rem);line-height:1.65}.pub-p--on-photo{color:#ffffffeb}.pub-note{color:#444;letter-spacing:-.01em;margin:16px 0 0;font-size:.78rem}.pub-feature-tiles{grid-template-columns:repeat(3,1fr);gap:12px;max-width:420px;margin:28px 0 0;padding:0;list-style:none;display:grid}@media (width<=520px){.pub-feature-tiles{grid-template-columns:repeat(3,1fr);gap:8px;max-width:none}}.pub-feature-tiles__card{aspect-ratio:1;text-align:center;background-color:#f4f7fb;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;max-height:120px;padding:8px;display:flex}.pub-feature-tiles__t1,.pub-feature-tiles__t2{color:#444;letter-spacing:-.02em;font-size:clamp(.75rem,2.4vw,.9rem);font-weight:700;line-height:1.25;display:block}.pub-smart{z-index:1;text-align:center;flex-direction:column;width:100%;max-width:100%;min-height:0;display:flex;position:relative}@media (width>=768px){.pub-smart{justify-content:space-between;min-height:940px}}@media (width<=767px){.pub-smart{gap:24px}}.pub-smart__intro{flex-shrink:0;padding-top:clamp(20px,3vh,48px)}.pub-band--smart .pub-p--on-photo{word-break:keep-all;font-size:clamp(.98rem,2.6vw,1.25rem);line-height:1.55}.pub-band--smart .pub-h2--light,.pub-band--smart .pub-kicker--on-photo,.pub-band--smart .pub-p--on-photo,.pub-band--integrated .pub-h2--light,.pub-band--integrated .pub-kicker--on-photo,.pub-band--integrated .pub-p--on-photo{text-shadow:0 1px 14px #0006}.pub-smart__shots{grid-template-columns:repeat(3,auto);justify-content:center;align-items:end;gap:12px 6px;min-height:560px;margin-top:auto;display:grid}.pub-smart__shot-wrap{justify-content:center;align-items:flex-end;min-height:0;display:flex}@media (width<=767px){.pub-smart__shots{align-items:end;column-gap:5px;min-height:0;margin-top:28px}}@media (width<=640px){.pub-smart__shots{grid-template-columns:repeat(3,1fr);justify-content:center;column-gap:4px;max-width:100%;margin-left:auto;margin-right:auto}}.pub-smart__shot{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 32px #00000040);width:auto;max-width:min(280px,26vw);height:auto;max-height:560px}@media (width<=640px){.pub-smart__shot{width:100%;max-width:100%;height:auto}}