:root{--bg:#f7f1e1;--surface:#fff;--surface-2:#f0eee6;--primary:#ff6a1f;--primary-deep:color-mix(in srgb, var(--primary) 65%, var(--ink));--accent:color-mix(in srgb, var(--primary) 90%, var(--surface));--ink:#141413;--ink-soft:#3d3c38;--hairline:#14141326;--shadow:#14141347;--shadow-strong:#1414138c;--font-head:"Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max:1120px;--gutter:16px;--nav-h:64px;--radius:12px;--radius-sm:8px;--radius-lg:18px;--line:2px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath transform='translate(2 2)' d='M3 2v16l4.2-3.8 2.8 6.3 3-1.3-2.7-6.2H16z' fill='%23141413' fill-opacity='.3'/%3E%3Cpath d='M3 2v16l4.2-3.8 2.8 6.3 3-1.3-2.7-6.2H16z' fill='%23141413' stroke='%23FFFFFF' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto;--cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath transform='translate(2 2)' d='M3 2v16l4.2-3.8 2.8 6.3 3-1.3-2.7-6.2H16z' fill='%23141413' fill-opacity='.3'/%3E%3Cpath d='M3 2v16l4.2-3.8 2.8 6.3 3-1.3-2.7-6.2H16z' fill='%23FF6A1F' stroke='%23141413' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer}*,:before,:after{box-sizing:border-box}a,button,summary,label,[role=tab]{cursor:var(--cursor-pointer)}input,textarea{cursor:text}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{cursor:var(--cursor);background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;font-weight:500;line-height:1.6}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}svg{display:block}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:var(--radius-sm)}[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nowrap{white-space:nowrap}.skip{left:var(--gutter);z-index:200;background:var(--ink);color:var(--bg);border-radius:var(--radius);padding:10px 14px;font-weight:700;text-decoration:none;position:absolute;top:-100px}.skip:focus{top:12px}.btn{--press:4px;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--ink);font-family:var(--font-body);text-align:center;text-transform:capitalize;white-space:nowrap;cursor:var(--cursor-pointer);box-shadow:var(--press) var(--press) 0 var(--shadow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}.btn--primary{background:var(--primary)}.btn--sm{--press:3px;min-height:44px;padding:8px 16px;font-size:.9375rem}.btn--lg{min-height:56px;padding:14px 26px;font-size:1.0625rem}.btn--xs{--press:2px;gap:6px;min-height:34px;padding:6px 12px;font-size:.8125rem}.btn--xs:before{content:"";position:absolute;inset:-5px}.icon-btn{--press:3px;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:var(--cursor-pointer);box-shadow:var(--press) var(--press) 0 var(--shadow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), opacity .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;place-items:center;padding:0;display:grid}.icon-btn:active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}.icon-btn[aria-disabled=true]{opacity:.35;cursor:var(--cursor);transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}@media (hover:hover){.btn:hover,.icon-btn:not([aria-disabled=true]):hover{box-shadow:calc(var(--press) + 1px) calc(var(--press) + 1px) 0 var(--shadow);transform:translate(-1px,-1px)}.btn:active,.icon-btn:not([aria-disabled=true]):active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}}.chip{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;padding:3px 10px;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}.nav{z-index:50;background:var(--bg);border-bottom:1px solid var(--hairline);position:sticky;top:0}.nav__inner{height:var(--nav-h);max-width:var(--max);padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:12px;margin-inline:auto;display:flex}.brand{align-items:center;min-height:44px;font-size:1.25rem;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:.76em;display:block}@media (min-width:560px){.brand{font-size:1.5rem}}.nav__actions{align-items:center;gap:10px;display:flex}.menu-btn__icon{gap:4px;width:18px;display:grid}.menu-btn__icon i{background:var(--ink);height:2px;transition:transform .2s var(--ease-out), opacity .2s;border-radius:2px;display:block}.nav.is-open .menu-btn__icon i:first-child{transform:translateY(6px)rotate(45deg)}.nav.is-open .menu-btn__icon i:nth-child(2){opacity:0}.nav.is-open .menu-btn__icon i:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav__menu{padding:4px var(--gutter) 20px;background:var(--bg);border-bottom:var(--line) solid var(--ink);opacity:0;visibility:hidden;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out), visibility 0s linear .18s;flex-direction:column;gap:16px;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}.nav.is-open .nav__menu{opacity:1;visibility:visible;transition-delay:0s;transform:none}.nav__links a{border-bottom:1px solid var(--hairline);align-items:center;min-height:52px;padding-inline:4px;font-size:1.0625rem;font-weight:600;text-decoration:none;display:flex}@media (min-width:900px){.menu-btn{display:none}.nav__inner{grid-template-columns:1fr auto 1fr;gap:24px;display:grid}.brand{justify-self:start}.nav__actions{justify-self:end}.nav__menu{opacity:1;visibility:visible;background:0 0;border:0;flex-direction:row;align-items:center;gap:20px;padding:0;transition:none;position:static;transform:none}.nav__links{gap:28px;display:flex}.nav__links a{border:0;min-height:44px;padding:0;font-size:.9375rem;position:relative}.nav__links a:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .3s var(--ease-out);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.nav__links a:hover:after,.nav__links a:focus-visible:after,.nav__links a[aria-current=page]:after{transform:scaleX(1)}}.hero{padding:28px var(--gutter) 56px;background-color:var(--bg);background-image:linear-gradient(to bottom, transparent 80%, var(--bg)), linear-gradient(#14141312 1px, transparent 1px), linear-gradient(90deg, #14141312 1px, transparent 1px);background-size:auto,28px 28px,28px 28px;position:relative;overflow-x:clip}.hero__inner{max-width:var(--max);gap:40px;margin-inline:auto;display:grid}.hero h1{font-family:var(--font-head);letter-spacing:-.03em;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.04}.hero__claude{white-space:nowrap}.hero__claude-logo{vertical-align:-.08em;width:.82em;height:.82em;margin-right:.1em;display:inline-block}.mark{background:var(--accent);box-shadow:.06em .06em 0 var(--shadow-strong);border-radius:.14em;margin:0 -.02em;padding:.02em .22em .06em;display:inline-block;transform:skew(-4deg)}.mark__text{display:inline-block;transform:skew(4deg)}.lead{max-width:34em;color:var(--ink-soft);margin-top:18px;font-size:1.125rem;line-height:1.55}.cta{gap:14px;margin-top:28px;display:grid}.cta__note{align-items:center;gap:8px;margin-top:16px;font-size:.9375rem;font-weight:600;display:flex}.preview-link{text-transform:capitalize;min-height:44px;cursor:var(--cursor-pointer);text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:6px;margin-top:4px;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.preview-link svg{transition:transform .15s var(--ease-out)}.cta .preview-link{text-transform:capitalize;place-self:center start;margin-top:0}@media (hover:hover){.preview-link:hover svg{transform:translate(3px)}}@media (min-width:560px){.cta{grid-template-columns:auto auto;justify-content:start;column-gap:24px}}.tip{vertical-align:1px;margin-left:4px;display:inline-block;position:relative}.tip__btn{border:var(--line) solid var(--ink);background:var(--surface);width:20px;height:20px;cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;padding:0;font-size:.75rem;font-weight:700;line-height:1;display:inline-grid;position:relative}.tip__btn:before{content:"";position:absolute;inset:-12px}.tip__bubble{z-index:30;border-radius:var(--radius);background:var(--ink);width:max-content;max-width:min(260px,100vw - 32px);color:var(--bg);text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translateX(calc(-50% + var(--shift,0px))) translateY(4px);transition:opacity .15s var(--ease-out), transform .15s var(--ease-out), visibility 0s linear .15s;pointer-events:none;padding:10px 12px;font-size:.8125rem;font-weight:500;line-height:1.45;position:absolute;bottom:calc(100% + 12px);left:50%}.tip__bubble:after{content:"";top:100%;left:calc(50% - var(--shift,0px));background:var(--ink);width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.tip--below .tip__bubble{top:calc(100% + 12px);bottom:auto}.tip--below .tip__bubble:after{top:auto;bottom:100%;transform:translate(-50%,50%)rotate(45deg)}.tip.is-open .tip__bubble,.tip__btn:focus-visible+.tip__bubble{opacity:1;visibility:visible;transform:translateX(calc(-50% + var(--shift,0px)));transition-delay:0s}@media (hover:hover){.tip:hover .tip__bubble{opacity:1;visibility:visible;transform:translateX(calc(-50% + var(--shift,0px)));transition-delay:0s}}.hero__demo{width:100%;max-width:480px;margin-inline:auto}.phone{border:var(--line) solid var(--ink);background:var(--ink);width:min(100%,220px);box-shadow:4px 4px 0 var(--shadow);border-radius:34px;margin-inline:auto;padding:6px;transform:rotate(4deg)}.phone__screen{aspect-ratio:9/16;background:var(--surface-2);border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.phone__island{background:var(--ink);border-radius:999px;width:60px;height:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (min-width:900px){.phone{width:260px}}.placeholder__body{color:var(--ink-soft);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.placeholder__text{text-align:center;font-size:.875rem;font-weight:700}.placeholder__sub{margin-top:4px;font-size:.8125rem;font-weight:600;display:block}@media (min-width:900px){.hero{padding:72px 24px 96px}.hero__inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:56px}}.section{padding:56px var(--gutter) 64px}.section__inner{max-width:var(--max);margin-inline:auto}.section__head{max-width:40rem;margin-bottom:28px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";border:var(--line) solid var(--ink);background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px}.section__title{font-family:var(--font-head);letter-spacing:-.025em;text-wrap:balance;margin-top:10px;font-size:clamp(1.875rem,7.5vw,3rem);font-weight:800;line-height:1.08}.section__lead{color:var(--ink-soft);margin-top:12px;font-size:1.0625rem;line-height:1.55}@media (min-width:900px){.section{padding:96px 24px}.section__head{margin-bottom:40px}}.carousel__track{margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:16px;display:flex;position:relative;overflow-x:auto}.carousel__track::-webkit-scrollbar{display:none}.carousel__track:focus-visible{outline-offset:-3px}.carousel__track>*{scroll-snap-align:start;flex:0 0 min(62%,240px)}.carousel__nav{align-items:center;gap:10px;display:flex}.carousel__count{font-variant-numeric:tabular-nums;text-align:center;min-width:3.5em;font-weight:700}@media (min-width:560px){.carousel__track>*{flex-basis:min(42%,240px)}}.sample{flex-direction:column;gap:14px;display:flex}.sample__body{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.sample__title{font-family:var(--font-head);letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.2}.sample__meta{color:var(--ink-soft);font-size:.875rem;line-height:1.45}.samples__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:24px;display:flex}@media (min-width:900px){.samples .carousel__track{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-inline:0;padding:0;display:grid;overflow:visible}.samples .carousel__nav{display:none}.samples__foot{margin-top:36px}}.showcase__bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.works{grid-template-rows:repeat(2,auto);grid-auto-columns:calc(50% - 6px);grid-auto-flow:column;gap:14px 12px;padding-bottom:10px;display:grid}.work{--press:3px;border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);height:100%;color:var(--ink);box-shadow:var(--press) var(--press) 0 var(--shadow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);-webkit-tap-highlight-color:transparent;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.work:active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}@media (hover:hover){.work:hover{box-shadow:calc(var(--press) + 1px) calc(var(--press) + 1px) 0 var(--shadow);transform:translate(-1px,-1px)}.work:active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}}.work__thumb{aspect-ratio:1;border-bottom:var(--line) solid var(--ink);background:var(--ink);place-items:center;display:grid;position:relative}.work__thumb .placeholder__body{color:var(--bg);opacity:.75}.work__play{transition:transform .15s var(--ease-out);position:absolute;bottom:10px;right:10px}.work__play rect{fill:var(--bg)}.work__play path{fill:var(--ink);stroke:var(--ink)}@media (hover:hover){.work:hover .work__play{transform:scale(1.08)}}.work__body{flex:1;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px 12px;display:flex}.work__time{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8125rem;font-weight:700}.work__title{font-family:var(--font-head);letter-spacing:-.01em;font-size:1rem;font-weight:700;line-height:1.2}.showcase__top{margin-bottom:28px}.showcase__top .section__head{margin-bottom:20px}.showcase__top .tabs{margin-bottom:0}.showcase__tabs{gap:12px;display:grid}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tab{--press:3px;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--ink);cursor:var(--cursor-pointer);box-shadow:var(--press) var(--press) 0 var(--shadow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;align-items:center;gap:8px;padding:8px 18px;font-size:.9375rem;font-weight:700;display:inline-flex}.tab:active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}.tab:is([aria-selected=true],[aria-checked=true]){background:var(--accent);transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}.tabs--sub{gap:4px 22px}.tabs--sub .tab{color:var(--ink-soft);box-shadow:none;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:6px 2px}.tabs--sub .tab:active{box-shadow:none;transform:none}.tabs--sub .tab[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink);box-shadow:none;background:0 0;transform:none}@media (hover:hover){.tabs--sub .tab:not([aria-selected=true]):hover{color:var(--ink);border-bottom-color:var(--hairline)}}.tab__count{color:var(--ink-soft);font-size:.8125rem;font-weight:600}.tab:is([aria-selected=true],[aria-checked=true]) .tab__count{color:var(--ink)}@media (min-width:560px){.works{grid-auto-columns:calc(33.3333% - 12px);gap:18px}.work{--press:4px;border-radius:var(--radius-lg)}.work__body{padding:14px 16px 16px}.work__title{font-size:1.1875rem}}@media (min-width:900px){.works{grid-auto-columns:calc(25% - 15px);gap:20px}}.learn__grid{gap:24px;display:grid}.learn__steps{gap:8px;display:grid}.lstep{border:var(--line) solid transparent;border-radius:var(--radius-lg);width:100%;color:var(--ink);text-align:left;cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent;background:0 0;padding:14px 16px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:block}@media (hover:hover){.lstep:hover{background:var(--surface-2)}}.lstep.is-active{border-color:var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--shadow)}.lstep{position:relative;overflow:hidden}.learn__steps.is-auto .lstep.is-active:after{content:"";background:var(--ink);transform-origin:0;height:4px;animation:4s linear backwards lstep-progress;position:absolute;bottom:0;left:0;right:0}.learn__grid:hover .lstep:after,.learn__grid:focus-within .lstep:after,.learn__steps.is-offscreen .lstep:after{animation-play-state:paused}@keyframes lstep-progress{0%{transform:scaleX(0)}}.lstep__text{gap:3px;display:grid}.lstep__q,.lstep__title{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.lstep__q{color:var(--ink-soft);margin-bottom:6px;font-size:.9375rem;font-weight:600;line-height:1.5}.lstep__icon{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);place-items:center;width:24px;height:24px;display:grid}.lstep__icon--x{background:var(--surface);color:var(--ink-soft);border-color:var(--ink-soft)}.lstep__icon--ok{background:var(--accent)}.lstep__desc{padding-left:34px}.lstep__title{font-family:var(--font-head);font-size:1.1875rem;font-weight:700;line-height:1.25}.lstep__desc{color:var(--ink-soft);font-size:.9375rem;line-height:1.5}.chatdemo{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);overflow:hidden}.chatdemo__bar{border-bottom:var(--line) solid var(--ink);background:var(--surface-2);align-items:center;gap:12px;padding:10px 14px;display:flex}.chatdemo__dots{gap:5px;display:flex}.chatdemo__dots i{background:var(--ink);border-radius:50%;width:8px;height:8px}.chatdemo__name{font-size:.8125rem;font-weight:700}.chatdemo__body{gap:16px;padding:18px 16px;display:grid}.cmsg{transition:opacity .2s var(--ease-out);display:grid}.cmsg__bubble{background:var(--surface-2);border-radius:16px 16px 4px;justify-self:end;max-width:88%;padding:10px 14px;font-size:.9375rem;font-weight:600;line-height:1.5}.cmsg__reply{gap:10px;font-size:.9375rem;line-height:1.5;display:grid}.cmsg.is-later{visibility:hidden}.cmsg.is-new{animation:cmsg-in .35s var(--ease-out) backwards}@keyframes cmsg-in{0%{opacity:0;transform:translateY(10px)}}.cmsg.is-active .cmsg__bubble{box-shadow:0 0 0 var(--line) var(--ink)}.cfile{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--surface);box-shadow:2px 2px 0 var(--shadow);align-items:center;gap:12px;padding:10px;display:flex}.cfile__thumb{border-radius:var(--radius-sm);background:var(--bg);width:40px;height:64px;box-shadow:inset 0 0 0 1px var(--hairline);flex:none;align-content:center;gap:4px;padding:6px;display:grid}.cfile__thumb i{background:var(--ink);border-radius:2px;height:4px}.cfile__thumb i:first-child{height:7px}.cfile__thumb i:last-child{width:60%}.cfile__thumb--new{background:var(--accent)}.cfile__meta{min-width:0;display:grid}.cfile__name{font-size:.875rem;font-weight:700}.cfile__info{color:var(--ink-soft);font-size:.75rem;font-weight:600}.cfile__get{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.chatdemo__input{border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:10px;margin:0 16px 16px;padding:8px 8px 8px 14px;font-size:.875rem;display:flex}.chatdemo__send{border-radius:var(--radius-sm);background:var(--ink);width:28px;height:28px;color:var(--bg);place-items:center;display:grid}@media (min-width:900px){.learn__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px}.lstep{padding:16px 18px}.chatdemo__body{gap:18px;padding:22px 22px 18px}.chatdemo__input{margin:0 22px 20px}}.kurikulum__grid{gap:40px;display:grid}.ldemo{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);overflow:hidden}.ldemo__bar{border-bottom:var(--line) solid var(--ink);background:var(--surface-2);align-items:center;gap:12px;padding:10px 14px;display:flex}.ldemo__dots{gap:5px;display:flex}.ldemo__dots i{background:var(--ink);border-radius:50%;width:8px;height:8px}.ldemo__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;font-weight:700;overflow:hidden}.ldemo__tabs{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ldemo__tab{min-height:44px;color:var(--ink-soft);cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:10px 8px;font-size:.875rem;font-weight:600;position:relative}.ldemo__tab[aria-selected=true]{color:var(--ink);font-weight:700}.ldemo__tab[aria-selected=true]:after{content:"";background:var(--ink);transform-origin:0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.ldemo__tabs.is-auto .ldemo__tab[aria-selected=true]:after{animation:4.5s linear backwards ldemo-progress}.ldemo:hover .ldemo__tab:after,.ldemo:focus-within .ldemo__tab:after,.ldemo__tabs.is-offscreen .ldemo__tab:after{animation-play-state:paused}@keyframes ldemo-progress{0%{transform:scaleX(0)}}.ldemo__panels{display:grid}.ldemo__panel{grid-area:1/1;align-content:start;gap:12px;padding:16px;display:grid}.ldemo__panel[hidden]{visibility:hidden;display:grid}.ldemo__video{aspect-ratio:16/9;border-radius:var(--radius);background:var(--ink);color:var(--bg);place-items:center;display:grid;position:relative}.ldemo__video .placeholder__text{opacity:.75}.ldemo__note{color:var(--ink-soft);font-size:.875rem;line-height:1.5}.ldemo__label{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.ldemo__prompt{border:1px solid var(--hairline);background:var(--surface-2);border-radius:14px 14px 4px;padding:14px 16px;font-weight:600;line-height:1.7}.ldemo__fill{border-radius:var(--radius-sm);background:var(--accent);color:var(--ink);padding:1px 6px}.ldemo__list{gap:8px;display:grid}.ldemo__file{border:1px solid var(--hairline);border-radius:var(--radius);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;display:flex}.ldemo__item{flex:none;font-weight:700}.ldemo__hint{color:var(--ink-soft);text-align:right;font-size:.8125rem}.ldemo__saved{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);justify-self:end;align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:700;display:inline-flex}.ldemo__panel:not([hidden]) .ldemo__file{animation:ldemo-in .35s var(--ease-out) backwards;animation-delay:calc(var(--i) * 90ms)}.ldemo__panel:not([hidden]) .ldemo__saved{animation:ldemo-pop .3s var(--ease-out) .35s backwards}@keyframes ldemo-in{0%{opacity:0;transform:translateY(8px)}}@keyframes ldemo-pop{0%{opacity:0;transform:scale(.85)}}.kurikulum__cta{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.kurikulum__cta .preview-link{margin-top:0}.kurikulum__hint{color:var(--ink-soft);font-size:.9375rem;font-weight:600}.timeline{gap:14px;display:grid}.tl{position:relative}.tl:not(:last-child):before{content:"";background:var(--hairline);width:2px;height:14px;transition:background-color .3s var(--ease-out);position:absolute;top:100%;left:39px}.tl.is-reached:not(:last-child):before{background:var(--ink)}.tl__item{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:3px 3px 0 var(--shadow)}.tl__head{cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:14px 18px;list-style:none;display:grid}.tl__head::-webkit-details-marker{display:none}.tl__num{border:var(--line) solid var(--shadow);border-radius:var(--radius);background:var(--surface);width:44px;height:44px;color:var(--ink-soft);font-variant-numeric:tabular-nums;transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out), box-shadow .3s var(--ease-out);place-items:center;font-size:.875rem;font-weight:700;display:grid}.tl.is-reached .tl__num{border-color:var(--ink);background:var(--accent);color:var(--ink);box-shadow:2px 2px 0 var(--shadow)}.tl__text{gap:2px;display:grid}.tl__title{font-family:var(--font-head);font-size:1.125rem;font-weight:700;line-height:1.25}.tl__desc{font-size:.9375rem;font-weight:600;line-height:1.45}.tl__meta{color:var(--ink-soft);flex-wrap:wrap;grid-column:2;align-items:center;gap:6px 8px;font-size:.8125rem;font-weight:600;display:flex}.tl__tag{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);align-items:center;gap:5px;padding:3px 10px;font-size:.8125rem;font-weight:700;display:inline-flex}.tl__tag svg{width:15px;height:15px}.tl__tag--free{background:var(--accent)}.tl__toggle{border:var(--line) solid var(--ink);background:var(--surface);width:32px;height:32px;color:var(--ink);border-radius:50%;grid-area:1/3;place-items:center;transition:background-color .2s;display:grid}.tl__toggle svg{transition:transform .25s var(--ease-out)}.tl__item[open] .tl__toggle{background:var(--accent)}.tl__item[open] .tl__toggle svg{transform:rotate(180deg)}@media (hover:hover){.tl__item:not([open]) .tl__head:hover .tl__toggle{background:var(--surface-2)}}.tl__body{padding:0 18px 16px 76px}.tl__head--plain{cursor:auto}.kurikulum__empty{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink-soft);box-shadow:3px 3px 0 var(--shadow);padding:18px;font-weight:600}.tl__item[open] .tl__body{animation:tl-open .25s var(--ease-out) backwards}@keyframes tl-open{0%{opacity:0;transform:translateY(-6px)}}.tl__label{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.tl__topics{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);gap:8px;padding:14px 16px;display:grid}.tl__topics li{padding-left:18px;font-size:.9375rem;line-height:1.5;position:relative}.tl__topics li:before{content:"";background:var(--ink);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--ink);border-radius:2px;position:absolute;top:.6em;left:2px}@media (min-width:900px){.tl__head{grid-template-columns:auto minmax(0,1fr) auto auto}.tl__toggle{grid-column:4}.tl__meta{text-align:right;white-space:nowrap;flex-direction:column;grid-column:auto;align-items:flex-end}.showcase__top{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.showcase__top .section__head{margin-bottom:0}.showcase__tabs{justify-items:end;margin-bottom:60px}.showcase__top .tabs{flex-wrap:nowrap}.showcase__bar{width:fit-content;margin:-63px 0 14px auto}.kurikulum__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px}.kurikulum__demo{position:sticky;top:96px}}.coach__inner{gap:36px;display:grid}.coach__photo{justify-self:center;width:min(100%,360px);position:relative}.coach__frame{aspect-ratio:4/5;border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--ink-soft);box-shadow:6px 6px 0 var(--shadow);align-content:center;place-items:center;gap:12px;display:grid;position:relative}.coach__story{color:var(--ink-soft);gap:12px;margin-top:16px;font-size:1.0625rem;line-height:1.6;display:grid}.coach__facts{gap:10px;margin-top:24px;display:grid}.coach__facts li{align-items:center;gap:12px;font-weight:600;display:flex}.coach__icon{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);flex:none;place-items:center;width:36px;height:36px;display:grid}.coach__cta{margin-top:20px;display:flex}.coach__links{gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.coach__link{--press:3px;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--surface);width:44px;height:44px;color:var(--ink);box-shadow:var(--press) var(--press) 0 var(--shadow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);place-items:center;font-size:.9375rem;font-weight:700;text-decoration:none;display:grid}.coach__link:active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}@media (min-width:900px){.coach__inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:72px}.coach__photo{width:100%;max-width:420px}}.pricing__head{text-align:center;margin-inline:auto}.pricing__head .eyebrow{justify-content:center}.solo{gap:16px;max-width:480px;margin:40px auto 0;display:grid}.solo__title{font-family:var(--font-head);text-align:center;font-size:1.25rem;font-weight:800}.solo__list{gap:16px;display:grid}.solo-card{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);gap:8px;padding:20px 22px;display:grid}.solo-card__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.solo-card__name{font-size:1.125rem;font-weight:700}.solo-card__price{font-family:var(--font-head);flex:none;font-size:1.375rem;font-weight:800}.solo-card__desc{color:var(--ink-soft);font-size:.9375rem;line-height:1.5}.solo-card__cta{width:100%;margin-top:6px}@media (min-width:560px){.solo{max-width:1040px}.solo__list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.plans{gap:20px;max-width:480px;margin-inline:auto;display:grid}.plan{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);align-content:start;gap:6px;padding:24px 22px;display:grid;position:relative}.plan__name{font-family:var(--font-head);font-size:1.5rem;font-weight:800}.plan__for{color:var(--ink-soft);font-size:.9375rem}.plan__price{flex-direction:column;justify-content:flex-end;gap:2px;margin-top:12px;display:flex}.plan__amount{font-family:var(--font-head);letter-spacing:-.02em;font-size:2.25rem;font-weight:800;line-height:1}.plan__was{color:var(--ink-soft);font-size:.9375rem;font-weight:600}.plan__was-row{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.plan__was-row[hidden]{display:none}.plan__save{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--accent);color:var(--ink);padding:1px 8px;font-size:.75rem;font-weight:700;line-height:1.4}.plan__note{color:var(--ink-soft);font-size:.8125rem;font-weight:700}.plan__cta{width:100%;margin-top:16px}.plan__list{border-top:1px solid var(--hairline);gap:10px;margin-top:20px;padding-top:18px;display:grid}.plan__list li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:.9375rem;font-weight:600;line-height:1.45;display:grid}.plan__ok,.plan__lock{border:var(--line) solid var(--ink);background:var(--surface);border-radius:50%;width:20px;height:20px;margin-top:1px;position:relative}.plan__ok:after{content:"";border:solid var(--ink);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.plan__lock{border-radius:var(--radius-sm);background:var(--surface-2);border-color:var(--ink-soft)}.plan__lock:after{content:"";background:var(--ink-soft);width:6px;height:2px;position:absolute;top:7px;left:5px}.plan__no{color:var(--ink-soft)}.plan--pro{background:var(--ink);color:var(--bg);box-shadow:6px 6px 0 var(--shadow)}.plan--pro .plan__for,.plan--pro .plan__note,.plan--pro .plan__was{color:var(--bg);opacity:.75}.plan--pro .plan__list{border-top-color:var(--shadow-strong)}.plan__pick{border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--accent);color:var(--ink);padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-14px;right:20px}.pricing__foot{max-width:36rem;color:var(--ink-soft);text-align:center;margin:28px auto 0;font-size:.875rem;line-height:1.55}@media (min-width:900px){.plans{grid-template-rows:repeat(6,auto);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;max-width:1040px}.plan{grid-row:span 6;grid-template-rows:subgrid;row-gap:6px;padding:28px 26px}.plan__price{margin-top:10px}}.faq__inner{gap:8px;display:grid}.faq__side{display:contents}.faq__side .section__head{order:-2}.faq__list{order:-1}.faq__help{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--ink);color:var(--bg);box-shadow:4px 4px 0 var(--shadow);gap:6px;margin-top:24px;padding:20px;display:grid}.faq__help-title{font-family:var(--font-head);font-size:1.25rem;font-weight:700}.faq__help-text{opacity:.8;font-size:.9375rem}.faq__help-btn{white-space:normal;border-color:var(--bg);background:var(--surface);color:var(--ink);box-shadow:var(--press) var(--press) 0 var(--bg);justify-self:start;margin-top:10px}.faq__help-btn:active{box-shadow:0 0 0 var(--bg)}.faq__list{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);overflow:hidden}.faq__item+.faq__item{border-top:1px solid var(--hairline)}.faq__q{min-height:56px;cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-size:1rem;font-weight:700;line-height:1.4;list-style:none;transition:background-color .15s;display:flex}.faq__q::-webkit-details-marker{display:none}.faq__q:focus-visible{outline-offset:-3px}@media (hover:hover){.faq__q:hover{background:var(--surface-2)}}.faq__icon{border:var(--line) solid var(--ink);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:background-color .2s,color .2s;display:grid}.faq__icon svg{transition:transform .25s var(--ease-out)}.faq__item[open] .faq__icon{background:var(--accent)}.faq__item[open] .faq__icon svg{transform:rotate(45deg)}.faq__a{color:var(--ink-soft);padding:0 18px 18px;font-size:.9375rem;line-height:1.6}.faq__item[open] .faq__a{animation:faq-open .25s var(--ease-out) backwards}@keyframes faq-open{0%{opacity:0;transform:translateY(-6px)}}@media (min-width:900px){.faq__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px}.faq__side{display:block;position:sticky;top:96px}.faq__list{order:0}.faq__q{padding:18px 22px;font-size:1.0625rem}.faq__a{padding:0 22px 20px}}.closing__panel{border:var(--line) solid var(--ink);background-color:var(--ink);background-image:linear-gradient(color-mix(in srgb, var(--bg) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--bg) 10%, transparent) 1px, transparent 1px);color:var(--bg);text-align:center;box-shadow:6px 6px 0 var(--shadow);background-size:24px 24px;border-radius:24px;justify-items:center;gap:14px;padding:44px 22px;display:grid}.closing__title{max-width:18ch;font-family:var(--font-head);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2rem,7vw,3.25rem);font-weight:800;line-height:1.1}.closing__title .mark{color:var(--ink)}.closing__lead{opacity:.85;max-width:34rem;font-size:1.0625rem;line-height:1.55}.closing__actions{gap:12px;width:100%;max-width:320px;margin-top:8px;display:grid}.closing__panel .btn{border-color:var(--bg);box-shadow:var(--press) var(--press) 0 var(--bg)}.closing__panel .btn:active{box-shadow:0 0 0 var(--bg)}.closing__alt{background:var(--ink);color:var(--bg)}.closing__note{opacity:.75;font-size:.875rem;font-weight:700}@media (min-width:560px){.closing__actions{grid-template-columns:auto auto;justify-content:center;width:auto;max-width:none}}@media (min-width:900px){.closing{padding-top:24px}.closing__panel{padding:72px 40px}}.classes__list{gap:20px;display:grid}.class-card{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);height:100%;box-shadow:4px 4px 0 var(--shadow);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.class-card__thumb{aspect-ratio:16/7;border-bottom:var(--line) solid var(--ink);background:var(--ink);place-items:center;display:grid}.class-card__thumb .placeholder__body{color:var(--bg);opacity:.75}.class-card__body{grid-template-rows:auto 1fr auto;gap:10px;padding:20px 20px 22px;display:grid}.class-card__top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.class-card__title{font-family:var(--font-head);font-size:clamp(1.5rem,5vw,2rem);font-weight:800;line-height:1.15}.class-card__desc{color:var(--ink-soft);line-height:1.55}.class-card__foot{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:4px;display:flex}.class-card__foot .preview-link{margin-top:0}.class-card__note{color:var(--ink-soft);font-size:.875rem;font-weight:600}@media (min-width:900px){.classes__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.classes__list--3{grid-template-columns:repeat(3,minmax(0,1fr))}.class-card__thumb{aspect-ratio:16/6}.class-card__body{padding:24px 26px 26px}}.footer{padding:28px var(--gutter);border-top:1px solid var(--hairline)}.footer__inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;margin-inline:auto;display:flex}.footer__brand{flex-wrap:wrap;flex:520px;align-items:center;gap:8px 20px;min-width:0;display:flex}.footer__links{flex-wrap:wrap;gap:0 20px;display:flex}.footer__links a,.footer__links button{text-transform:capitalize;min-height:44px;color:var(--ink-soft);align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.footer__links button{cursor:var(--cursor-pointer);background:0 0;border:0;padding:0;font-family:inherit}.footer__links .footer__biz{color:var(--ink);gap:6px;font-weight:700}@media (hover:hover){.footer__links a:hover,.footer__links button:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}}.footer__legal{color:var(--ink-soft);flex:280px;font-size:.8125rem;line-height:1.55}@media (min-width:900px){.footer{padding:32px 24px}}.problem__part{border-top:1px dashed var(--shadow);margin-top:56px;padding-top:48px}.problem__head{max-width:40rem;margin-bottom:24px}.problem__title{font-family:var(--font-head);margin-top:10px;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;line-height:1.2}.personas{gap:16px;display:grid}.persona{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:5px 5px 0 var(--ink);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@media (hover:hover){.persona:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-3px,-3px)}}.persona__info{background:var(--surface);flex:1;align-content:start;gap:14px;padding:20px;display:grid}.persona__icon{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--accent);width:56px;height:56px;box-shadow:3px 3px 0 var(--ink);flex:none;place-items:center;display:grid}.persona__icon svg{width:28px;height:28px}.persona__head{align-items:center;gap:14px;display:flex}.persona__title{font-family:var(--font-head);font-size:1.25rem;font-weight:800;line-height:1.2}.persona__desc{color:var(--ink-soft);font-size:.9375rem;line-height:1.55}.persona__motion .mf-pop{--ease:var(--ease-out)}.persona__motion [fill=\#FF6A1F i]{fill:var(--accent)}.persona__motion rect[fill=\#FF6A1F i]:not([stroke]){stroke:var(--ink);stroke-width:2.5px}.persona .persona__motion{border:0;border-bottom:var(--line) solid var(--ink);box-shadow:none;border-radius:0;flex:none}.audience__note{color:var(--ink-soft);text-align:center;margin-top:24px;font-size:1rem;font-weight:600}.voices-section{background:var(--ink);color:var(--bg)}.preview-link--sm{color:var(--ink-soft);font-size:.9375rem}.voices-section .mark__text{color:var(--ink)}.voices-section .eyebrow:before{border-color:var(--bg)}.voices-section .section__lead{color:color-mix(in srgb, var(--bg) 78%, transparent)}.voices-section .voice{border:var(--line) solid color-mix(in srgb, var(--bg) 40%, transparent);background:color-mix(in srgb, var(--bg) 7%, var(--ink));color:var(--bg);box-shadow:4px 4px 0 color-mix(in srgb, var(--bg) 25%, transparent)}.voices-section .voice__handle{color:color-mix(in srgb, var(--bg) 62%, transparent)}.voices-section .voice__text{color:color-mix(in srgb, var(--bg) 90%, transparent)}.voices-section .voice__link{color:var(--bg)}.voices-section .voice__avatar{color:var(--ink)}.voices{position:relative}.voices__cols{gap:16px;height:560px;display:grid;position:relative;overflow:hidden}.voices__cols:before,.voices__cols:after{content:"";z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:24px;position:absolute;left:0;right:0}.voices__cols:before{background:linear-gradient(var(--ink), transparent);top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.voices__cols:after{background:linear-gradient(transparent, var(--ink));bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.voices__col:nth-child(n+2){display:none}.voices__group{gap:16px;padding:0 4px 16px 0;display:grid}.js .voices__track{animation:40s linear infinite voices-up}.js .voices__col:nth-child(2) .voices__track{animation-duration:46s;animation-direction:reverse}.js .voices__col:nth-child(3) .voices__track{animation-duration:36s}.voices:hover .voices__track,.voices:focus-within .voices__track{animation-play-state:paused}@keyframes voices-up{to{transform:translateY(-50%)}}.voice{border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:3px 3px 0 var(--shadow);gap:12px;padding:18px 20px;display:grid}.voice__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.voice__avatar{border:var(--line) solid var(--ink);background:var(--accent);width:40px;height:40px;font-family:var(--font-head);border-radius:50%;place-items:center;font-weight:800;display:grid}.voice__who{line-height:1.3;display:grid}.voice__name{font-weight:700}.voice__handle{color:var(--ink-soft);font-size:.8125rem;font-weight:600}.voice__text{line-height:1.55}.voice__link{min-height:44px;color:var(--ink);text-underline-offset:3px;justify-self:start;align-items:center;margin:-10px 0 -12px;font-size:.875rem;font-weight:700;display:inline-flex}@media (min-width:560px){.voices__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.voices__col:nth-child(2){display:block}.personas{grid-template-columns:repeat(2,minmax(0,1fr))}.persona:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:900px){.voices__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.voices__col:nth-child(3){display:block}.problem__part{margin-top:72px;padding-top:64px}.problem__head{margin-bottom:28px}.personas{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.persona:last-child:nth-child(odd){grid-column:auto}}.frame{aspect-ratio:9/16;border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:4px 4px 0 var(--shadow);position:relative;overflow:hidden}.frame--wide{aspect-ratio:16/10;border-radius:var(--radius)}.frame--placeholder{place-items:center;display:grid}.frame>svg{width:100%;height:100%}.frame__tag{border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);padding:3px 8px;font-size:.75rem;font-weight:700;line-height:1.4;position:absolute;top:8px;left:8px}.frame__toggle{--press:2px;border:var(--line) solid var(--ink);background:var(--surface);width:32px;height:32px;color:var(--ink);cursor:var(--cursor-pointer);box-shadow:var(--press) var(--press) 0 var(--shadow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.frame__toggle:before{content:"";position:absolute;inset:-8px}.frame__toggle:active{transform:translate(var(--press), var(--press));box-shadow:0 0 0 var(--shadow)}.frame__play,[data-motion].is-paused .frame__pause{display:none}[data-motion].is-paused .frame__play{display:block}html:not(.js) .frame__toggle{display:none}.frame__bar{background:var(--bg);transform-origin:0;height:4px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}[data-motion].is-run .frame__bar{animation:mf-bar var(--loop,6s) linear var(--start,0s) both}.mf-text{font-family:var(--font-head);font-weight:800}.mf-body{font-family:var(--font-body);font-weight:700}.mf{transform-box:fill-box;transform-origin:50%}.mf-pop{--ease:var(--ease-back)}.mf-grow-x{transform-origin:0}.mf-grow-y{transform-origin:50% 100%}.mf-badge{transform:scale(1)rotate(-8deg)}.mf-flash{opacity:0}[data-motion].is-run .mf{animation-duration:var(--dur,.6s);animation-timing-function:var(--ease,var(--ease-out));animation-delay:calc(var(--start,0s) + var(--d,0s));animation-fill-mode:both}[data-motion].is-run .mf-pop{animation-name:mf-pop}[data-motion].is-run .mf-up{animation-name:mf-up}[data-motion].is-run .mf-slide{animation-name:mf-slide}[data-motion].is-run .mf-fade{animation-name:mf-fade}[data-motion].is-run .mf-grow-x{animation-name:mf-grow-x}[data-motion].is-run .mf-grow-y{animation-name:mf-grow-y}[data-motion].is-run .mf-draw{animation-name:mf-draw}[data-motion].is-run .mf-flash{animation-name:mf-flash}[data-motion].is-run .mf-press{animation-name:mf-press}[data-motion].is-run [data-type] .ch{animation:mf-type 1ms linear calc(var(--start,0s) + var(--d,0s) + var(--c) * 40ms) both}[data-motion].is-run .mf-scene{animation:mf-out .45s ease-in calc(var(--start,0s) + var(--loop,6s)) both}[data-motion].is-paused *,[data-motion].is-offscreen *{animation-play-state:paused!important}@keyframes mf-pop{0%{opacity:0;transform:scale(0) rotate(var(--rot,0deg))}}@keyframes mf-up{0%{opacity:0;transform:translateY(var(--y,24px))}}@keyframes mf-slide{0%{opacity:0;transform:translateX(var(--x,-40px))}}@keyframes mf-fade{0%{opacity:0}}@keyframes mf-grow-x{0%{transform:scaleX(0)}}@keyframes mf-grow-y{0%{transform:scaleY(0)}}@keyframes mf-draw{0%{stroke-dashoffset:var(--len,20)}}@keyframes mf-flash{0%{opacity:0}10%,90%{opacity:1}to{opacity:0}}@keyframes mf-press{50%{transform:scale(.8)}}@keyframes mf-type{0%{opacity:0}}@keyframes mf-out{to{opacity:0}}@keyframes mf-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-motion].is-run .s1-bag{animation:s1-color 3.6s linear calc(var(--start,0s) + 1.9s) both}[data-motion].is-run .s1-ring{animation:s1-ring 3.6s var(--ease-out) calc(var(--start,0s) + 1.9s) both}@keyframes s1-color{0%,28%{fill:var(--primary)}33%,61%{fill:var(--bg)}66%,94%{fill:var(--ink)}to{fill:var(--primary)}}@keyframes s1-ring{0%,28%{transform:translate(0)}33%,61%{transform:translate(24px)}66%,94%{transform:translate(48px)}to{transform:translate(0)}}.s2-rays{transform-box:fill-box;transform-origin:50%}[data-motion].is-run .s2-rays{animation:12s linear infinite spin}[data-motion].is-run .s2-flow{animation:.9s linear infinite s2-flow}[data-motion].is-run .s2-drop{animation:s2-drop 1s linear calc(var(--i) * -.25s) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes s2-flow{to{stroke-dashoffset:-10px}}@keyframes s2-drop{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(72px)}}.player{--r:1;--media-h:min(48vh, 420px);border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);max-width:calc(100% - 32px);max-height:calc(100% - 32px);color:var(--ink);box-shadow:6px 6px 0 var(--shadow);margin:auto;padding:0;overflow:auto}.player::backdrop{background:var(--shadow-strong)}.player[open]{animation:player-in .22s var(--ease-out) backwards}@keyframes player-in{0%{opacity:0;transform:translateY(12px)}}html:has(.player[open]){overflow:hidden}.player__inner{grid-template-areas:"head""stage""body";gap:14px;width:min(100vw - 36px,520px);padding:14px;display:grid}.player__head{grid-area:head;justify-content:space-between;align-items:center;gap:12px;display:flex}.player__title{font-family:var(--font-head);letter-spacing:-.01em;font-size:1.1875rem;font-weight:700;line-height:1.2}.player__stage{border-radius:var(--radius);background:var(--ink);grid-area:stage;justify-items:center;display:grid;overflow:hidden}.player__media{width:min(100%, calc(var(--media-h) * var(--r)));aspect-ratio:var(--r);place-items:center;display:grid}.player__media iframe{border:0;width:100%;height:100%}.player__placeholder{color:var(--bg);opacity:.75}.player__body{flex-direction:column;grid-area:body;gap:8px;display:flex}.player__desc{color:var(--ink-soft);font-size:.9375rem;line-height:1.55}.player__meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;gap:14px;font-size:.8125rem;font-weight:700;display:flex}.player__cta{border-top:1px solid var(--hairline);gap:12px;margin-top:8px;padding-top:14px;display:grid}.player__cta-text{font-size:.875rem;font-weight:600;line-height:1.5}@media (min-width:900px){.player{--media-h:min(76vh, 640px)}.player__inner{grid-template:"stage head""stage body"1fr/auto 300px;gap:14px 24px;width:auto;padding:16px}.player__media{width:min(calc(var(--media-h) * var(--r)), 600px)}.player__cta{margin-top:auto}}.mbar{z-index:90;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));border-top:var(--line) solid var(--ink);background:var(--bg);visibility:hidden;transition:transform .3s var(--ease-out), visibility 0s linear .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.mbar.is-show{visibility:visible;transition-delay:0s;transform:translateY(0)}.mbar__btn{width:100%}.mbar.is-show~.toast{bottom:92px}@media (min-width:900px){.mbar{display:none}}.cookie{left:var(--gutter);right:var(--gutter);bottom:calc(16px + env(safe-area-inset-bottom));z-index:95;border:var(--line) solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);max-width:520px;box-shadow:4px 4px 0 var(--shadow);animation:cookie-in .3s var(--ease-out) .4s backwards;margin-inline:auto;padding:18px;position:fixed}.cookie[hidden]{display:none}.cookie__title{font-family:var(--font-head);margin:0 0 6px;font-size:1.125rem;font-weight:700}.cookie__text{color:var(--ink-soft);margin:0;font-size:.9375rem;line-height:1.5}.cookie__text a{color:var(--ink);text-underline-offset:3px;font-weight:700}.cookie__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.is-cookie-open .mbar{visibility:hidden}@keyframes cookie-in{0%{opacity:0;transform:translateY(16px)}}.toast{z-index:100;border-radius:var(--radius);background:var(--ink);width:max-content;max-width:calc(100% - 32px);color:var(--bg);opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility 0s linear .2s;pointer-events:none;padding:12px 16px;font-size:.9375rem;font-weight:600;line-height:1.4;position:fixed;bottom:20px;left:50%;transform:translate(-50%,16px)}.toast.is-show{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.is-swap-out{animation:swap-out .15s var(--ease-out) forwards}.is-swap-in{animation:swap-in .26s var(--ease-out) var(--swap-delay,0s) backwards}@keyframes swap-out{to{opacity:0;transform:scaleY(.04)}}@keyframes swap-in{0%{opacity:0;transform:scaleY(.04)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.frame__bar,.frame__toggle{display:none}}