.site-share-roller-shell{inline-size:100%;min-inline-size:0}.site-share-orbit{--orbit-icon-size:clamp(64px, 4.5rem, 80px);block-size:max(17rem, calc(13rem + var(--planet-label-height,4.5rem)));cursor:grab;isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--site-share-accent) 7%, transparent), transparent 65%);min-inline-size:0;position:relative;overflow:clip}.site-share-orbit:focus,.site-share-orbit:focus-visible{outline:none}.site-share-orbit:before{background:radial-gradient(ellipse, color-mix(in srgb, var(--site-share-violet) 7%, transparent), transparent 70%);border:1px solid color-mix(in srgb, var(--site-share-accent) 25%, transparent);block-size:80px;box-shadow:0 0 32px color-mix(in srgb, var(--site-share-accent) 5%, transparent), inset 0 0 24px color-mix(in srgb, var(--site-share-violet) 5%, transparent);content:"";pointer-events:none;inset-inline:7%;top:calc(22% + var(--orbit-icon-size) / 2);z-index:-1;border-radius:50%;position:absolute;transform:translateY(-50%)}.site-share-orbit--dragging,.site-share-orbit--dragging .site-share-planet{cursor:grabbing}.site-share-planet{border-radius:var(--radius-md,16px);color:var(--site-share-ink);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:.75rem;min-block-size:44px;padding:.5rem 4px;font-weight:500;text-decoration:none;transition:transform .22s,opacity .22s;display:flex;position:absolute;top:22%;left:50%}.site-share-orbit--dragging .site-share-planet{transition:none}.site-share-planet[aria-hidden=true]{pointer-events:none;visibility:hidden}.site-share-planet-icon{background:linear-gradient(145deg, var(--site-share-planet-elevated), var(--site-share-planet-surface));block-size:var(--orbit-icon-size);border:1px solid var(--site-share-planet-border);inline-size:var(--orbit-icon-size);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 14px 30px -12px #000b,inset 0 1px #ffffff0d}.site-share-planet[tabindex="0"] .site-share-planet-icon{background:linear-gradient(var(--site-share-planet-surface), var(--site-share-planet-elevated)) padding-box, var(--site-share-gradient) border-box;box-shadow:0 0 0 4px color-mix(in srgb, var(--site-share-accent) 8%, transparent), 0 12px 40px -14px color-mix(in srgb, var(--site-share-accent) 50%, transparent);border-color:#0000}.site-share-planet img{pointer-events:none;block-size:45%;inline-size:45%}.site-share-planet-label{inline-size:100%;min-block-size:var(--planet-label-height,4.5rem);white-space:normal;font-size:1rem;line-height:1.5}.site-share-planet-word{font-size:calc(1em * var(--planet-word-fit,1))}.site-share-planet:hover .site-share-planet-icon{border-color:var(--site-share-accent)}.site-share-planet:focus-visible{outline:2px solid var(--site-share-ink);outline-offset:2px}.site-share-orbit-hint{color:var(--site-share-muted);text-align:center;max-inline-size:54ch;margin:0 auto;line-height:1.6}.site-share-orbit[aria-busy=true] .site-share-planet{cursor:progress}.site-share-orbit[aria-busy=true]:after{border:2px solid var(--site-share-accent);content:"";border-inline-end-color:#0000;border-radius:50%;block-size:1.25rem;inline-size:1.25rem;animation:.8s linear infinite site-share-orbit-progress;position:absolute;bottom:.5rem;left:calc(50% - .625rem)}@keyframes site-share-orbit-progress{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.site-share-planet,.site-share-planet-icon{transition:none}.site-share-orbit[aria-busy=true]:after{animation:none}}.site-share{--site-share-accent:var(--brand-blue,var(--brand-teal,var(--brand-current,var(--brand-jade,var(--brand-indigo,var(--brand-amber,var(--brand-lime,var(--accent-blue,var(--accent,var(--blue,#3aa8ff))))))))));--site-share-violet:var(--brand-violet,var(--brand-indigo,var(--brand-deep,var(--brand-clay,var(--brand-rust,var(--brand-signal,var(--brand-amber,var(--accent-violet,var(--accent-deep,var(--violet,#7c3aed))))))))));--site-share-ink:var(--color-text-primary,var(--ink,#f2f3f7));--site-share-muted:var(--color-text-secondary,var(--ink-dim,var(--muted,#9aa0ae)));--site-share-surface:var(--color-surface,var(--surface,var(--paper,#12121c)));--site-share-border:var(--color-border-strong,var(--surface-line,var(--line,#ffffff29)));--site-share-planet-surface:color-mix(in srgb, var(--site-share-accent) 9%, #11131d);--site-share-planet-elevated:color-mix(in srgb, var(--site-share-accent) 13%, #1a1d2b);--site-share-planet-border:color-mix(in srgb, var(--site-share-accent) 25%, #343947);--site-share-gradient:var(--brand-gradient,var(--accent-gradient,linear-gradient(120deg, var(--site-share-accent), var(--site-share-violet))));border-block-start:1px solid var(--color-border,var(--surface-line,var(--line)));padding-block:2.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-left:max(1.25rem, env(safe-area-inset-left,0px));padding-right:max(1.25rem, env(safe-area-inset-right,0px));overflow-wrap:normal;word-break:normal}.site-share:lang(ko){word-break:keep-all}:is(.safe-page,.policy-page) .site-share{padding-block-end:1.5rem;padding-inline:1.25rem}.site-share--bottom-consumed{padding-block-end:1.5rem}.site-share-inner{inline-size:100%;max-inline-size:var(--container-width,var(--shell,70rem));margin-inline:auto}.site-share-heading{text-align:center;margin-block-end:.75rem;font-size:clamp(1.4rem,3vw,2rem)}.site-share-label,.site-share-fallback label{color:var(--site-share-muted);margin-block-end:.5rem;display:block}.site-share-controls{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.site-share-url{background:var(--site-share-surface);border:1px solid var(--site-share-border);border-radius:var(--radius-sm,var(--radius-s,12px));color:var(--site-share-ink);font:inherit;min-block-size:44px;inline-size:100%;min-inline-size:0;padding-block:.65rem;padding-inline:1rem;line-height:1.5}.site-share-url:focus-visible{outline:2px solid var(--site-share-ink);outline-offset:3px}.site-share-status{color:var(--site-share-muted);min-block-size:1.55em;margin-block-start:.75rem;display:block}.site-share-fallback{max-inline-size:42rem;margin-block-start:.75rem}.site-share-url{-webkit-user-select:text;user-select:text;direction:ltr}@media (width<=600px){.site-share-controls{grid-template-columns:minmax(0,1fr)}}.shot{--shot-h:544px;--shot-w:calc(var(--shot-h) * 390 / 844);--shot-bezel:calc(var(--shot-w) * .032);border-radius:calc(var(--shot-w) * 46 / 390);padding:var(--shot-bezel);width:calc(var(--shot-w) + var(--shot-bezel) * 2);background:#17141f;flex-shrink:0;position:relative;box-shadow:0 0 0 2px #ffffff12,0 40px 80px -30px #141028a6,0 0 70px -20px #4a3f9f8c}.shot-screen{border-radius:calc(var(--shot-w) * 34 / 390);height:var(--shot-h);width:var(--shot-w);background:#faf8f5;overflow:hidden}.shot-image{object-fit:cover;width:100%;height:100%;display:block}.shot-home{bottom:calc(var(--shot-bezel) * .3);height:3px;width:calc(var(--shot-w) * 110 / 390);background:#ffffff47;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=1080px){.shot{--shot-h:490px}}@media (width<=640px){.shot{--shot-h:430px}}.bring-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;margin-top:3rem;display:grid}.bring-points{flex-direction:column;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.bring-point{border-inline-start:2px solid var(--brand-teal);padding-inline-start:1.25rem}.bring-point-title{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.1rem}.bring-point-body{color:var(--color-text-secondary);max-width:52ch;margin:0}.bring-note{color:var(--color-text-secondary);max-width:52ch;margin:2rem 0 0;font-size:.95rem}.bring-visual{justify-content:center;display:flex}@media (width<=980px){.bring-row{grid-template-columns:minmax(0,1fr);justify-items:center;gap:2.5rem}.bring-visual{order:-1}.bring-note{margin-inline:auto}}.designs-modes{border:0;min-width:0;margin:1.75rem 0 0;padding:0}.designs-modes legend{margin-bottom:.65rem;font-weight:600}.designs-mode-options{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));max-width:24rem;display:grid;overflow:hidden}.designs-mode{cursor:pointer;min-width:0;display:grid;position:relative}.designs-mode input{opacity:0;width:1px;height:1px;position:absolute}.designs-mode span{overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;min-width:0;min-height:48px;padding:.65rem 1rem;font-weight:600;display:flex}.designs-mode input:checked+span{background:var(--brand-indigo);color:var(--color-bg)}.designs-mode input:focus-visible+span{outline:3px solid var(--brand-teal);outline-offset:-4px}.designs-hint,.designs-note{color:var(--color-text-secondary);font-size:.9rem}.designs-track{border:1px solid var(--color-border);border-radius:var(--radius-lg);overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--brand-teal) var(--color-bg);scrollbar-width:auto;gap:clamp(1.5rem,4vw,3rem);max-width:100%;padding:1.5rem clamp(1rem,3vw,2rem) 2rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.designs-track:focus-visible{outline:3px solid var(--brand-teal);outline-offset:4px}.designs-card{scroll-snap-align:start;flex:none;margin:0}.designs-card figcaption{text-align:center;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.designs-phone.shot{--shot-h:min(510px, 62svh);box-shadow:0 10px 24px -12px #14102873}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.features-item{flex-direction:column;display:flex}.features-icon{background:var(--color-bg);color:var(--brand-indigo);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:inline-flex}.features-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.05rem}.features-body{color:var(--color-text-secondary);margin:0}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.features-grid{grid-template-columns:minmax(0,1fr)}}.footer{border-top:1px solid var(--color-border);padding-block:2.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.footer-line{color:var(--color-text-secondary);font-size:.85rem}.footer-links{flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;display:flex}.footer-links a{color:var(--color-text-secondary);padding-block:.55rem;font-size:.85rem;font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--color-text-primary)}.platform-availability{flex-direction:column;align-items:flex-start;gap:.7rem;width:100%;margin-top:auto;padding-top:.9rem;display:flex}.platform-availability__badge{letter-spacing:.04em;white-space:nowrap;background:#22c55e29;border:1px solid #22c55e73;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.platform-availability__badge:before{content:"";background:#22c55e;border-radius:50%;width:.5rem;height:.5rem}.platform-availability__cta,.platform-availability__pending{font:inherit;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.6rem 1.3rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.platform-availability__cta{background:color-mix(in srgb, currentColor 10%, transparent);border:1px solid color-mix(in srgb, currentColor 32%, transparent);color:inherit;cursor:pointer;transition:border-color .16s,transform .16s}.platform-availability__cta:hover{border-color:color-mix(in srgb, currentColor 60%, transparent);transform:translateY(-1px)}.platform-availability__cta:focus-visible,.platform-availability__join:focus-visible{outline-offset:3px;outline:2px solid}.platform-availability__pending{border:1px dashed color-mix(in srgb, currentColor 32%, transparent);color:color-mix(in srgb, currentColor 62%, transparent);cursor:not-allowed;background:0 0}.platform-availability__join{color:inherit;text-underline-offset:.2em;align-items:center;gap:.35rem;min-height:44px;margin-inline-start:auto;font-size:.86rem;font-weight:600;text-decoration:underline;display:inline-flex}.platform-availability__join:hover{text-decoration-thickness:2px}.platform-availability__status{flex-wrap:wrap;align-items:center;gap:.25rem .7rem;width:100%;display:flex}@media (prefers-reduced-motion:reduce){.platform-availability__cta{transition:none}.platform-availability__cta:hover{transform:none}}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem;display:grid}.platform-card{flex-direction:column;align-items:flex-start;display:flex}.platform-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.9rem;display:inline-flex}.platform-icon-web{color:var(--brand-indigo);background:#4a3f9f24}.platform-icon-android{color:#3ddc84;background:#3ddc8424}.platform-icon-ios{box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-primary);background:#f2f3f71a}.platform-name{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.1rem}.platform-detail{color:var(--color-text-secondary);flex-grow:1;margin:0 0 1.25rem}.platform-link{text-align:center;white-space:normal;width:100%;margin-top:auto}.getapp-price{margin-top:1.25rem}.getapp-price-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.1rem}.getapp-price-note{color:var(--color-text-secondary);margin:0}.getapp-price .support-links{margin-top:1rem}@media (width<=900px){.platform-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=901px){.support-row{grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-template-areas:"checkout pledge";align-items:start;gap:1.5rem;margin-top:1.75rem;display:grid}.support-row .support-pledge{grid-area:pledge;align-self:start}.support-row .support-checkout{grid-area:checkout}.support-row .tip{margin-top:0}}.support-pledge{border:1px solid color-mix(in srgb, var(--brand-indigo) 38%, transparent);border-radius:var(--radius-md);background:radial-gradient(130% 160% at 100% 100%, color-mix(in srgb, var(--brand-indigo) 20%, transparent), transparent 60%), var(--color-surface);box-shadow:0 20px 45px -28px color-mix(in srgb, var(--brand-indigo) 60%, transparent);align-self:stretch;gap:1.15rem;padding-block:1.6rem;padding-inline:1.9rem 1.6rem;display:flex;position:relative;overflow:hidden}.support-pledge:before{content:"";background:var(--brand-indigo);width:3px;position:absolute;inset-block:0;inset-inline-start:0}.support-pledge-icon{border:1px solid color-mix(in srgb, var(--brand-indigo) 42%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brand-indigo) 16%, transparent);width:2.75rem;height:2.75rem;color:var(--brand-indigo);flex:none;justify-content:center;align-items:center;display:flex}.support-pledge-text{min-width:0}.support-pledge-heading{letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.support-pledge-body{color:var(--color-text-secondary);font-size:.95rem}@media screen and (width<=520px){.support-pledge{flex-direction:column;gap:.85rem;padding-block:1.35rem;padding-inline:1.6rem 1.35rem}}.guide{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);max-width:none;height:min(92vh,900px);max-height:none;width:min(calc(var(--container-width) - 2.5rem), calc(100% - max(1.25rem, env(safe-area-inset-left,0px)) - max(1.25rem, env(safe-area-inset-right,0px))));padding:0}.guide::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1211188c}.guide-inner{flex-direction:column;height:100%;padding:1.5rem;display:flex}.guide-top{flex-shrink:0;align-items:flex-start;gap:.75rem;display:flex}.guide-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;width:44px;height:44px;font-size:1.75rem;line-height:1}.guide-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.guide-contents{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;min-width:0;position:relative}.guide-contents-toggle{color:inherit;cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.5rem 1rem;display:flex}.guide-contents-label{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-size:.8rem}.guide-contents-current{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.guide-caret{color:var(--color-text-secondary);transition:transform .15s;display:inline-flex}.guide-caret-open{transform:rotate(90deg)}.guide-contents-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);inset-inline:-1px;z-index:5;max-height:min(46vh,420px);padding:1rem;position:absolute;top:calc(100% + 1px);overflow-y:auto;box-shadow:0 24px 40px -24px #1410288c}.guide-search{background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:0 0 0 1rem var(--color-surface);color:var(--color-text-secondary);z-index:1;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0 .9rem;display:flex;position:sticky;top:0}.guide-search input{color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:none;flex:1;min-height:44px;padding:0}.guide-group+.guide-group{margin-top:1rem}.guide-group-title{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.8rem}.guide-group-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.guide-entry-button{border-radius:var(--radius-sm);color:inherit;cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;width:100%;min-height:44px;padding:.5rem .75rem}.guide-entry-button:hover{background:var(--color-bg-elevated)}.guide-entry-button[aria-current]{background:var(--color-bg-elevated);box-shadow:inset 2px 0 0 var(--brand-indigo);font-weight:600}.guide-empty{color:var(--color-text-secondary);margin:0}.guide-page{flex:1;gap:2rem;min-height:0;margin-top:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.guide-copy{flex:1;min-width:0}.guide-category{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem}.guide-title{letter-spacing:-.02em;margin:.25rem 0 .5rem;font-size:clamp(1.2rem,2.5vw,1.6rem)}.guide-lead{color:var(--color-text-secondary);max-width:62ch;margin:0 0 1.25rem}.guide-steps{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.guide-step{gap:.85rem;display:flex}.guide-step-number{background:var(--brand-gradient);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:inline-flex}.guide-where{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .25rem;display:flex}.guide-where-label{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.guide-where code{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1rem .5rem;font-family:inherit;font-size:.85rem;font-weight:600}.guide-step-body{margin:0}.guide-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);margin:1.25rem 0 0;padding:.9rem 1rem}.guide-visual.shot{--shot-h:clamp(320px, calc(100svh - 21rem), 700px);align-self:flex-start;position:sticky;top:0}.guide-foot{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.guide-counter{color:var(--color-text-secondary);font-size:.9rem}@media (width<=900px){.guide-page{flex-direction:column}.guide-visual{align-self:center;position:static}}@media (width<=640px){.guide{border-radius:0;width:100vw;height:100dvh}.guide-inner{padding:1rem}}.hero{padding:3.5rem 0 4.5rem;position:relative;overflow:hidden}.hero-aurora{pointer-events:none;z-index:0;background:radial-gradient(38rem 22rem at 78% 12%,#4a3f9f38,#0000 70%),radial-gradient(30rem 20rem at 12% 78%,#2a7f7c2e,#0000 70%);height:130%;position:absolute;inset:-20% -10% auto}.hero-inner{z-index:1;grid-template-columns:minmax(0,1.05fr) auto;align-items:center;gap:3rem;display:grid;position:relative}.hero-heading{letter-spacing:-.035em;margin:.6rem 0 1rem;font-size:clamp(2.1rem,5.4vw,3.4rem);line-height:1.08}.hero-subhead{color:var(--color-text-secondary);max-width:46ch;margin:0 0 1.75rem;font-size:1.06rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-badges{flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.hero-visual{justify-content:center;display:flex}@media (width<=980px){.hero-inner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:2.5rem}.hero-subhead{margin-inline:auto}.hero-actions,.hero-badges{justify-content:center}.hero-visual{display:none}}.hiw-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.hiw-step{flex-direction:column;display:flex}.hiw-diagram{background:var(--color-bg);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin-bottom:1.25rem;padding:.75rem;display:flex}.hiw-diagram svg{width:min(100%,180px);height:auto}.hiw-eyebrow{color:var(--brand-indigo);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.hiw-title{letter-spacing:-.02em;margin:.35rem 0 .6rem;font-size:1.15rem}.hiw-body{color:var(--color-text-secondary);margin:0}.hiw-plate{fill:var(--color-surface);stroke:var(--color-border-strong);stroke-width:1.5px}.hiw-dot-1{fill:var(--brand-indigo)}.hiw-dot-2{fill:var(--brand-teal)}.hiw-dot-3{fill:#b4442a}.hiw-dot-4{fill:var(--brand-indigo)}.hiw-dot-outline{fill:none;stroke:var(--color-border-strong);stroke-dasharray:3 3;stroke-width:1.5px}.hiw-mark,.hiw-line{fill:none;stroke:var(--color-border-strong);stroke-linecap:round;stroke-width:1.6px}.hiw-arrow{fill:none;marker-end:none;stroke:var(--color-border-strong);stroke-dasharray:4 4;stroke-linecap:round;stroke-width:1.8px}.hiw-tick{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.hiw-share{fill:var(--brand-teal);opacity:.85}.hiw-text{fill:var(--color-text-primary);font-family:var(--font-sans);font-size:13px;font-weight:700}@media (width<=900px){.hiw-steps{grid-template-columns:minmax(0,1fr)}}.hiw-cta{justify-content:center;margin-top:2rem;display:flex}@media (width<=640px){.hiw-cta .btn{white-space:normal}}:root{--navigation-target-size:44px}.nav-touch-target{box-sizing:border-box;min-block-size:var(--navigation-target-size);min-inline-size:var(--navigation-target-size)}:where(a,span,summary).nav-touch-target{align-items:center;display:inline-flex}@media (width<=520px){.nav-inline>.nav-touch-target,.nav__inline>.nav-touch-target{padding-block:0;line-height:1.35}}.nav-safe-viewport{--navigation-header-inset-top:env(safe-area-inset-top,0px);--navigation-header-inset-inline-start:env(safe-area-inset-left,0px);padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-left:env(safe-area-inset-left,0px)}.nav-safe-viewport:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--navigation-header-inset-inline-start:env(safe-area-inset-right,0px)}:is(.safe-page,.policy-page) .nav-safe-viewport{--navigation-header-inset-top:0px;--navigation-header-inset-inline-start:0px;padding-top:0;padding-left:0;padding-right:0}.nav-touch-target:is(.nav-skip,.skip-link):not(:focus){clip:rect(0, 0, 0, 0);clip-path:inset(50%);height:1px;white-space:nowrap;min-block-size:1px;min-inline-size:1px;border:0;width:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-touch-target:is(.nav-skip,.skip-link):focus{clip:auto;clip-path:none;height:auto;inset:auto;max-inline-size:calc(100vw - 32px);min-block-size:var(--navigation-target-size);min-inline-size:var(--navigation-target-size);white-space:normal;z-index:100;width:auto;margin:0;padding:8px 12px;display:inline-flex;inset-block-start:calc(8px + var(--navigation-header-inset-top,0px));inset-inline-start:calc(8px + var(--navigation-header-inset-inline-start,0px));overflow:visible}@media (width<=520px){:is(.nav,.site-header) :is(.nav-end,.nav__end,.nav-actions){gap:8px}:is(.nav,.site-header) :is(.language-switcher-list,.language-switcher__list,.language-switcher-menu,.language-menu){max-inline-size:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));min-inline-size:min(15rem, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)))}:is(.nav,.site-header) :is(.language-switcher-option,.language-switcher__option){min-inline-size:var(--navigation-target-size);gap:8px;padding-inline:12px}.site-header .mobile-menu summary{min-width:var(--navigation-target-size);width:var(--navigation-target-size);justify-content:center;padding:0;font-size:0}.site-header .mobile-menu summary:before{content:"⋯";font-size:24px;line-height:1}:is(.nav,.site-header) :is(.nav-inner,.header-inner,.nav__inner,.nav-bar),:is(.policy-nav,.privacy-nav){position:relative}:is(:is(.nav,.site-header,.policy-nav,.privacy-nav) .language-switcher:not(:has(select)),:is(.nav,.site-header,.policy-nav,.privacy-nav) .language-picker){position:static}:is(.nav,.site-header,.policy-nav,.privacy-nav) :is(.language-switcher-list,.language-switcher__list,.language-switcher-menu,.language-menu){inset-inline:auto 0}}.language-switcher{--switcher-border:var(--color-border-strong);--switcher-border-open:color-mix(in srgb, var(--brand-teal) 55%, var(--color-border-strong));--switcher-hover:color-mix(in srgb, var(--color-text-primary) 7%, transparent);--switcher-icon:12px;--switcher-inline:.75rem;--switcher-radius:var(--radius-sm);display:inline-flex;position:relative}.language-switcher-trigger{background:var(--color-surface);border:1px solid var(--switcher-border);border-radius:var(--switcher-radius);color:var(--color-text-primary);cursor:pointer;font:inherit;min-height:var(--navigation-target-size);padding-inline:var(--switcher-inline);text-align:start;align-items:center;gap:.6rem;padding-block:0;line-height:1.4;transition:background .2s,border-color .2s;display:inline-flex}.language-switcher-trigger:hover{border-color:var(--brand-teal)}.language-switcher-trigger[aria-expanded=true]{background:var(--color-bg-elevated);border-color:var(--switcher-border-open)}.language-switcher-trigger:focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}.language-switcher-value{min-width:0;display:grid}.language-switcher-current,.language-switcher-sizer{grid-area:1/1}.language-switcher-current{white-space:nowrap}.language-switcher-sizer{pointer-events:none;visibility:hidden;flex-direction:column;height:0;display:flex;overflow:hidden}.language-switcher-sizer>span{white-space:nowrap}.language-switcher-caret,.language-switcher-check{height:var(--switcher-icon);width:var(--switcher-icon);flex-shrink:0}.language-switcher-caret{color:var(--color-text-secondary);transition:color .2s}.language-switcher-trigger:hover .language-switcher-caret,.language-switcher-trigger[aria-expanded=true] .language-switcher-caret{color:var(--brand-teal)}.language-switcher-list{background:var(--color-bg-elevated);border:1px solid var(--switcher-border-open);border-radius:var(--radius-sm);overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--color-text-secondary) 55%, transparent) transparent;scrollbar-width:thin;inset-inline:0;z-index:60;flex-direction:column;max-height:min(19rem,100dvh - 7rem);padding-block:.3rem;animation:.14s ease-out language-switcher-in;display:flex;position:absolute;top:calc(100% + .4rem);overflow-y:auto;box-shadow:0 14px 34px #00000029}.language-switcher-list::-webkit-scrollbar{width:8px}.language-switcher-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-text-secondary) 55%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.language-switcher-option{color:var(--color-text-secondary);cursor:pointer;font:inherit;padding-block:.5rem;padding-inline:var(--switcher-inline);text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.6rem;line-height:1.4;transition:background .15s,color .15s;display:flex}.language-switcher-option-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.language-switcher-option:hover,.language-switcher-option:focus-visible{background:var(--switcher-hover);color:var(--color-text-primary)}.language-switcher-option:focus-visible{outline:2px solid var(--brand-teal);outline-offset:-2px}.language-switcher-option[aria-checked=true]{color:var(--brand-teal)}.language-switcher-check{visibility:hidden}.language-switcher-option[aria-checked=true] .language-switcher-check{visibility:visible}@keyframes language-switcher-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.language-switcher-list{animation:none}}.language-switcher-code{display:none}@media (width<=520px){.language-switcher-trigger{gap:8px;padding-inline:10px}.language-switcher-value{display:none}.language-switcher-code{display:inline}.language-switcher-list{min-inline-size:min(15rem,100vw - 2rem);max-inline-size:calc(100vw - 2rem);inset-inline-start:auto}.language-switcher-option-name{text-overflow:clip;white-space:normal;min-width:0;overflow:visible}}.nav{background:color-mix(in srgb, var(--color-bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex;position:relative}.nav-brand{letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-brand-mark{flex-shrink:0;width:28px;height:28px;display:block}.nav-measure{pointer-events:none;inset-inline-start:0;visibility:hidden;white-space:nowrap;height:0;position:absolute;top:0;overflow:hidden}.nav-measure>span{flex-shrink:0}.nav-links{align-items:center;gap:1.5rem;margin-inline-start:auto;display:flex}.nav-links a:not(.nav-cta){color:var(--color-text-secondary);font-size:.95rem;text-decoration:none;position:relative}.nav-links a:not(.nav-cta):hover,.nav-links a:not(.nav-cta):focus-visible{color:var(--color-text-primary)}.nav-links a:not(.nav-cta)[aria-current=location]{color:var(--brand-teal)}.nav-links a:not(.nav-cta)[aria-current=location]:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;inset-block-end:-.4rem;inset-inline:0}.nav-link-button{color:var(--color-text-secondary);cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;padding:0;font-size:.95rem}.nav-link-button:hover,.nav-link-button:focus-visible{color:var(--color-text-primary)}.nav-actions{align-items:center;gap:.5rem;display:flex}.nav-burger{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}.nav-burger:hover{background:var(--color-bg-elevated)}.nav-burger[data-has-current=true]{border-color:var(--brand-teal);color:var(--brand-teal)}@media (width<=860px){.nav-links{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);inset-inline:0;z-index:20;flex-direction:column;align-items:stretch;gap:.25rem;margin:0;padding:.5rem;display:none;position:absolute;top:calc(100% + .5rem);box-shadow:0 24px 48px -24px #0a08188c}.nav-links-open{display:flex}.nav-links a:not(.nav-cta),.nav-link-button{border-radius:var(--radius-sm);align-items:center;min-height:44px;padding-inline:.75rem;font-size:1rem;display:flex}.nav-links a:not(.nav-cta):hover,.nav-link-button:hover,.nav-links a:not(.nav-cta)[aria-current=location]{background:var(--color-surface)}.nav-links a:not(.nav-cta)[aria-current=location]:after{width:3px;height:auto;inset-block:.65rem;inset-inline:0 auto}.nav-cta{justify-content:center;width:100%;margin-top:.35rem}.nav-burger{display:inline-flex}}@media (width<=520px){.nav-inner{justify-content:space-between;gap:.5rem;min-height:51px;padding-block:3.5px}.nav-brand{gap:0;margin-inline-end:auto}.nav-brand-mark{width:24px;height:24px}.nav-actions{justify-content:flex-end;margin-inline-start:auto}.nav-brand>.gradient-text{display:none}.nav-links{inset-inline:1.25rem}}.privacy{color:#ece9f5;padding:var(--space-section) 0;background:radial-gradient(46rem 26rem at 82% -10%,#6fcfc938,#0000 65%),radial-gradient(40rem 24rem at 8% 110%,#a79cf533,#0000 65%),#171525}.privacy-inner{justify-content:center;display:flex}.privacy-body{text-align:center;flex-direction:column;align-items:center;display:flex}.privacy-shield{flex-shrink:0;margin-bottom:1rem}.privacy-eyebrow{color:#9d94dd}.privacy-heading{color:#fff;max-width:24ch}.privacy-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.privacy-badge{color:#a9ece7;background:#6fcfc91f;border:1px solid #6fcfc966;border-radius:999px;padding:.4rem .9rem;font-size:.9rem}.privacy-policy-link{color:#fff;text-underline-offset:.25em;min-height:44px;margin-top:1.75rem;padding-block:.6rem;font-weight:600;text-decoration:underline}.privacy-policy-link:after{content:" →"}.privacy-policy-link:hover,.privacy-policy-link:focus-visible{color:#a9ece7}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .privacy-policy-link:after{content:" ←"}.privacy-policy{max-width:78ch;line-height:1.7}.privacy-policy p{margin-block:.75rem 1.25rem}.privacy-policy a{align-items:center;min-height:44px;display:inline-flex}.policy-page{overflow-wrap:anywhere;min-height:100svh;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-top:env(safe-area-inset-top,0px)}.policy-page-header{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex;position:relative}.policy-page-header>.language-switcher{margin-left:auto}[dir=rtl] .policy-page-header{flex-direction:row-reverse}.policy-page-home{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.policy-page-skip{background:var(--color-bg);inset-inline-start:1rem;z-index:100;padding:1rem;position:fixed;top:-10rem}.policy-page-skip:focus{top:max(1rem, env(safe-area-inset-top,0px))}.policy-page main{min-width:0}.policy-page .privacy-policy{margin-block:2rem 4rem}.policy-page .privacy-policy h1,.policy-page .privacy-policy h2,.policy-page .privacy-policy p{color:var(--color-text-primary)}.policy-page .privacy-policy h1{font-size:clamp(2rem,5vw,3rem)}.policy-page .privacy-policy h2{margin-block:1.8rem .5rem;font-size:1.25rem}.policy-page .policy-back{align-items:center;min-height:44px;display:inline-flex}.showcase-rows{flex-direction:column;gap:4.5rem;margin-top:3rem;display:flex}.showcase-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;display:grid}.showcase-row:nth-child(2n) .showcase-copy{order:2}.showcase-caption{color:var(--brand-teal);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.showcase-title{letter-spacing:-.03em;margin:.5rem 0 .85rem;font-size:clamp(1.35rem,3vw,1.9rem)}.showcase-body{color:var(--color-text-secondary);max-width:52ch;margin:0}.showcase-visual{justify-content:center;display:flex}@media (width<=980px){.showcase-rows{gap:3.5rem}.showcase-row{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:2rem}.showcase-row:nth-child(2n) .showcase-copy{order:0}.showcase-body{margin-inline:auto}}.try-app{flex-direction:column;gap:.6rem;min-height:100svh;padding:.75rem 1rem 1rem;display:flex}.try-app-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem .9rem;display:flex}.try-app-back{color:var(--color-text-secondary);align-items:center;gap:.4rem;min-height:44px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.try-app-back:hover,.try-app-back:focus-visible{color:var(--color-text-primary)}.try-app-back-arrow{font-size:1.15rem;line-height:1}.try-app-name{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.try-app-notice{background:var(--color-bg-elevated);border:1px solid var(--color-border);text-align:start;border-radius:14px;flex-shrink:0;align-items:flex-start;gap:.75rem;padding:.7rem .7rem .7rem 1rem;display:flex}.try-app-notice-text{color:var(--color-text-secondary);flex-direction:column;flex:1;gap:.35rem;margin:0;font-size:.92rem;line-height:1.5;display:flex}.try-app-notice-text p{margin:0}.try-app-notice-close{color:var(--color-text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.15rem;line-height:1;transition:background .2s,color .2s;display:flex}.try-app-notice-close:hover,.try-app-notice-close:focus-visible{background:var(--color-border);color:var(--color-text-primary)}.try-app-fit{flex:1 1 0;min-block-size:0;inline-size:100%;position:relative}.try-app-stage{--try-bezel:14px;block-size:calc(844px * var(--try-scale) + var(--try-bezel) * 2);inline-size:calc(390px * var(--try-scale) + var(--try-bezel) * 2);padding:var(--try-bezel);background:#07080a;border-radius:44px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff12,0 40px 80px -30px #000c}.try-app-screen{block-size:calc(844px * var(--try-scale));border-radius:calc(44px - var(--try-bezel));inline-size:calc(390px * var(--try-scale));direction:ltr;background:#000;position:relative;overflow:hidden}.try-app-iframe{block-size:844px;max-block-size:none;inline-size:390px;max-inline-size:none;transform:scale(var(--try-scale));transform-origin:0 0;border:0;display:block}.try-app-loading{color:#acb0b7;z-index:1;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0}.try-app-spinner{border:3px solid #ffffff29;border-top-color:var(--brand-teal);border-radius:50%;block-size:34px;inline-size:34px;animation:.8s linear infinite try-app-spin}@keyframes try-app-spin{to{transform:rotate(360deg)}}@media (width<=820px),(height<=620px){.try-app{gap:0;padding:0}.try-app-bar{border-block-end:1px solid var(--color-border);flex-wrap:nowrap;gap:.5rem;min-height:44px;padding-inline:.6rem}.try-app-back-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.try-app-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;overflow:hidden}.try-app-notice{border-block-start:0;border-inline:0;border-radius:0}.try-app-stage{--try-bezel:0px;--try-scale:1;block-size:100%;box-shadow:none;border-radius:0;inline-size:100%}.try-app-screen{border-radius:0;block-size:100%;inline-size:100%}.try-app-iframe{block-size:100%;inline-size:100%;transform:none}}@media (prefers-reduced-motion:reduce){.try-app-spinner{animation-duration:2.4s}}.demo{--demo-screen-h:clamp(430px, calc(100svh - 12rem), 900px);--demo-screen-w:calc(var(--demo-screen-h) * 390 / 844);--demo-bezel:calc(var(--demo-screen-w) * .028);--demo-device-w:calc(var(--demo-screen-w) + var(--demo-bezel) * 2);padding:2.25rem 0 3rem;scroll-margin-top:5.5rem;position:relative;overflow:hidden}.demo-glow{pointer-events:none;z-index:0;background:radial-gradient(36rem 26rem at 78% 4%,#4a3f9f33,#0000 70%),radial-gradient(30rem 22rem at 6% 96%,#2a7f7c29,#0000 70%);height:130%;position:absolute;inset:-10% -10% auto}.demo-inner{grid-template-areas:"head phone""panel phone""chapters phone";grid-template-columns:minmax(20rem, 40rem) var(--demo-device-w);z-index:1;grid-template-rows:auto auto 1fr;justify-content:center;align-items:start;gap:1.25rem 3rem;display:grid;position:relative}.demo-head{grid-area:head}.demo-head .section-heading{margin:.35rem 0 .6rem;font-size:clamp(1.6rem,2.3vw,1.9rem)}.demo-head .section-intro{max-width:none}.demo-chapters{grid-area:chapters;gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.demo-chapter{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font:inherit;text-align:start;background:0 0;border:1px solid #0000;align-items:center;gap:.7rem;width:100%;height:2.35rem;padding:0 .7rem;font-size:.95rem;transition:background-color .16s,border-color .16s,color .16s;display:flex}.demo-chapter-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-chapter:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.demo-chapter[aria-current=step]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);font-weight:600;box-shadow:0 10px 20px -18px #14102899}.demo-chapter-number{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.78rem;font-weight:700;display:inline-flex}.demo-chapter[aria-current=step] .demo-chapter-number{background:var(--brand-gradient);color:#fff;border-color:#0000}.demo-stage{grid-area:phone;justify-content:center;display:flex}.demo-device{border-radius:calc(var(--demo-screen-w) * 46 / 390);padding:var(--demo-bezel);width:var(--demo-device-w);background:#17141f;flex:none;position:relative;box-shadow:0 0 0 2px #ffffff12,0 44px 80px -34px #141028b3,0 0 80px -24px #4a3f9f80}.demo-screen{border-radius:calc(var(--demo-screen-w) * 34 / 390);height:var(--demo-screen-h);width:var(--demo-screen-w);background:#faf8f5;position:relative;overflow:hidden}.demo-home{bottom:calc(var(--demo-bezel) * .3);height:3px;width:calc(var(--demo-screen-w) * 110 / 390);background:#ffffff4d;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.demo-frame{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .26s;display:block;position:absolute;inset:0}.demo-frame-on{opacity:1;z-index:1}.demo-tap{animation:demo-tap .9s ease-out var(--demo-tap-at,0s) both;aspect-ratio:1;left:calc(var(--demo-tap-x) / 390 * 100%);pointer-events:none;top:calc(var(--demo-tap-y) / 844 * 100%);z-index:2;background:#4a3f9f3d;border:2px solid #4a3f9fa6;border-radius:999px;width:13.8462%;position:absolute;box-shadow:0 0 0 8px #4a3f9f1a}@keyframes demo-tap{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}22%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.demo-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-area:panel;grid-template-rows:auto 1fr auto;row-gap:.8rem;height:11.5rem;padding:.9rem 1.05rem .85rem;display:grid;box-shadow:0 20px 34px -30px #14102899}.demo-progress{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;height:5px;display:block;overflow:hidden}.demo-progress-fill{background:var(--brand-gradient);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.demo-caption{margin:0;font-size:1rem;line-height:1.5}.demo-controls{gap:.4rem;display:flex}.demo-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;font:inherit;border-radius:999px;min-width:2.2rem;padding:.5rem .6rem;font-size:.85rem;font-weight:600;line-height:1;transition:border-color .16s,color .16s}.demo-btn:hover{border-color:var(--brand-indigo);color:var(--brand-indigo)}.demo-btn-wide{flex:1}@media (width<=1180px){.demo-inner{column-gap:2rem}.demo-panel{height:14rem}}@media (width<=980px){.demo{--demo-screen-h:min(calc(min(86vw, 30rem) * 844 / 390), 80svh)}.demo-inner{grid-template:"head""phone""panel""chapters"/minmax(0,1fr);justify-items:center;gap:1.6rem 0}.demo-head{text-align:center;max-width:40rem}.demo-panel{width:min(100%,28rem);height:auto;min-height:11rem}.demo-chapters{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,34rem)}}@media (width<=620px){.demo{padding:1.75rem 0 2.5rem}.demo-head .section-heading{font-size:1.45rem}.demo-head .section-intro{font-size:.95rem}.demo-chapters{grid-template-columns:minmax(0,1fr)}}@media (width>=981px) and (height<=1010px){.demo-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=981px) and (height<=820px){.demo-panel{height:10.5rem}}@media (prefers-reduced-motion:reduce){.demo-frame{transition:none}.demo-tap{opacity:.55;animation:none;transform:translate(-50%,-50%)}}:root{--brand-indigo:#4a3f9f;--brand-teal:#2a7f7c;--brand-gradient:linear-gradient(135deg, #4a3f9f, #2a7f7c);--color-bg:#f4f1ec;--color-bg-elevated:#faf8f5;--color-border:#dad4cb;--color-border-strong:#c4bcae;--color-surface:#fff;--color-text-primary:#1c1a24;--color-text-secondary:#5a5566;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--container-width:1120px;--space-section:4rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--brand-indigo:#a79cf5;--brand-teal:#6fcfc9;--brand-gradient:linear-gradient(135deg, #a79cf5, #6fcfc9);--color-bg:#121118;--color-bg-elevated:#1a1922;--color-border:#322f3d;--color-border-strong:#453f56;--color-surface:#23222d;--color-text-primary:#edeaf3;--color-text-secondary:#a9a3b8}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;min-height:100vh;margin:0;line-height:1.55;display:flex}a{color:inherit}.container{max-width:var(--container-width);padding:0 max(1.25rem, env(safe-area-inset-right,0px)) 0 max(1.25rem, env(safe-area-inset-left,0px));width:100%;margin:0 auto}.section{padding:var(--space-section) 0}.section-elevated{background:var(--color-bg-elevated)}.eyebrow{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.section-heading{letter-spacing:-.03em;margin:.5rem 0 1rem;font-size:clamp(1.6rem,4vw,2.4rem)}.section-intro{color:var(--color-text-secondary);max-width:60ch}.gradient-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.badge{background:var(--color-bg-elevated);color:var(--color-text-secondary);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;display:inline-block}.btn{cursor:pointer;font:inherit;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand-gradient);color:#fff}.btn-ghost{box-shadow:inset 0 0 0 1px var(--color-border-strong);color:inherit;background:0 0}.reveal{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(12px)}.reveal-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.btn{transition:none}.reveal{opacity:1;transform:none}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.support-links{flex-wrap:wrap;gap:.5rem;display:flex}