:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-soft:#dbeafe;--color-accent:#facc15;--color-accent-soft:#fef9c3;--color-text:#0f172a;--color-text-subtle:#475569;--color-background:#f8fafc;--color-surface:#fff;--color-border:#cbd5e1;--color-success:#15803d;--color-error:#b91c1c;--color-focus:#2563eb;--font-family-sans:"Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;--font-family-code:"SFMono-Regular", consolas, "Liberation Mono", monospace;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:clamp(1.5rem, 1.25rem + 1vw, 2rem);--font-size-2xl:clamp(2rem, 1.5rem + 2vw, 3rem);--line-height-tight:1.35;--line-height-base:1.75;--font-weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 12px 32px #0f172a1f;--content-width:70rem;--content-padding:clamp(1rem, 4vw, 2rem);--tap-size:2.75rem;--transition-fast:.16s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-background);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);text-rendering:optimizelegibility;overflow-wrap:anywhere;margin:0}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:var(--line-height-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}a{color:var(--color-primary-dark);text-underline-offset:.2em}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{color:var(--color-text);background:var(--color-accent)}[id]{scroll-margin-block-start:1rem}.js-reveal-ready [data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(1.25rem)}.js-reveal-ready [data-reveal].js-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.js-reveal-ready [data-reveal]{opacity:1;transform:none}}.l-container{width:min(100% - var(--content-padding) * 2, var(--content-width));margin-inline:auto}.l-section{padding-block:var(--space-7)}@media (width>=48rem){.l-section{padding-block:var(--space-8)}}.c-button{min-block-size:var(--tap-size);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font:inherit;font-weight:var(--font-weight-bold);text-align:center;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:2px solid #0000;line-height:1.25;text-decoration:none;display:inline-flex}.c-button--primary{color:var(--color-surface);background:var(--color-primary)}.c-button--primary:hover{background:var(--color-primary-dark)}.c-button--secondary{color:var(--color-primary-dark);border-color:var(--color-primary);background:var(--color-surface)}.c-button--secondary:hover{background:var(--color-primary-soft)}.c-button[disabled],.c-button[aria-disabled=true]{color:var(--color-text-subtle);border-color:var(--color-border);cursor:not-allowed;background:#e2e8f0}.c-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.c-card__title{margin-block-end:var(--space-3)}.c-card__text{color:var(--color-text-subtle);margin-block-end:0}.c-section-heading{max-width:42rem;margin-block-end:var(--space-6)}.c-section-heading__eyebrow{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em;margin-block-end:var(--space-2)}.c-section-heading__title{margin-block-end:var(--space-3)}.c-section-heading__text{color:var(--color-text-subtle);margin-block-end:0}.p-hero{padding-block:var(--space-7) var(--space-8);background:radial-gradient(circle at 85% 15%, #facc152e 0 7rem, transparent 7.1rem), linear-gradient(145deg, var(--color-surface) 0%, var(--color-background) 55%, var(--color-primary-soft) 140%);position:relative;overflow:hidden}.p-hero__inner{align-items:center;gap:var(--space-7);display:grid}.p-hero__eyebrow{align-items:center;gap:var(--space-2);color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-block-end:var(--space-4);display:inline-flex}.p-hero__eyebrow span{color:var(--color-accent)}.p-hero__title{letter-spacing:-.03em;margin-block-end:var(--space-5);font-size:clamp(2.25rem,1.5rem + 3vw,4rem)}.p-hero__title span{color:var(--color-primary-dark)}.p-hero__lead{max-width:38rem;color:var(--color-text-subtle);font-size:var(--font-size-lg);margin-block-end:var(--space-5)}.p-hero__actions{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.p-hero__cta{min-block-size:3.25rem;padding-inline:var(--space-6);box-shadow:0 8px 20px #2563eb38}.p-hero__cta-note{color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-block-end:0}.p-hero__benefits{gap:var(--space-2) var(--space-4);color:var(--color-text-subtle);font-size:var(--font-size-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.p-hero__benefits span{color:var(--color-success);font-weight:var(--font-weight-bold)}.p-hero__visual{max-width:40rem;margin:0 auto;position:relative}.p-hero__mock-note{max-width:34rem;margin:var(--space-3) auto 0;color:var(--color-text-subtle);font-size:var(--font-size-sm);text-align:center}.p-hero__decoration{pointer-events:none;position:absolute}.p-hero__decoration--dots{z-index:-1;opacity:.35;background-image:radial-gradient(var(--color-primary) 1.5px, transparent 1.5px);background-size:.75rem .75rem;block-size:5rem;inline-size:5rem;inset:-1.5rem auto auto -1.5rem}.p-hero__decoration--spark{color:var(--color-accent);font-size:3rem;inset:-2rem -.5rem auto auto;transform:rotate(12deg)}.p-trial-mock{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden}.p-trial-mock__bar{align-items:center;gap:var(--space-2);min-block-size:2.5rem;padding-inline:var(--space-4);color:var(--color-text-subtle);background:#e2e8f0;grid-template-columns:repeat(3,.55rem) 1fr;font-size:.6875rem;display:grid}.p-trial-mock__bar>span{background:#94a3b8;border-radius:50%;block-size:.55rem;inline-size:.55rem}.p-trial-mock__bar>span:first-child{background:var(--color-error)}.p-trial-mock__bar>span:nth-child(2){background:var(--color-accent)}.p-trial-mock__bar>span:nth-child(3){background:var(--color-success)}.p-trial-mock__bar p{margin:0 0 0 var(--space-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-trial-mock__progress{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);color:var(--color-text-subtle);font-size:.6875rem;font-weight:var(--font-weight-bold);display:flex}.p-trial-mock__progress-track{background:#e2e8f0;border-radius:999px;flex:1;block-size:.4rem;overflow:hidden}.p-trial-mock__progress-track span{background:var(--color-primary);block-size:100%;inline-size:33.333%;display:block}.p-trial-mock__body{gap:var(--space-4);padding:var(--space-4);display:grid}.p-trial-mock__label,.p-trial-mock__editor>p{color:var(--color-primary-dark);font-size:.6875rem;font-weight:var(--font-weight-bold);letter-spacing:.06em;margin-block-end:var(--space-2)}.p-trial-mock__question h2{font-size:var(--font-size-lg);margin-block-end:var(--space-2)}.p-trial-mock__question>p:not(.p-trial-mock__label){color:var(--color-text-subtle);font-size:var(--font-size-sm);margin-block-end:var(--space-3)}.p-trial-mock__tip{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-subtle);background:var(--color-accent-soft);font-size:.75rem;line-height:1.6}.p-trial-mock__tip>span{block-size:1.25rem;inline-size:1.25rem;color:var(--color-text);background:var(--color-accent);font-weight:var(--font-weight-bold);border-radius:50%;place-items:center;margin-inline-end:var(--space-1);display:inline-grid}.p-trial-mock__editor{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#0f172a}.p-trial-mock__editor>p{color:#93c5fd}.p-trial-mock__editor code{padding:var(--space-3);border-radius:var(--radius-sm);color:#e2e8f0;font-family:var(--font-family-code);white-space:nowrap;background:#1e293b;font-size:clamp(.625rem,2.4vw,.8125rem);display:block;overflow-x:auto}.p-trial-mock__editor code mark{color:#fde68a;background:#2563eb59;border-radius:.2rem;padding:.1em .25em}.p-trial-mock__editor code span{color:#86efac}.p-trial-mock__button{width:fit-content;margin-block:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-surface);background:var(--color-primary);font-size:.6875rem;font-weight:var(--font-weight-bold);display:block}.p-trial-mock__result{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#bbf7d0;background:#15803d3d;font-size:.6875rem}.p-problems{background:var(--color-surface)}.p-problems__heading{text-align:center;margin-inline:auto}.p-problems__grid{gap:var(--space-4);display:grid}.p-problem-card{position:relative;overflow:hidden}.p-problem-card__number{inset:var(--space-3) var(--space-4) auto auto;color:var(--color-primary);font-size:2rem;font-weight:var(--font-weight-bold);line-height:1;position:absolute}.p-problem-card__icon{block-size:3rem;inline-size:3rem;border-radius:var(--radius-md);color:var(--color-primary-dark);background:var(--color-primary-soft);font-weight:var(--font-weight-bold);place-items:center;margin-block-end:var(--space-4);display:grid}.p-solution{color:var(--color-surface);background:var(--color-text)}.p-solution__inner{align-items:center;gap:var(--space-6);display:grid}.p-solution__content h2{margin-block-end:var(--space-4)}.p-solution__content>p:last-child{color:#cbd5e1;margin-block-end:0}.p-solution .c-section-heading__eyebrow{color:#93c5fd}.p-solution__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.p-solution__list li{gap:0 var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #94a3b847;grid-template-columns:2.5rem 1fr;display:grid}.p-solution__list span{color:var(--color-accent);font-weight:var(--font-weight-bold);grid-row:1/3}.p-solution__list small{color:#cbd5e1}@media (width>=48rem){.p-hero{padding-block:var(--space-8)}.p-trial-mock__body{padding:var(--space-5);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.p-problems__grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.p-solution__inner{gap:var(--space-8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media (width>=48rem) and (width<64rem){.p-hero__content{text-align:center;max-width:44rem;margin-inline:auto}.p-hero__lead,.p-hero__visual{margin-inline:auto}.p-hero__actions,.p-hero__benefits{justify-content:center}}@media (width<30rem){.p-hero__title{font-size:clamp(2rem,10.2vw,2.75rem)}.p-hero__lead{font-size:var(--font-size-base)}.p-hero__cta,.p-final-cta__button{width:100%}.p-roadmap__item{gap:var(--space-3);padding:var(--space-4);grid-template-columns:3.25rem 1fr}.p-feature-card,.p-price-card{padding:var(--space-5)}.p-faq summary,.p-faq details>div{padding-inline:var(--space-3)}}@media (width>=64rem){.p-hero__inner{gap:var(--space-8);grid-template-columns:minmax(0,.95fr) minmax(30rem,1.05fr)}}.p-section-heading--center{text-align:center;margin-inline:auto}.p-features{background:var(--color-surface)}.p-features__grid{gap:var(--space-4);display:grid}.p-feature-card{padding:var(--space-6);position:relative}.p-feature-card--accent{border-color:var(--color-primary);background:linear-gradient(145deg, var(--color-surface), var(--color-primary-soft))}.p-feature-card__icon{block-size:4rem;inline-size:4rem;border-radius:var(--radius-lg);color:var(--color-primary-dark);background:var(--color-primary-soft);font-family:var(--font-family-code);font-weight:var(--font-weight-bold);place-items:center;margin-block-end:var(--space-5);display:grid}.p-feature-card--accent .p-feature-card__icon{color:var(--color-text);background:var(--color-accent)}.p-feature-card__number{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em;margin-block-end:var(--space-2)}.p-roadmap{background:var(--color-background)}.p-roadmap__intro{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.p-roadmap__note{color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-block-end:var(--space-6)}.p-roadmap__note span{color:var(--color-accent)}.p-roadmap__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.p-roadmap__item{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);grid-template-columns:4rem 1fr;display:grid;position:relative}.p-roadmap__item--current{border:2px solid var(--color-primary);background:linear-gradient(135deg, var(--color-surface), var(--color-primary-soft))}.p-roadmap__step{color:var(--color-primary-dark);align-content:start;line-height:1;display:grid}.p-roadmap__step span{font-size:.625rem;font-weight:var(--font-weight-bold);letter-spacing:.08em}.p-roadmap__step strong{font-size:2rem}.p-roadmap__item h3{margin-block-end:var(--space-2)}.p-roadmap__item p{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin-block-end:0}.p-roadmap__item code{font-family:var(--font-family-code)}.p-roadmap__status{width:fit-content;padding:var(--space-1) var(--space-2);background:var(--color-accent);font-weight:var(--font-weight-bold);border-radius:999px;color:var(--color-text)!important;margin-block-end:var(--space-2)!important;font-size:.6875rem!important}.p-trial-intro{color:var(--color-surface);background:var(--color-text)}.p-trial-intro__inner{align-items:center;gap:var(--space-7);display:grid}.p-trial-intro__visual{padding:var(--space-4);border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 10%,#facc1559,#0000 30%),#2563eb2e}.p-code-window{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#020617;border:1px solid #94a3b859;overflow:hidden;transform:rotate(-1.5deg)}.p-code-window__bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#1e293b;display:flex}.p-code-window__bar span{background:#64748b;border-radius:50%;block-size:.625rem;inline-size:.625rem}.p-code-window__bar span:first-child{background:var(--color-error)}.p-code-window__bar span:nth-child(2){background:var(--color-accent)}.p-code-window__bar span:nth-child(3){background:var(--color-success)}.p-code-window__bar small{color:#cbd5e1;margin-inline-start:auto}.p-code-window__body{padding:var(--space-5)}.p-code-window__body>p{font-weight:var(--font-weight-bold)}.p-code-window__body code{padding:var(--space-4);border-radius:var(--radius-sm);color:#e2e8f0;font-family:var(--font-family-code);white-space:nowrap;background:#1e293b;font-size:clamp(.6875rem,2.6vw,.875rem);display:block;overflow-x:auto}.p-code-window__body mark{color:#fde68a;background:0 0}.p-code-window__body code span{color:#86efac}.p-code-window__body>div{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);color:#bbf7d0;background:#15803d3d;margin-block-start:var(--space-4);display:grid}.p-trial-intro__content h2{margin-block-end:var(--space-5)}.p-trial-intro .c-section-heading__eyebrow{color:#93c5fd}.p-trial-intro__steps{gap:var(--space-3);margin:0 0 var(--space-5);padding:0;list-style:none;display:grid}.p-trial-intro__steps li{gap:var(--space-3);grid-template-columns:2.5rem 1fr;display:grid}.p-trial-intro__steps li>span{color:var(--color-accent);font-weight:var(--font-weight-bold)}.p-trial-intro__steps p{color:#cbd5e1;font-size:var(--font-size-sm);margin-block-end:0}.p-trial-intro__note{margin:var(--space-3) 0 0;color:#cbd5e1;font-size:var(--font-size-sm)}.p-pricing{background:var(--color-surface)}.p-pricing__grid{gap:var(--space-5);max-width:56rem;margin-inline:auto;display:grid}.p-price-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:relative}.p-price-card--free{border:2px solid var(--color-primary)}.p-price-card__badge{inset:0 var(--space-5) auto auto;padding:var(--space-1) var(--space-3);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--color-surface);background:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);position:absolute}.p-price-card__badge--pending{color:var(--color-text);background:var(--color-accent)}.p-price-card h3{margin-block-end:var(--space-4)}.p-price-card__price{align-items:baseline;gap:var(--space-2);margin-block-end:var(--space-3);display:flex}.p-price-card__price strong{font-size:2.75rem;line-height:1}.p-price-card__description{color:var(--color-text-subtle)}.p-price-card ul{gap:var(--space-3);padding:var(--space-4) 0;margin:0 0 var(--space-5);border-block:1px solid var(--color-border);list-style:none;display:grid}.p-price-card li span{color:var(--color-success);font-weight:var(--font-weight-bold);margin-inline-end:var(--space-2)}.p-price-card .c-button{width:100%;margin-block-start:auto}.p-price-card__pending{margin-block-end:0}.p-faq{background:var(--color-background)}.p-faq__inner{gap:var(--space-5);display:grid}.p-faq__list{gap:var(--space-3);display:grid}.p-faq details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.p-faq summary{min-block-size:var(--tap-size);align-items:center;gap:var(--space-3);padding:var(--space-4);font-weight:var(--font-weight-bold);cursor:pointer;display:flex}.p-faq summary:after{color:var(--color-primary-dark);content:"+";margin-inline-start:auto;font-size:1.5rem}.p-faq details[open] summary:after{content:"−"}.p-faq summary span,.p-faq details>div>span{border-radius:var(--radius-sm);block-size:2rem;inline-size:2rem;color:var(--color-primary-dark);background:var(--color-primary-soft);flex:none;place-items:center;display:grid}.p-faq details>div{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);color:var(--color-text-subtle);display:flex}.p-faq details>div>span{color:var(--color-text);background:var(--color-accent);font-weight:var(--font-weight-bold)}.p-faq details>div p{margin-block-end:0}.p-final-cta{background:linear-gradient(135deg, var(--color-primary-soft), var(--color-accent-soft))}.p-final-cta__inner{align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffc7;border:1px solid #2563eb33;display:grid}.p-final-cta__inner h2{margin-block-end:var(--space-3)}.p-final-cta__inner p:last-child{color:var(--color-text-subtle);margin-block-end:0}.p-final-cta__button{min-block-size:3.25rem}@media (width>=48rem){.p-features__grid,.p-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-roadmap__list{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.p-trial-intro__inner,.p-faq__inner{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.p-final-cta__inner{padding:var(--space-7);grid-template-columns:minmax(0,1fr) auto}}@media (width>=64rem){.p-features__grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}}.p-trial-page{min-width:20rem}.p-trial-page__main{padding-block:var(--space-6) var(--space-8)}.p-trial-workspace[hidden],.p-trial-completion[hidden],.p-code-form__submit[hidden]{display:none}.p-trial-heading{gap:var(--space-4);margin-block-end:var(--space-6);display:grid}.p-trial-heading h1{margin-block-end:var(--space-3)}.p-trial-heading>div>p:last-child{color:var(--color-text-subtle);margin-block-end:0}.p-trial-heading__notice{align-items:start;gap:var(--space-2);max-width:34rem;padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-subtle);background:var(--color-accent-soft);font-size:var(--font-size-sm);margin-block-end:0;display:flex}.p-trial-heading__notice span{block-size:1.5rem;inline-size:1.5rem;color:var(--color-text);background:var(--color-accent);font-weight:var(--font-weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.p-trial-progress{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);margin-block-end:var(--space-5)}.p-trial-progress__summary{justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-3);display:flex}.p-trial-progress__summary h2,.p-trial-progress__summary p{font-size:var(--font-size-base);margin-block-end:0}.p-trial-progress__summary p{color:var(--color-primary-dark);font-weight:var(--font-weight-bold)}.p-trial-progress__track{block-size:.625rem;inline-size:100%;appearance:none;background:#e2e8f0;border:0;border-radius:999px;margin-block-end:var(--space-4);display:block}.p-trial-progress__track::-webkit-progress-bar{border-radius:inherit;background:#e2e8f0}.p-trial-progress__track::-webkit-progress-value{border-radius:inherit;background:var(--color-primary);transition:width var(--transition-fast)}.p-trial-progress__track::-moz-progress-bar{border-radius:inherit;background:var(--color-primary);transition:width var(--transition-fast)}.p-trial-progress__list{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.p-trial-progress__button{inline-size:100%;min-block-size:var(--tap-size);align-items:center;gap:0 var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-subtle);background:var(--color-background);font:inherit;text-align:start;grid-template-columns:auto 1fr;display:grid}.p-trial-progress__button>span{block-size:2rem;inline-size:2rem;color:var(--color-text-subtle);font-weight:var(--font-weight-bold);background:#e2e8f0;border-radius:50%;grid-row:1/3;place-items:center;display:grid}.p-trial-progress__button strong,.p-trial-progress__button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-trial-progress__button[aria-current=step]{border:2px solid var(--color-primary);color:var(--color-text);background:var(--color-primary-soft)}.p-trial-progress__button[aria-current=step]>span{color:var(--color-surface);background:var(--color-primary)}.p-trial-progress__button:disabled{cursor:not-allowed}.p-trial-progress__button:not(:disabled){cursor:pointer}.p-trial-progress__button:not(:disabled):hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.p-trial-progress__reset{min-block-size:var(--tap-size);color:var(--color-primary-dark);font:inherit;text-underline-offset:.2em;background:0 0;border:0;margin-block-start:var(--space-3);padding:0;text-decoration:underline}.p-trial-workspace{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid;overflow:hidden}.p-trial-workspace__lesson,.p-trial-workspace__practice{min-width:0;padding:var(--space-5)}.p-trial-workspace__lesson{background:linear-gradient(150deg, var(--color-surface), var(--color-primary-soft))}.p-trial-workspace__step{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em;margin-block-end:var(--space-2)}.p-trial-workspace__lesson h2{margin-block-end:var(--space-3)}.p-trial-workspace__prompt{color:var(--color-text-subtle)}.p-learning-point{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft)}.p-learning-point p{margin-block-end:0}.p-learning-point p:first-child{font-weight:var(--font-weight-bold);margin-block-end:var(--space-2)}.p-learning-point span{block-size:1.5rem;inline-size:1.5rem;color:var(--color-text);background:var(--color-accent);border-radius:50%;place-items:center;margin-inline-end:var(--space-1);display:inline-grid}.p-code-form{padding:var(--space-4);border-radius:var(--radius-lg);color:#e2e8f0;background:#0f172a}.p-code-form__heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.p-code-form__heading h2,.p-code-form__heading p{margin-block-end:0}.p-code-form__heading h2{font-size:var(--font-size-lg)}.p-code-form__review{padding:var(--space-3);border-radius:var(--radius-sm);color:#e2e8f0;background:#1e3a5f;border:1px solid #60a5fa}.p-code-form__heading p,.p-code-form__shortcut{color:#cbd5e1;font-size:var(--font-size-sm)}.p-code-form label{color:#bfdbfe;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-block-end:var(--space-2);display:block}.p-code-form__code-line{padding:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-family-code);white-space:nowrap;background:#1e293b;border:1px solid #475569;align-items:center;display:flex;overflow-x:auto}.p-code-form__code-line code{color:#e2e8f0;font-family:inherit}.p-code-form__code-line input,.p-code-form textarea{color:#fde68a;font-family:var(--font-family-code);background:#0f172a;border:2px solid #60a5fa;border-radius:.25rem;font-size:1rem}.p-code-form--readonly input,.p-code-form--readonly textarea{color:#e2e8f0;cursor:default;background:#334155;border-color:#94a3b8}.p-code-form [aria-invalid=true]{outline-offset:2px;border-color:#fca5a5;outline:2px solid #fca5a5}.p-code-form__code-line input{inline-size:7.5rem;min-block-size:var(--tap-size);padding-inline:var(--space-2)}.p-code-form textarea{min-block-size:8rem;inline-size:100%;padding:var(--space-3);resize:vertical;line-height:1.6}.p-code-form__shortcut{margin-block:var(--space-3)}.p-code-form__submit{width:100%}.p-trial-feedback{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-block-start:var(--space-4)}.p-trial-feedback--correct{border-color:var(--color-success);background:#f0fdf4}.p-trial-feedback--incorrect{border-color:var(--color-error);background:#fef2f2}.p-trial-hint{padding:var(--space-3);border-inline-start:.25rem solid var(--color-error);margin-block:var(--space-3);background:var(--color-surface)}.p-trial-hint p{margin-block-end:0}.p-trial-feedback h2,.p-trial-feedback h3{font-size:var(--font-size-lg)}.p-trial-feedback h2{align-items:center;gap:var(--space-2);display:flex}.p-trial-feedback__icon{block-size:1.75rem;inline-size:1.75rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:2px solid;border-radius:50%;flex:none;place-items:center;display:inline-grid}.p-trial-feedback--correct .p-trial-feedback__icon{color:var(--color-success)}.p-trial-feedback--incorrect .p-trial-feedback__icon{color:var(--color-error)}.p-trial-feedback .c-button[hidden]{display:none}.p-trial-feedback .c-button+.c-button{margin-block-start:var(--space-2)}.p-trial-feedback pre{padding:var(--space-3);border-radius:var(--radius-sm);color:#e2e8f0;background:#0f172a;overflow-x:auto}.p-trial-completion{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;background:var(--color-surface);box-shadow:var(--shadow-md)}.p-trial-completion__eyebrow{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.08em}.p-trial-completion__score strong{color:var(--color-success);font-size:var(--font-size-2xl)}.p-trial-completion__learned,.p-trial-completion__next{max-width:38rem;padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-5) auto 0;text-align:start;background:var(--color-background)}.p-trial-completion__learned ul{margin-block-end:0}.p-trial-completion__next{text-align:center;background:var(--color-primary-soft)}.p-trial-completion__next p,.p-trial-completion__next h3{margin-block-end:var(--space-2)}.p-trial-completion__actions{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.p-trial-completion__actions a{min-block-size:var(--tap-size);padding-inline:var(--space-2);align-items:center;display:inline-flex}@media (width<=40rem){.p-trial-heading,.p-trial-progress__summary{align-items:stretch}.p-trial-progress__summary{gap:var(--space-1);flex-direction:column}.p-trial-completion{padding:var(--space-4)}}@media (width>=48rem){.p-trial-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.p-trial-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.p-trial-workspace__lesson,.p-trial-workspace__practice{padding:var(--space-6)}}@media (width<30rem){.p-trial-progress__button{text-align:center;display:block}.p-trial-progress__button>span{margin-inline:auto}.p-trial-progress__button strong,.p-trial-progress__button small{display:block}.p-trial-workspace__lesson,.p-trial-workspace__practice{padding:var(--space-4)}}.p-site-header{z-index:10;border-block-end:1px solid var(--color-border);background:var(--color-surface);position:relative}.p-site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:4.5rem;display:flex}.p-site-header__logo{min-block-size:var(--tap-size);color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);align-items:center;text-decoration:none;display:inline-flex}.p-site-header__mark{block-size:2rem;inline-size:2rem;border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-accent);font-size:var(--font-size-sm);place-items:center;margin-inline-end:var(--space-2);display:inline-grid}.p-site-header__nav{gap:var(--space-1);padding-block:var(--space-2) var(--space-4);flex:1 0 100%;order:3;display:grid}.js-enabled .p-site-header__nav{padding:var(--space-3) var(--content-padding) var(--space-5);border-block:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);display:none;position:absolute;inset:100% 0 auto}.js-enabled .p-site-header__nav.js-nav-open{display:grid}.p-site-header__menu-button{min-block-size:var(--tap-size);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;display:none}.js-enabled .p-site-header__menu-button{display:inline-flex}.p-site-header__menu-icon{gap:.25rem;display:grid}.p-site-header__menu-icon span{block-size:2px;inline-size:1.25rem;transition:transform var(--transition-fast), opacity var(--transition-fast);background:currentColor;border-radius:999px;display:block}.p-site-header__menu-button[aria-expanded=true] .p-site-header__menu-icon span:first-child{transform:translateY(6px)rotate(45deg)}.p-site-header__menu-button[aria-expanded=true] .p-site-header__menu-icon span:nth-child(2){opacity:0}.p-site-header__menu-button[aria-expanded=true] .p-site-header__menu-icon span:last-child{transform:translateY(-6px)rotate(-45deg)}.p-site-header__nav-link{min-block-size:var(--tap-size);color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);align-items:center;text-decoration:none;display:inline-flex}.p-site-header__nav-link:hover{color:var(--color-primary-dark)}.p-site-header__cta{flex:none;display:none}.p-site-header__nav-cta{margin-block-start:var(--space-2)}.p-foundation-preview{min-block-size:calc(100vh - 18rem)}.p-foundation-preview__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.p-foundation-preview__card{max-width:36rem;margin-block-start:var(--space-6)}.p-site-footer{padding-block:var(--space-6);border-block-start:1px solid var(--color-border);color:var(--color-text-subtle);background:var(--color-surface);font-size:var(--font-size-sm)}.p-site-footer__inner{gap:var(--space-3);display:grid}.p-site-footer__name,.p-site-footer__note,.p-site-footer__copyright{margin-block-end:0}.p-site-footer__name{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.p-site-footer__nav{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.p-site-footer__nav a{min-block-size:var(--tap-size);color:var(--color-text-subtle);font-weight:var(--font-weight-bold);align-items:center;display:inline-flex}@media (width>=64rem){.p-site-header__nav{align-items:center;gap:var(--space-5);flex:none;order:initial;margin-inline-start:auto;padding:0;display:flex}.js-enabled .p-site-header__nav,.js-enabled .p-site-header__nav.js-nav-open{box-shadow:none;border:0;padding:0;display:flex;position:static}.js-enabled .p-site-header__menu-button{display:none}.p-site-header__cta{display:inline-flex}.p-site-header__nav-cta{display:none}}@media (width<25rem){.p-site-header__inner{gap:var(--space-2)}.p-site-header__logo{font-size:var(--font-size-base)}.p-site-header__mark{block-size:1.75rem;inline-size:1.75rem;margin-inline-end:var(--space-1)}.p-site-header__menu-button{gap:var(--space-2);padding-inline:var(--space-2)}}.u-visually-hidden{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}