/*! tailwindcss v4.3.0 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-quest-bg:#faf8f5;--color-quest-ink:#2d2a26}}@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,ui-sans-serif, system-ui, 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]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color: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{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}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}html,body{background:var(--color-quest-bg);color:var(--color-quest-ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root{--q-field: #F4EEE6;--q-field-2: #EBE2D4;--q-white: #FFFCF7;--q-clay: #A9573A;--q-clay-deep: #96492F;--q-clay-soft: #F6E3D6;--q-sand: #EAD7B4;--q-sand-soft: #F3E8D2;--q-sage: #93A081;--q-gold: #C99B5F;--q-ink: #2C2723;--q-ink-2: #3A322C;--q-ink-3: #4A4039;--q-paper: #FAF6F0;--q-cream: #F4EEE6;--q-muted: #6E625A;--q-faint: #B9AC9C;--q-line: rgba(44, 39, 35, .14);--q-action: #2C2723;--q-action-hover: #4A3326;--q-action-ink: #FAF6F0}:root{--blue: var(--q-field);--blue-2: var(--q-field-2);--ink: var(--q-ink);--muted: var(--q-muted);--accent: var(--q-action);--accent-ink: var(--q-action-ink);--black: var(--q-ink);--yellow: var(--q-sand);--pink: var(--q-sage);--white: var(--q-white);--m: clamp(20px, 2.2vw, 32px);--gap-section: clamp(96px, 12vw, 200px);--step-small: clamp(.8125rem, .79rem + .1vw, .9375rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2.9rem, 1rem + 8vw, 8.5rem);--step-display: clamp(4.25rem, .5rem + 13vw, 14rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--blue);color:var(--ink);font-family:Archivo,system-ui,sans-serif;font-size:var(--step-body);line-height:1.5;font-stretch:100%;-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p,ol,ul,figure,blockquote{margin:0;padding:0}ol,ul{list-style:none}button,input{font:inherit;color:inherit}::selection{background:var(--yellow);color:var(--black)}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.field-blue :focus-visible,.field-blue-2 :focus-visible,.field-yellow :focus-visible,.field-pink :focus-visible,.field-white :focus-visible{outline-color:var(--black)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:var(--m);top:12px;z-index:10;background:var(--yellow);color:var(--black);padding:12px 16px;clip-path:inset(50%)}.skip:focus{clip-path:none}.field-blue{background:var(--blue);color:var(--ink)}.field-blue-2{background:var(--blue-2);color:var(--ink)}.field-black{background:var(--black);color:var(--white)}.field-yellow{background:var(--yellow);color:var(--black)}.field-pink{background:var(--pink);color:var(--black)}.field-white{background:var(--white);color:var(--black)}.display{font-weight:800;font-stretch:62%;text-transform:uppercase;line-height:.86;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;background:var(--accent);color:var(--accent-ink);font-size:var(--step-body);font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .16s var(--ease-out),background-color .2s ease}.btn:hover{background:var(--q-action-hover);transform:translateY(-2px)}.btn:active{transform:translateY(1px) scale(.98)}.btn-ink{background:var(--white);color:var(--black)}.field-black .btn:not(.btn-ink){background:var(--q-gold);color:var(--q-ink)}.field-black .btn:not(.btn-ink):hover{background:#d8ae74}.btn-ink:hover{background:var(--yellow)}.btn-small{min-height:44px;padding:0 18px;font-size:var(--step-small)}.textlink{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}.textlink:hover{text-decoration-thickness:4px}.hero{position:relative;display:grid;grid-template-columns:34fr 66fr;column-gap:var(--m);min-height:100svh;padding:0 var(--m);overflow:clip}.hero-talk{display:flex;flex-direction:column;padding:26px 0 var(--m);position:relative;z-index:2}.mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;align-self:flex-start}.mark{color:var(--q-clay)}.mark svg{width:42px;height:42px;flex:none}.mark img{height:31px;width:auto}.hero-pitch{margin-top:24svh}.hero-lead{font-size:var(--step-lead);line-height:1.35;max-width:26ch;margin-bottom:36px}.looks{border:0;margin:auto 0 0;padding:0;min-width:0}.looks legend{padding:0;font-size:var(--step-small);font-weight:600;margin-bottom:12px}.looks-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:420px}.look{position:relative;display:block;aspect-ratio:4 / 5;overflow:clip;background:var(--blue-2);cursor:pointer;transition:transform .16s var(--ease-out),background-color .2s ease}.look img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.look input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.look:hover{transform:translateY(-3px)}.look:has(input:checked){background:var(--yellow)}.look:has(input:focus-visible){outline:3px solid var(--yellow);outline-offset:3px}.hero-wide{display:flex;flex-direction:column;padding-top:26px;min-width:0}.hero-nav{display:flex;gap:28px;font-size:var(--step-small);font-weight:500}.hero-nav a{text-decoration:none;padding:6px 0;white-space:nowrap;flex:none}.hero-nav a:hover{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px}.hero-nav>:last-child{margin-left:auto}.hero-title{font-size:min(var(--step-display),8vw);margin-top:7svh}.lines .line{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}.lines [data-line]{display:block}.hero-stage{position:relative;flex:1;min-height:360px}.proof-block{position:absolute;left:0;top:36px;width:260px;padding:20px 22px 22px;background:var(--yellow);color:var(--black);z-index:2;font-size:var(--step-small);line-height:1.35}.proof-fig{font-size:2.5rem;font-weight:800;font-stretch:62%;line-height:1;margin-bottom:6px}.hero-cut{position:absolute;left:max(300px,36%);top:0;height:min(150svh,1300px);width:auto;max-width:none;transform:none;transform-origin:50% 0;transition:opacity .22s ease,transform .42s var(--ease-out)}.hero-cut.is-swapping{opacity:0;transform:translateY(30px)}.gang{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr;column-gap:var(--m);padding:var(--gap-section) var(--m) 0;min-height:100svh;overflow:clip}.gang-title{grid-column:1 / 6;grid-row:1;font-size:var(--step-head);align-self:start;position:relative;z-index:2}.gang-fig{grid-column:6 / -1;grid-row:1 / 3;align-self:end;position:relative;margin:0}.gang-bar{grid-column:1 / 6;grid-row:2;align-self:end;margin:48px 0 var(--m);position:relative;z-index:2;background:var(--black);color:var(--white);padding:32px;display:grid;gap:24px}.gang-bar p{font-size:var(--step-lead);line-height:1.35;max-width:32ch}.gang-strip{display:flex;gap:10px;align-items:flex-end;height:150px;overflow:clip}.gang-strip img{height:100%;width:auto}.ask{padding:var(--gap-section) var(--m);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--m);min-height:88svh}.ask-h{grid-column:1 / -1;font-size:var(--step-display)}.ask-line{grid-column:1 / -1;position:relative;display:flex;align-items:baseline;margin-top:.06em}.ask-input{width:100%;border:0;background:transparent;color:var(--yellow);font-size:var(--step-display);padding:0 0 .04em;margin:0;outline:none;caret-color:transparent;text-overflow:clip}.ask-input:focus-visible{outline:none}.ask-line:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--q-gold);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease-out)}.ask-line:focus-within:after{transform:none}.caret{position:absolute;right:0;top:.1em;width:.6rem;height:70%;background:var(--yellow);animation:blink 1.1s steps(1) infinite}.ask-line:focus-within .caret{display:none}@keyframes blink{50%{opacity:0}}.ask-answer{grid-column:1 / 7;margin-top:48px}.plan{background:var(--q-ink-2);color:var(--white);padding:24px;max-width:560px;font-size:1rem}.plan-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.plan-head img{width:56px;height:56px;object-fit:cover;object-position:50% 15%;background:var(--blue);border-radius:50%}.plan-title{font-size:1.25rem;font-weight:700;line-height:1.2}.plan-sub{color:var(--q-faint);font-size:.9375rem}.plan-rows{display:grid;gap:6px}.plan-rows li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;background:var(--q-ink-2);padding:14px 16px}.plan-rows span{font-weight:600}.plan-rows em{font-style:normal;color:var(--q-faint);font-size:.9375rem;grid-row:2}.plan-rows b{grid-row:1 / 3;grid-column:2;align-self:center;font-weight:600;font-size:.875rem;background:var(--yellow);color:var(--black);padding:4px 10px}.plan-rows li:not(:first-child) b{background:var(--q-ink-3);color:var(--white)}.ask-try{grid-column:8 / -1;margin-top:48px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ask-try p{font-size:var(--step-body);color:var(--q-faint);margin-bottom:8px}.ask-ex{border:0;background:none;padding:6px 0;font-size:var(--step-lead);font-weight:600;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;transition:color .16s ease,transform .16s var(--ease-out)}.ask-ex:hover{color:var(--yellow);transform:translate(6px)}.board{padding:var(--m)}.board-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:104px;gap:8px}.tile{position:relative;overflow:clip;padding:20px;container-type:inline-size;transition:transform .22s var(--ease-out)}.tile:hover{transform:translateY(-4px)}.t-head{grid-column:1 / 7;grid-row:1 / 4}.t-head h2{font-size:var(--step-head)}.t-xp{grid-column:7 / 10;grid-row:1 / 4}.t-pick{grid-column:10 / 13;grid-row:1 / 4}.t-fill{grid-column:1 / 7;grid-row:4 / 7}.t-order{grid-column:7 / 10;grid-row:4 / 7}.t-match{grid-column:10 / 13;grid-row:4 / 7}.t-voice{grid-column:10 / 13;grid-row:7 / 9}.t-chat{grid-column:1 / 6;grid-row:7 / 9}.t-reflect{grid-column:6 / 10;grid-row:7 / 9}.cap{position:absolute;left:20px;bottom:18px;right:20px;font-size:var(--step-small);line-height:1.35;z-index:1}.cap b{display:block;font-size:var(--step-body);font-weight:600}.ui{position:absolute;font-weight:700;line-height:1;white-space:nowrap}.xp{right:20px;top:16px;font-size:min(3.4rem,20cqi);font-stretch:62%;font-weight:800}.xp span{font-size:1.6em}.pick{left:20px;top:20px;display:flex;gap:.25em;font-size:min(1.75rem,8cqi)}.pick span{padding:.25em .5em;background:var(--q-cream)}.pick .on{background:var(--q-clay);color:var(--q-paper)}.fill{left:20px;top:20px;font-size:min(4.4rem,8.5cqi);font-stretch:62%;font-weight:800;text-transform:uppercase;line-height:.95}.fill .gap{background:var(--black);color:var(--yellow);padding:0 .15em}.order{left:20px;top:20px;display:grid;gap:.25em;font-size:min(1.75rem,8.5cqi)}.order li{background:var(--q-ink-2);color:var(--white);padding:.35em .5em;width:max-content}.order .lift{background:var(--yellow);color:var(--black);transform:translate(.6em) rotate(-3deg)}.match{left:20px;top:20px;display:flex;align-items:center;gap:.2em;font-size:min(1.9rem,9cqi)}.match span{background:var(--white);padding:.3em .45em}.match i{width:1.2em;height:.18em;background:var(--black)}.toggle{left:20px;top:20px;width:3.4em;height:1.7em;font-size:min(2rem,10cqi);background:var(--q-clay)}.toggle .knob{position:absolute;right:.2em;top:.2em;width:1.3em;height:1.3em;background:var(--white);transition:transform .3s var(--ease-out)}.t-voice:hover .knob{transform:translate(-.3em)}.chat{left:20px;right:20px;top:18px;display:flex;gap:14px;align-items:flex-start;white-space:normal;font-size:1.5rem;line-height:1.2;font-weight:600}.chat img{width:64px;height:64px;object-fit:cover;object-position:50% 15%;border-radius:50%;background:var(--blue);flex:none}.chat p{background:var(--white);padding:12px 16px;max-width:30ch;font-size:min(1.375rem,5.2cqi)}.reflect{left:20px;right:20px;top:20px;font-size:min(2.2rem,8cqi);font-weight:500;color:var(--q-faint);background:var(--q-ink-2);padding:.4em .5em}.reflect span:after{content:"";display:inline-block;width:.08em;height:.9em;background:var(--yellow);margin-left:.1em;vertical-align:-.1em;animation:blink 1.1s steps(1) infinite}.stages{padding:var(--gap-section) var(--m)}.stages-h{font-size:var(--step-head);margin-bottom:64px}.bar{display:flex;gap:6px}.seg{flex:var(--g) 1 0;min-width:12%}.seg-time{height:22vh;min-height:160px;padding:20px;font-size:clamp(1.25rem,.9rem + 1vw,1.875rem);font-weight:700;line-height:1.1}.s1 .seg-time{background:var(--q-clay);color:var(--q-paper)}.s2 .seg-time{background:var(--black);color:var(--white)}.s3 .seg-time{background:var(--yellow);color:var(--black)}.s4 .seg-time{background:var(--white);color:var(--black)}.seg-what{margin-top:16px;max-width:24ch;font-size:var(--step-body);line-height:1.4;padding-right:8px}.quote{padding:var(--gap-section) var(--m)}.quote blockquote{margin:0}.q-line{font-size:min(var(--step-head),7.4vw);line-height:.95}.q-line+.q-line{margin-top:.08em}.q-by{display:flex;gap:24px;margin-top:56px;font-size:var(--step-body)}.q-by span+span{color:var(--q-faint)}.price{padding:var(--gap-section) var(--m) var(--m);display:flex;flex-direction:column}.price-h{font-size:var(--step-head)}.price-h .line{display:block}.fig{display:inline-block;background:var(--q-clay);color:var(--q-paper);padding:0 .15em}.price-foot{padding-top:96px;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--m);align-items:end}.price-foot p{grid-column:1 / 7;font-size:var(--step-lead);line-height:1.35;max-width:34ch}.price-act{grid-column:9 / -1;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.faq{padding:var(--gap-section) var(--m);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--m)}.faq-h{grid-column:3 / 11;font-size:var(--step-head);margin-bottom:56px}.cards{grid-column:3 / 11}.card{--tab-w: 200px;--tab-h: 40px;--tab-x: calc((100% - var(--tab-w)) / 5 * var(--n));position:relative;padding-top:var(--tab-h);margin-top:calc(var(--tab-h) * -1);color:var(--black);clip-path:polygon(var(--tab-x) 0,calc(var(--tab-x) + var(--tab-w)) 0,calc(var(--tab-x) + var(--tab-w)) var(--tab-h),100% var(--tab-h),100% 100%,0 100%,0 var(--tab-h),var(--tab-x) var(--tab-h));transition:transform .22s var(--ease-out)}.card:first-child{margin-top:0}.c0{background:var(--yellow)}.c1{background:var(--pink)}.c2{background:var(--white)}.card summary{list-style:none;cursor:pointer;display:block;padding:0 24px 56px;min-height:96px}.card summary::-webkit-details-marker{display:none}.card .tab{position:absolute;top:0;left:var(--tab-x);width:var(--tab-w);height:var(--tab-h);display:flex;align-items:center;padding:0 16px;font-size:1rem;font-weight:600}.card .q{display:block;padding-top:18px;font-size:1.25rem;font-weight:600;line-height:1.3}.card .q:after{content:"+";float:right;font-size:1.5rem;line-height:1;transition:transform .22s var(--ease-out)}.card[open] .q:after{transform:rotate(45deg)}.card:hover:not([open]){transform:translateY(-4px)}.card .a{padding:0 24px 64px;margin-top:-28px;max-width:54ch;font-size:var(--step-body)}.close{display:grid;grid-template-columns:8fr 4fr;column-gap:var(--m);align-items:end;padding:var(--gap-section) var(--m) 0;overflow:clip}.close-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:var(--gap-section)}.close-h{font-size:min(var(--step-display),10.5vw);margin-bottom:28px}.close-h .line{display:block}.close-cut{justify-self:center;height:min(80svh,760px);width:auto;margin-bottom:-6svh}.close-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.or{color:var(--q-faint);font-size:var(--step-body)}.close-note{color:var(--q-faint);font-size:1rem}@media(prefers-reduced-motion:no-preference){.js [data-rise]{opacity:0;transform:translateY(18px);animation:rise .8s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 90ms + .42s)}.js .lines [data-line]{transform:translateY(105%);animation:line-up .9s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * .11s + .15s)}.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)}.js [data-reveal].is-in{opacity:1;transform:none}.js .board-grid .tile[data-reveal]:nth-child(3n+2){transition-delay:70ms}.js .board-grid .tile[data-reveal]:nth-child(3n){transition-delay:.14s}.js .bar .seg[data-reveal]:nth-child(2){transition-delay:80ms}.js .bar .seg[data-reveal]:nth-child(3){transition-delay:.16s}.js .bar .seg[data-reveal]:nth-child(4){transition-delay:.24s}.hero-cut{animation:drop-in 1s var(--ease-out) .3s both}.js .hero-cut:not(.is-swapping){animation:drop-in 1s var(--ease-out) .3s both,sway 7s var(--ease-soft) 1.4s infinite alternate}.js .gang-fig.is-in img{animation:drift 14s var(--ease-soft) infinite alternate}.close-cut{animation:sway-close 6s var(--ease-soft) infinite alternate}}@keyframes rise{to{opacity:1;transform:none}}@keyframes line-up{to{transform:none}}@keyframes drop-in{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes sway{0%{transform:none}to{transform:translateY(-8px)}}@keyframes drift{0%{transform:none}to{transform:translate(-1.5%)}}@keyframes sway-close{0%{transform:none}to{transform:translateY(-6px)}}@media(max-width:1080px){.hero{display:flex;flex-direction:column;padding-bottom:0}.hero-talk,.hero-wide,.hero-pitch{display:contents}.mark{order:1;margin-top:22px}.hero-nav{order:2;gap:22px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.hero-nav>:last-child{margin-left:0}.hero-title{order:3;margin-top:40px;font-size:11.5vw}.hero-lead{order:4;margin-top:32px;margin-bottom:24px;max-width:34ch}.hero-pitch .btn{order:5;align-self:flex-start}.looks{order:6;margin-top:32px}.hero-stage{order:7;flex:none;margin:32px calc(var(--m) * -1) 0;min-height:0;height:clamp(380px,70vw,640px)}.proof-block{left:var(--m);top:0}.hero-cut{left:auto;right:8%;top:20px;height:190%}.board-grid{grid-template-columns:1fr 1fr;grid-auto-rows:min(24vw,128px);grid-auto-flow:row dense;gap:8px}.bar{flex-direction:column}.seg{min-width:0}.seg-time{height:auto;min-height:0;padding:16px 20px}.seg-what{margin:10px 0 14px;max-width:60ch}.board-grid .tile{grid-column:span 1;grid-row:span 2}.board-grid .t-head{grid-column:1 / -1;grid-row:span 1}.board-grid .t-fill,.board-grid .t-chat{grid-column:1 / -1;grid-row:span 2}.gang{display:flex;flex-direction:column;min-height:0;padding-bottom:0}.close{grid-template-columns:1fr}.close-copy{padding-bottom:0}.close-cut{height:100vw;max-height:620px;margin:40px 0 -10vw}.gang-fig{width:100%;margin:32px 0 0}.gang-bar{align-self:stretch;margin:0 calc(var(--m) * -1);padding:28px var(--m)}.gang-title{align-self:stretch}.ask-answer{grid-column:1 / 8}.ask-try{grid-column:8 / -1}.faq-h,.cards{grid-column:1 / -1}}@media(max-width:720px){:root{--step-display: 19vw;--step-head: 12vw}.hero-title{margin-top:28px;font-size:11.5vw}.hero-lead{margin-top:24px;margin-bottom:20px;font-size:1.125rem;max-width:none}.hero-pitch .btn{align-self:stretch}.looks-row{max-width:none}.hero-stage{margin-top:24px;height:clamp(360px,112vw,520px)}.proof-block{top:auto;bottom:24px;width:40%;padding:14px 16px 16px}.proof-fig{font-size:2.25rem}.hero-cut{left:auto;right:-4%;top:12px;height:175%}@media(max-width:480px){.hero-nav .nav-extra{display:none}}.gang-fig{width:100%;margin:24px 0 0}.gang-bar{padding:24px var(--m)}.gang-strip{height:110px;overflow-x:auto}.ask{display:flex;flex-direction:column;min-height:0}.ask-answer{margin-top:28px}.plan{padding:16px}.ask-try{margin-top:28px;flex-direction:row;flex-wrap:wrap;gap:8px}.ask-try p{width:100%;margin-bottom:0}.ask-ex{background:var(--q-ink-2);text-decoration:none;padding:0 14px;min-height:44px;font-size:1rem}.board-grid{grid-template-columns:1fr 1fr;gap:6px;grid-auto-rows:auto}.board-grid .tile{grid-column:1 / -1;grid-row:auto;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.board-grid .t-xp,.board-grid .t-voice{grid-column:span 1}.board-grid .ui,.board-grid .cap{position:static}.board-grid .xp{align-self:flex-end}.board-grid .toggle{position:relative;flex:none}.tile{padding:14px}.cap{left:14px;bottom:12px;right:14px;font-size:.875rem}.cap b{font-size:1rem}.xp{right:14px;top:12px}.pick,.fill,.order,.match,.toggle,.reflect{left:14px;top:14px}.reflect{right:14px}.chat{left:14px;top:14px;right:14px}.chat img{width:48px;height:48px}.stages-h{margin-bottom:32px}.bar{flex-direction:column}.seg{min-width:0}.seg-time{height:auto;min-height:0;padding:16px 20px;font-size:1.375rem}.seg-what{margin:10px 0 14px;font-size:1rem;max-width:none}.ask-h,.ask-input{font-size:var(--step-head)}.q-by{flex-wrap:wrap;gap:4px 16px;font-size:.9375rem;margin-top:40px}.price{min-height:0}.price-foot{display:flex;flex-direction:column;align-items:stretch;gap:24px}.price-foot p{font-size:1.0625rem}.price-act{align-items:stretch;justify-self:auto}.price-act .btn{width:100%}.price-act .textlink{align-self:center}.faq{display:block}.faq-h{margin-bottom:32px}.card{--tab-w: 120px;--tab-x: 0px}.card .tab{font-size:.875rem;padding:0 12px}.card .q{font-size:1.125rem}.card summary{padding:0 20px 60px;min-height:88px}.card .a{padding:0 20px 64px;margin-top:-36px;font-size:1rem}.close-row{flex-direction:column;align-items:stretch;gap:12px;width:100%}.close-row .or{align-self:center}.close-row .btn{width:100%}}
