/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:"Roboto Flex", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:var(--md-surface);--color-surface:var(--md-surface-container-lowest);--color-surface-2:var(--md-surface-container);--color-card:var(--md-surface-container-low);--color-fg:var(--md-on-surface);--color-fg-soft:var(--md-on-surface-variant);--color-muted:var(--md-on-surface-variant);--color-line:var(--md-outline-variant);--color-line-strong:var(--md-outline);--color-heading:var(--md-on-primary-container);--color-accent:var(--md-primary);--color-accent-strong:var(--md-on-primary-container);--color-accent-soft:var(--md-primary-container);--color-on-accent:var(--md-on-primary);--color-shape-a:var(--md-primary-container);--color-shape-b:var(--md-secondary-container);--color-info:var(--md-secondary);--color-info-soft:var(--md-secondary-container);--color-warn:var(--st-changes);--color-warn-soft:var(--st-changes-container);--color-danger:var(--st-cut);--color-danger-soft:var(--st-cut-container);--color-neutral-soft:var(--md-surface-container-high);--color-frame:var(--md-on-surface);--radius-btn:12px;--radius-btn-pressed:8px;--radius-chip:8px;--radius-card:20px;--radius-ctl:12px;--shadow-frame:none;--shadow-pop:0 8px 24px #0000001f;--text-display:clamp(2.5rem, 5vw + 1rem, 4rem);--text-h2:clamp(1.6rem, 2.2vw + 1rem, 2.25rem)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{background:var(--color-bg);color:var(--color-fg);scroll-behavior:smooth;scroll-padding-top:5.5rem}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.0625rem;line-height:1.6}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;color:var(--color-heading)}h1{font-size:var(--text-display);letter-spacing:-.03em;font-weight:700;line-height:1.04}h2{font-size:var(--text-h2);font-weight:700;line-height:1.12}h3{font-size:1.15rem;font-weight:650;line-height:1.3}p{max-width:62ch}a{text-underline-offset:3px}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:5px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}}@layer components{.wrap{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}@media (width>=40rem){.wrap{padding-inline:1.5rem}}.section{padding-block:3.5rem}@media (width>=48rem){.section{padding-block:5.5rem}}.muted{color:var(--color-muted)}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:.5rem;font-size:.78rem;font-weight:650;display:inline-flex}.eyebrow:before{content:"";background:var(--color-accent);width:.5rem;height:.5rem;box-shadow:0 0 0 4px var(--color-accent-soft);border-radius:99px}.btn{border-radius:var(--radius-btn);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem 1.4rem;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s,box-shadow .16s,border-radius .15s;display:inline-flex}.btn:active{border-radius:var(--radius-btn-pressed)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-on-accent)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{background:color-mix(in srgb, var(--color-on-accent) 8%, var(--color-accent))}}.btn-primary:hover{box-shadow:0 1px 3px #0000002e}.btn-quiet{color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-line-strong);background:0 0}.btn-quiet:hover{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.btn-quiet:hover{background:color-mix(in srgb, var(--color-accent) 8%, transparent)}}.btn .arrow{transition:transform .18s}.btn:hover .arrow,.link-arrow:hover .arrow{transform:translate(3px)}.link-arrow{color:var(--color-accent);align-items:center;gap:.4rem;font-weight:650;text-decoration:none;display:inline-flex}.link-arrow:hover{text-decoration:underline}.card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-card)}.card-lift{transition:transform .2s,border-color .2s,box-shadow .2s}.card-lift:hover{border-color:var(--color-accent);transform:translateY(-2px)}.capture{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-frame);overflow:hidden}.capture img{width:100%;height:auto;display:block}.band{background:var(--color-surface);border-block:1px solid var(--color-line)}.hero-bg{isolation:isolate;position:relative;overflow-x:clip}.hero-art{isolation:isolate;position:relative}.hero-shape{z-index:-1;pointer-events:none;position:absolute}.hero-shape.cookie{width:76%;color:var(--color-shape-a);top:-16%;left:-10%}.hero-shape.blob{width:70%;color:var(--color-shape-b);bottom:-14%;right:-10%}@media (width<=40rem){.hero-shape.cookie{width:80%;top:0;left:-12%}.hero-shape.blob{width:90%;right:-20%}}.site-header{z-index:40;background:var(--color-bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--color-bg) 82%, transparent)}}.site-header{backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s}.site-header[data-scrolled]{border-bottom-color:var(--color-line);box-shadow:0 8px 24px -18px #0f172a59}.navlink{color:var(--color-muted);align-items:center;gap:.3rem;padding:.5rem .1rem;font-weight:550;text-decoration:none;transition:color .16s;display:inline-flex;position:relative}.navlink:after{content:"";background:var(--color-accent);transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:.1rem;left:0;right:0;transform:scaleX(0)}.navlink:hover,.navlink[aria-current=page],.has-menu:focus-within>.navlink{color:var(--color-fg)}.navlink:hover:after,.navlink[aria-current=page]:after,.has-menu:hover>.navlink:after,.has-menu:focus-within>.navlink:after{transform:scaleX(1)}.has-menu{position:relative}.menu{background:var(--color-surface);border:1px solid var(--color-line);min-width:19rem;box-shadow:var(--shadow-pop);opacity:0;visibility:hidden;border-radius:16px;margin-top:.35rem;padding:.5rem;transition:opacity .16s,transform .16s,visibility 0s linear .16s;position:absolute;top:100%;left:-1rem;transform:translateY(-4px)}.has-menu:after{content:"";height:.5rem;position:absolute;top:100%;left:0;right:0}.has-menu:hover .menu,.has-menu:focus-within .menu{opacity:1;visibility:visible;transition-delay:0s;transform:none}.menu a{color:var(--color-fg);border-radius:8px;grid-template-columns:2rem 1fr;align-items:center;gap:.1rem .75rem;padding:.6rem .7rem;text-decoration:none;transition:background-color .14s;display:grid}.menu a:hover,.menu a:focus-visible{background:var(--color-accent-soft)}.menu .m-ico{background:var(--color-accent-soft);width:2rem;height:2rem;color:var(--color-accent);border-radius:8px;grid-row:span 2;place-items:center;display:grid}.menu .m-t{font-weight:650;line-height:1.2}.menu .m-d{color:var(--color-muted);font-size:.82rem;line-height:1.3}.mnav{gap:.15rem;padding-block:.25rem 1rem;display:grid}.mnav a{border-top:1px solid var(--color-line);min-height:2.75rem;padding:.8rem .25rem;font-weight:600;text-decoration:none;display:block}.mnav .sub a{color:var(--color-muted);padding-left:1.1rem;font-weight:500}.burger{border-radius:var(--radius-ctl);background:var(--color-surface);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 1.5px var(--color-line);cursor:pointer;justify-content:center;align-items:center;display:none}html.js .burger{display:inline-flex}html.js .mpanel{opacity:0;visibility:hidden;border-top:1px solid var(--color-line);grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.2,.7,.2,1),opacity .2s,visibility 0s linear .26s;display:grid}html.js .mpanel>div{min-height:0;overflow:hidden}html.js .site-header[data-open] .mpanel{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.burger .bar{background:var(--color-fg);border-radius:2px;width:1.15rem;height:2px;transition:transform .22s,opacity .16s;display:block}.burger .bars{gap:.28rem;display:grid}.site-header[data-open] .burger .bar:first-child{transform:translateY(.43rem)rotate(45deg)}.site-header[data-open] .burger .bar:nth-child(2){opacity:0}.site-header[data-open] .burger .bar:nth-child(3){transform:translateY(-.43rem)rotate(-45deg)}@media (width>=48rem){.mpanel,.burger,html.js .burger{display:none!important}}.browser{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-frame);position:relative;overflow:hidden;container-type:inline-size}.browser-bar{background:var(--color-surface-2);border-bottom:1px solid var(--color-line);align-items:center;gap:.5rem;padding:.55rem .8rem;display:flex}.browser-bar .dots{gap:.3rem;display:flex}.browser-bar .dots i{background:var(--color-line-strong);border-radius:99px;width:.6rem;height:.6rem}.browser-bar .url{text-align:center;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-line);border-radius:6px;flex:1;max-width:18rem;margin-inline:auto;padding:.12rem .6rem;font-size:.72rem}.phone{border:7px solid var(--color-frame);background:var(--color-surface);width:100%;max-width:17rem;box-shadow:var(--shadow-pop);border-radius:2.3rem;margin-inline:auto;position:relative;overflow:hidden}.phone:before{content:"";background:var(--color-frame);z-index:3;border-radius:99px;width:4.2rem;height:1.1rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.cm{background:var(--color-bg);text-align:left;grid-template-columns:15em 1fr;min-height:27em;font-size:clamp(9px,1.55cqw,15px);display:grid}.cm.compact{grid-template-columns:1fr;min-height:0}.cm.compact .cm-side{display:none}.cm-side{border-right:1px solid var(--color-line);background:var(--color-surface);align-content:start;gap:.2em;padding:1.2em .9em;display:grid}.cm-brand{align-items:center;gap:.6em;margin-bottom:1em;font-weight:700;display:flex}.cm-brand svg{width:1.7em;height:1.7em}.cm-grp{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-top:.9em;padding-inline:.6em;font-size:.72em;font-weight:700}.cm-item{color:var(--color-fg-soft);border-radius:.5em;align-items:center;gap:.6em;padding:.5em .6em;font-size:.92em;display:flex}.cm-item svg{flex:none;width:1.15em;height:1.15em}.cm-item.on{background:var(--color-accent-soft);color:var(--color-accent-strong);font-weight:650}.cm-main{min-width:0;padding:1.3em 1.5em 1.6em}.cm-top{justify-content:space-between;align-items:center;gap:1em;margin-bottom:1.1em;display:flex}.cm-title{letter-spacing:-.02em;font-size:1.35em;font-weight:750}.cm-btn{background:var(--color-accent);color:var(--color-on-accent);white-space:nowrap;border-radius:.75em;padding:.5em .95em;font-size:.9em;font-weight:650}.cm-table{border:1px solid var(--color-line);background:var(--color-surface);border-radius:1.25em;overflow:hidden}.cm-row{border-top:1px solid var(--color-line);grid-template-columns:1.5fr 1.3fr 1.3fr .9fr;align-items:center;gap:.8em;padding:.8em 1em;font-size:.92em;display:grid}.cm-row:first-child{border-top:0}.cm-row.h{background:var(--color-surface-2);letter-spacing:.07em;text-transform:uppercase;color:var(--color-muted);font-size:.72em;font-weight:700}.sk{background:var(--color-neutral-soft);border-radius:99px;width:70%;height:.75em;display:block}.chip{border-radius:var(--radius-chip);white-space:nowrap;align-items:center;gap:.4em;padding:.2em .65em;font-size:.82em;font-weight:650;line-height:1.4;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:99px;width:.5em;height:.5em}.chip.info{background:var(--color-info-soft);color:var(--color-info)}.chip.warn{background:var(--color-warn-soft);color:var(--color-warn)}.chip.ok{background:var(--color-accent-soft);color:var(--color-accent-strong)}.chip.neutral{background:var(--color-neutral-soft);color:var(--color-fg-soft)}.chip.danger{background:var(--color-danger-soft);color:var(--color-danger)}@media (width<=40rem){.cm:not(.compact){grid-template-columns:1fr}.cm:not(.compact) .cm-side{display:none}.cm-row{grid-template-columns:1.2fr 1fr 1fr}.cm-row>:nth-child(4){display:none}}.bento{background:var(--color-line);border:1px solid var(--color-line);border-radius:var(--radius-card);gap:1px;display:grid;overflow:hidden}.cell{background:var(--color-surface);flex-direction:column;gap:1rem;padding:1.6rem;transition:background-color .22s;display:flex;position:relative}.cell:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--color-accent);opacity:0;transition:opacity .22s;position:absolute;inset:0}.cell:hover:after,.cell:focus-within:after{opacity:1}.cell:hover{background:var(--color-accent-soft)}@supports (color:color-mix(in lab, red, red)){.cell:hover{background:color-mix(in srgb, var(--color-accent-soft) 40%, var(--color-surface))}}.stage-n{letter-spacing:.08em;color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.ico{background:var(--color-accent-soft);width:2.5rem;height:2.5rem;color:var(--color-accent);border-radius:12px;flex:none;place-items:center;display:inline-grid}.ico svg{width:1.3rem;height:1.3rem}.pill{border:1px solid var(--color-line);border-radius:var(--radius-chip);background:var(--color-surface);color:var(--color-fg-soft);align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.88rem;font-weight:600;display:inline-flex}.pill svg{width:1rem;height:1rem;color:var(--color-accent)}.cell-shot{border:1px solid var(--color-line);background:var(--color-surface-2);border-bottom:0;border-radius:20px 20px 0 0;height:22rem;margin-top:auto;position:relative;overflow:hidden}.cell-shot img{border:1px solid var(--color-line);width:78%;height:auto;box-shadow:var(--shadow-frame);border-radius:14px 14px 0 0;margin:1.2rem auto 0;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.cell:hover .cell-shot img{transform:translateY(-.5rem)}.cell-shot:after{content:"";background:linear-gradient(to top, var(--color-surface-2), transparent);height:4rem;position:absolute;inset:auto 0 0}.tile{background:var(--color-surface);align-content:start;gap:.75rem;padding:1.5rem;transition:background-color .22s;display:grid}.tile:hover{background:var(--color-accent-soft)}@supports (color:color-mix(in lab, red, red)){.tile:hover{background:color-mix(in srgb, var(--color-accent-soft) 40%, var(--color-surface))}}.tile:hover .ico{background:var(--color-accent);color:var(--color-on-accent)}.ico{transition:background-color .2s,color .2s}.steps{--p:1;gap:2rem;display:grid;position:relative}.steps:before,.steps:after{content:"";border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:1.2rem;bottom:1.2rem;left:1.1rem}.steps:before{background:var(--color-line)}.steps:after{background:var(--color-accent);transform-origin:top;transform:scaleY(var(--p))}.steps li{z-index:1;grid-template-columns:2.25rem 1fr;gap:1rem;display:grid;position:relative}.badge{background:var(--color-accent);width:2.25rem;height:2.25rem;color:var(--color-on-accent);box-shadow:0 0 0 5px var(--color-bg);border-radius:10px;place-items:center;font-weight:700;transition:background-color .3s,color .3s,box-shadow .3s;display:grid}.band .badge{box-shadow:0 0 0 5px var(--color-surface)}.pair{grid-template-columns:1fr;align-items:center;gap:1rem;display:grid}@media (width>=40rem){.pair{grid-template-columns:1fr auto 1fr}}.dial-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);align-items:center;gap:1.1rem;padding:1.1rem 1.25rem;display:flex}.dial{flex:none;width:4.75rem;height:4.75rem;position:relative}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}.dial .track{fill:none;stroke:var(--color-line);stroke-width:7px}.dial .arc{fill:none;stroke:var(--color-accent);stroke-width:7px;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:0}.dial .lbl{text-align:center;place-content:center;line-height:1.05;display:grid;position:absolute;inset:0}.dial .lbl b{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.dial .lbl span{color:var(--color-muted);font-size:.68rem;font-weight:600}.dial-card.ended{background:var(--color-surface-2);border-style:dashed}.dial-card.ended .x{width:4.75rem;height:4.75rem;color:var(--color-muted);flex:none;place-items:center;display:grid}.dial-card.ended .x svg{width:2.2rem;height:2.2rem}.dial-card.ended p{font-weight:650}.feed{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);gap:0;display:grid;overflow:hidden}.feed li{border-top:1px solid var(--color-line);font-variant-numeric:tabular-nums;align-items:center;gap:.8rem;padding:.85rem 1.1rem;display:flex}.feed li:first-child{border-top:0}.feed .dot{background:var(--color-accent);width:.6rem;height:.6rem;box-shadow:0 0 0 4px var(--color-accent-soft);border-radius:99px;flex:none}.feed .dot.info{background:var(--color-info);box-shadow:0 0 0 4px var(--color-info-soft)}.feed .dot.warn{background:var(--color-warn);box-shadow:0 0 0 4px var(--color-warn-soft)}.feed .dot.neutral{background:var(--color-muted);box-shadow:0 0 0 4px var(--color-neutral-soft)}.feed .txt{font-weight:600;display:inline-block}.ph{gap:.7rem;padding:2.2rem .95rem .9rem;font-size:.8rem;line-height:1.35;display:grid}.ph-head{border-bottom:3px solid var(--color-accent);justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.55rem;display:flex}.ph-head b{font-size:.95rem}.ph-head span{color:var(--color-muted);white-space:nowrap;font-size:.72rem}.ph-status{height:1.7rem;position:relative}.ph-status .chip{position:absolute;top:0;left:0}.ph-status .c-sent,.ph-status .c-sub{opacity:0}.ph-media{aspect-ratio:4/3;background:linear-gradient(135deg, var(--color-surface-2), var(--color-shape-b) 55%, var(--color-shape-a));border-radius:10px;position:relative;overflow:hidden}.ph-media:before{content:"";aspect-ratio:1;background:#ffffff8c;border-radius:50%;width:46%;position:absolute;top:18%;left:12%}.ph-media:after{content:"";background:#ffffffb3;border-radius:99px;height:.55rem;position:absolute;bottom:14%;left:12%;right:12%;box-shadow:0 -1rem 0 -.1rem #ffffff80}.ph-ref{color:var(--color-muted);font-size:.72rem;font-weight:700}.ph-choices{gap:.35rem;display:grid}.ph-choices li{border:1px solid var(--color-line);border-radius:8px;align-items:center;gap:.55rem;padding:.5rem .6rem;font-weight:550;transition:background-color .2s;display:flex}.ph-choices i{border:2px solid var(--color-line-strong);border-radius:99px;flex:none;width:.95rem;height:.95rem;position:relative}.ph-choices li.pick{background:var(--color-accent-soft);border-color:var(--color-accent)}.ph-choices li.pick i{border-color:var(--color-accent)}.ph-choices li.pick i:after{content:"";background:var(--color-accent);border-radius:99px;position:absolute;inset:2px}.ph-choices{opacity:.6}.ph-bar{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.6rem;display:flex}.ph-count{min-width:5.6rem;height:1.1rem;font-weight:650;position:relative}.ph-count span{white-space:nowrap;position:absolute;top:0;left:0}.ph-count .c0{opacity:0}.ph-send{background:var(--color-accent);color:var(--color-on-accent);opacity:.45;border-radius:10px;padding:.4rem .95rem;font-weight:700}.ph-receipt{background:var(--color-accent-soft);color:var(--color-accent-strong);border-radius:8px;align-items:center;gap:.55rem;padding:.55rem .7rem;font-weight:700;display:flex}.ph-receipt svg{flex:none;width:1.15rem;height:1.15rem}.ph-receipt path{stroke-dasharray:24;stroke-dashoffset:0}.jump{z-index:30;background:var(--color-bg);position:sticky;top:4.1rem}@supports (color:color-mix(in lab, red, red)){.jump{background:color-mix(in srgb, var(--color-bg) 88%, transparent)}}.jump{backdrop-filter:blur(10px);border-bottom:1px solid var(--color-line)}.jump a{border-radius:var(--radius-chip);color:var(--color-muted);white-space:nowrap;padding:.55rem .9rem;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s}.jump a:hover{background:var(--color-accent-soft);color:var(--color-accent-strong)}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:0}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.mx-auto{margin-inline:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-\[1\.15rem\]{height:1.15rem}.h-auto{height:auto}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-dvh{min-height:100dvh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-\[1\.15rem\]{width:1.15rem}.w-\[15\.75rem\]{width:15.75rem}.w-\[90\%\]{width:90%}.w-full{width:100%}.max-w-\[22ch\]{max-width:22ch}.max-w-\[22rem\]{max-width:22rem}.max-w-full{max-width:100%}.flex-1{flex:1}.grow{flex-grow:1}.rotate-0{rotate:0deg}.resize{resize:both}.scroll-mt-28{scroll-margin-top:calc(var(--spacing) * 28)}.scroll-mt-32{scroll-margin-top:calc(var(--spacing) * 32)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[16px\]{border-radius:16px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-line{border-color:var(--color-line)}.bg-accent-strong{background-color:var(--color-accent-strong)}.bg-card{background-color:var(--color-card)}.bg-surface{background-color:var(--color-surface)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-accent-strong{color:var(--color-accent-strong)}.text-fg{color:var(--color-fg)}.text-muted{color:var(--color-muted)}.text-on-accent,.text-on-accent\/90{color:var(--color-on-accent)}@supports (color:color-mix(in lab, red, red)){.text-on-accent\/90{color:color-mix(in oklab, var(--color-on-accent) 90%, transparent)}}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.shadow-\[var\(--shadow-frame\)\]{--tw-shadow:var(--shadow-frame);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media (hover:hover){.hover\:bg-accent-soft:hover{background-color:var(--color-accent-soft)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-3:focus{top:calc(var(--spacing) * 3)}.focus\:left-3:focus{left:calc(var(--spacing) * 3)}.focus\:z-50:focus{z-index:50}@media (width>=40rem){.sm\:mt-24{margin-top:calc(var(--spacing) * 24)}.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:justify-self-end{justify-self:flex-end}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (width>=48rem){.md\:sticky{position:sticky}.md\:top-36{top:calc(var(--spacing) * 36)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-span-2{grid-row:span 2/span 2}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.md\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.md\:grid-cols-\[1\.5fr_1fr_1fr_1fr\]{grid-template-columns:1.5fr 1fr 1fr 1fr}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:p-9{padding:calc(var(--spacing) * 9)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:p-14{padding:calc(var(--spacing) * 14)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pt-20{padding-top:calc(var(--spacing) * 20)}.md\:pb-24{padding-bottom:calc(var(--spacing) * 24)}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-28{top:calc(var(--spacing) * 28)}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}}}@font-face{font-family:Roboto Flex;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/fonts/roboto-flex-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/fonts/roboto-flex-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@media (prefers-reduced-motion:no-preference){html.js:not(.no-motion-js) [data-reveal]:not(.is-in){opacity:0;transform:translateY(16px)}html.js [data-reveal]{transition:opacity .64s cubic-bezier(.2,.7,.2,1),transform .64s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms)}html.js [data-reveal].is-in{transition-delay:calc(var(--i,0) * 70ms)}html.js:not(.no-motion-js) .steps li:not(.is-lit) .badge{background:var(--color-surface);color:var(--color-muted);box-shadow:0 0 0 5px var(--color-bg), inset 0 0 0 1.5px var(--color-line-strong)}html.js:not(.no-motion-js) .band .steps li:not(.is-lit) .badge{box-shadow:0 0 0 5px var(--color-surface), inset 0 0 0 1.5px var(--color-line-strong)}html.js .steps:after{transition:transform .24s linear}html.js:not(.no-motion-js) [data-ring]:not(.is-in) .dial-card.ended{opacity:.35}html.js [data-ring] .dial-card.ended{transition:opacity .5s 2.1s}html.js [data-ring].is-in .arc{animation:2.4s cubic-bezier(.45,.05,.3,1) .3s both drain}html.js:not(.no-motion-js) [data-ring]:not(.is-in) .arc{stroke-dashoffset:0}@keyframes drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:326.7px}}html.js:not(.no-motion-js) .feed:not(.is-in) li{opacity:0}html.js .feed.is-in li{animation:.42s ease-out both rowIn;animation-delay:calc(var(--i) * .42s)}html.js .feed.is-in .txt{animation:.52s steps(16,end) both typeIn;animation-delay:calc(var(--i) * .42s + .12s)}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes typeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}html.js .loop{--d:9s}html.js .loop:not(.is-live) *{animation-play-state:paused!important}html.js .loop.is-run .c-sent{animation:chipSent var(--d) ease-in-out 3 both}html.js .loop.is-run .c-sub{animation:chipSub var(--d) ease-in-out 3 both}html.js .loop.is-run .c-app{animation:chipApp var(--d) ease-in-out 3 both}html.js .loop.is-run .pick{animation:pickIn var(--d) ease-in-out 3 both}html.js .loop.is-run .pick i:after{animation:dotIn var(--d) ease-in-out 3 both}html.js .loop.is-run .ph-choices{animation:lockIn var(--d) ease-in-out 3 both}html.js .loop.is-run .c0{animation:count0 var(--d) ease-in-out 3 both}html.js .loop.is-run .c1{animation:count1 var(--d) ease-in-out 3 both}html.js .loop.is-run .ph-send{animation:sendUp var(--d) ease-in-out 3 both}html.js .loop.is-run .ph-receipt{animation:receiptIn var(--d) ease-in-out 3 both}html.js .loop.is-run .ph-receipt path{animation:tick var(--d) ease-in-out 3 both}@keyframes chipSent{0%,56%{opacity:1;transform:none}61%,to{opacity:0;transform:translateY(-6px)}}@keyframes chipSub{0%,58%{opacity:0;transform:translateY(6px)}63%,74%{opacity:1;transform:none}79%,to{opacity:0;transform:translateY(-6px)}}@keyframes chipApp{0%,76%{opacity:0;transform:translateY(6px)}82%,to{opacity:1;transform:none}}@keyframes pickIn{0%,40%{background:var(--color-surface);border-color:var(--color-line)}46%,to{background:var(--color-accent-soft);border-color:var(--color-accent)}}@keyframes dotIn{0%,40%{transform:scale(0)}46%,to{transform:scale(1)}}@keyframes lockIn{0%,58%{opacity:1}66%,to{opacity:.6}}@keyframes count0{0%,42%{opacity:1}47%,to{opacity:0}}@keyframes count1{0%,42%{opacity:0}47%,to{opacity:1}}@keyframes sendUp{0%,42%{opacity:.45;transform:none}48%,52%{opacity:1;transform:none}55%{transform:scale(.94)}59%{opacity:1;transform:none}66%,to{opacity:.45;transform:none}}@keyframes receiptIn{0%,78%{opacity:0;transform:translateY(10px)}86%,to{opacity:1;transform:none}}@keyframes tick{0%,82%{stroke-dashoffset:24px}92%,to{stroke-dashoffset:0}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
