@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:90deg}@keyframes rotateGradient{0%{--gradient-angle:90deg}to{--gradient-angle:450deg}}@keyframes workitemFlash{0%{background-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}to{background-color:#0000}}@keyframes chapterContentClip{0%,to{overflow:hidden}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(200px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.marketing-main{min-height:calc(100vh - 64px);padding-top:64px}.marketing-section{width:100%;max-width:1120px;margin:0 auto;padding:64px 16px}.marketing-section h1{font-size:var(--text-40);font-weight:700}.marketing-breadcrumb{width:100%;max-width:1120px;margin:0 auto;padding:24px 16px 0}.marketing-nav{z-index:40;background:var(--color-glass-dark);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0;right:0}.marketing-nav__bar{z-index:2;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1120px;height:64px;margin:0 auto;padding:0 16px;display:flex;position:relative}.marketing-nav__logo{flex-shrink:0;align-items:center;display:flex}.marketing-nav__logo img{width:auto;height:24px}@media (min-width:768px){.marketing-nav__logo img{height:32px}}.marketing-nav__links,.marketing-nav__actions .marketing-nav__desktop-only{display:none}.marketing-nav__actions{align-items:center;gap:16px;display:flex}.marketing-nav__link{border-radius:var(--radius-4);color:var(--color-body);transition:color var(--transition-150);align-items:center;gap:8px;padding:8px;font-size:.875rem;font-weight:500;display:inline-flex}.marketing-nav__link:hover,.marketing-nav__link:focus-visible{color:var(--color-main)}.marketing-nav__caret{width:8px;height:8px;transition:transform var(--transition-150);border-bottom:1.5px solid;border-right:1.5px solid;transform:translateY(-2px)rotate(45deg)}.marketing-nav__caret.open{transform:translateY(2px)rotate(225deg)}.marketing-nav__menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-8);min-width:240px;box-shadow:var(--shadow-3);visibility:hidden;opacity:0;transition:opacity var(--transition-150),transform var(--transition-150),visibility var(--transition-150);padding:8px;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.marketing-nav__menu.show{visibility:visible;opacity:1;transform:none}.marketing-nav__menu a{border-radius:var(--radius-4);color:var(--color-body);padding:12px;font-size:.875rem;display:block}.marketing-nav__menu a:hover,.marketing-nav__menu a:focus-visible{background:var(--color-border);color:var(--color-main)}.marketing-nav__group{font-size:var(--text-12);letter-spacing:.08em;text-transform:uppercase;color:var(--color-subtle);padding:8px 12px 4px;font-weight:600}.marketing-nav__toggle{width:44px;height:44px;color:var(--color-main);justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex}@media screen and (min-width:1024px){.marketing-nav__links{align-items:center;gap:8px;display:flex}.marketing-nav__actions .marketing-nav__desktop-only{display:inline-flex}.marketing-nav__toggle{display:none}}.marketing-language{min-height:44px;color:var(--color-body);transition:color var(--transition-150);align-items:center;gap:8px;padding:8px;font-size:.875rem;font-weight:500;display:inline-flex}.marketing-language:hover,.marketing-language:focus-visible{color:var(--color-main)}.marketing-language i{font-size:1.25rem}.marketing-mobile-menu{z-index:1;background:var(--color-base);visibility:hidden;opacity:0;transition:opacity var(--transition-300),visibility var(--transition-300);flex-direction:column;gap:24px;padding:88px 16px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.marketing-mobile-menu.show{visibility:visible;opacity:1}.marketing-mobile-menu__title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-subtle);margin-bottom:-16px;font-size:.75rem;font-weight:600}.marketing-mobile-menu__group{font-size:var(--text-14);color:var(--color-primary);font-weight:600}.marketing-mobile-menu ul{flex-direction:column;display:flex}.marketing-mobile-menu li a{border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-size:var(--text-24);color:var(--color-title);padding:16px 0;font-weight:600;display:block}@media screen and (min-width:1024px){.marketing-mobile-menu{display:none}}.marketing-footer{border-top:1px solid var(--color-border);width:100%;max-width:1120px;margin:0 auto;padding:48px 16px 32px}.marketing-footer__grid{gap:32px;display:grid}@media (min-width:768px){.marketing-footer__grid{grid-template-columns:1fr 1fr}.marketing-footer__grid>:nth-child(-n+2){grid-column:1/-1}}@media (min-width:1024px){.marketing-footer__grid{grid-template-columns:1.2fr 2fr 1fr 1fr}.marketing-footer__grid>:nth-child(-n+2){grid-column:auto}}.marketing-footer__columns{column-gap:32px;display:grid}@media (min-width:768px){.marketing-footer__columns{grid-template-columns:repeat(2,1fr)}}.marketing-footer__brand{flex-direction:column;gap:16px;max-width:320px;display:flex}.marketing-footer__brand img{align-self:flex-start;width:auto;height:24px}.marketing-footer__brand p{color:var(--color-subtle);font-size:.875rem}.marketing-footer h2{letter-spacing:.08em;text-transform:uppercase;color:var(--color-subtle);margin-bottom:16px;font-size:.75rem}.marketing-footer h3{font-size:var(--text-14);color:var(--color-main);margin-bottom:4px;font-weight:600}.marketing-footer ul{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.marketing-footer li a{color:var(--color-body);transition:color var(--transition-150);padding:8px 0;font-size:.875rem;display:inline-block}.marketing-footer li a:hover,.marketing-footer li a:focus-visible{color:var(--color-main)}.marketing-footer__copy{border-top:1px solid var(--color-border);color:var(--color-subtle);margin-top:32px;padding-top:16px;font-size:.75rem}.marketing-eyebrow{font-size:var(--text-12);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-weight:600}.marketing-title{font-family:var(--font-heading);font-size:var(--text-32);color:var(--color-main);text-wrap:balance;font-weight:700;line-height:1.1em}@media screen and (min-width:1024px){.marketing-title{font-size:var(--text-40)}}.marketing-lead{max-width:640px;font-size:var(--text-20);color:var(--color-body);line-height:1.5em}.btn.marketing-cta{font-size:var(--text-16);padding:16px 24px}.mock{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-16);width:100%;box-shadow:var(--shadow-mock);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.mock__bar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.mock__title{font-family:var(--font-heading);font-size:var(--text-20);color:var(--color-main);font-weight:600}.mock__body{flex-direction:column;gap:12px;padding:16px;display:flex}.mock__chip{border-radius:var(--radius-32);background:var(--color-border);font-size:var(--text-12);color:var(--color-body);white-space:nowrap;align-items:center;padding:4px 8px;line-height:1.2em;display:inline-flex}.mock__input{background:var(--color-base);border:1px solid var(--color-border);border-radius:var(--radius-8);min-height:64px;font-size:var(--text-14);color:var(--color-main);padding:12px;line-height:1.5em}.mock__list{flex-direction:column;gap:12px;display:flex}.mock__chapter{font-family:var(--font-heading);font-size:var(--text-16);color:var(--color-title);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;font-weight:600;display:flex}.mock__row{border-radius:var(--radius-4);background:var(--color-base);font-size:var(--text-14);color:var(--color-body);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 8px;display:flex}.mock__concept{flex:160px;min-width:0}.mock__qty{font-size:var(--text-14);font-variant-numeric:tabular-nums;color:var(--color-subtle);white-space:nowrap}.mock__index{font-size:var(--text-12);font-variant-numeric:tabular-nums;color:var(--color-subtle);margin-right:8px}.mock__warning{border-radius:var(--radius-4);background:var(--color-warning-soft);font-size:var(--text-12);color:var(--color-warning);flex:100%;align-items:center;gap:8px;padding:4px 8px;display:flex}.mock__total{border-top:1px solid var(--color-border);font-family:var(--font-heading);font-size:var(--text-20);font-variant-numeric:tabular-nums;color:var(--color-main);justify-content:space-between;padding-top:12px;font-weight:600;display:flex}.marketing-seq.is-scrubbed{height:360vh}.marketing-seq--long.is-scrubbed{height:500vh}.marketing-seq__stage{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media screen and (min-width:1024px){.marketing-seq__stage{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}}.marketing-seq.is-scrubbed .marketing-seq__stage{height:calc(100dvh - 64px);padding-top:24px;padding-bottom:24px;position:sticky;top:64px}.marketing-seq__copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}@media screen and (max-height:899px){.marketing-seq.is-scrubbed .marketing-seq__lead{display:none}}.marketing-seq__captions{flex-direction:column;gap:16px;display:flex}.marketing-seq__captions li{border-left:2px solid var(--color-primary);padding-left:16px}.marketing-seq__captions h3{font-family:var(--font-heading);font-size:var(--text-20);color:var(--color-title);font-weight:600}.marketing-seq__captions p{font-size:var(--text-14);color:var(--color-body);line-height:1.5em}.home-hero{isolation:isolate;align-content:center;gap:40px;min-height:calc(100svh - 64px);padding-top:48px;padding-bottom:48px;display:grid;position:relative}.home-hero:before{content:"";z-index:-1;background:var(--gradient-glow-brand);pointer-events:none;width:min(1200px,100vw);height:640px;position:absolute;top:-64px;left:50%;transform:translate(-50%)}.home-hero__copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.home-hero h1{font-family:var(--font-heading);font-size:var(--text-40);color:var(--color-main);line-height:1.05em}@media screen and (min-width:1024px){.home-hero h1{font-size:3.5rem}.home-hero{grid-template-columns:1fr 1fr;align-items:center;padding-top:80px;padding-bottom:80px}}.home-problem{position:relative;overflow:clip}.home-problem__glow{background:var(--gradient-glow-brand);pointer-events:none;width:640px;height:640px;position:absolute;top:0;right:-240px}.home-problem__grid{gap:16px;display:grid}@media screen and (min-width:768px){.home-problem__grid{grid-template-columns:repeat(3,1fr);padding-bottom:40px}}.home-problem__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-16);flex-direction:column;gap:12px;height:100%;padding:24px;display:flex}.home-problem__number{font-family:var(--font-heading);font-size:var(--text-40);color:var(--color-primary);font-weight:700;line-height:1em}.marketing-checks{gap:8px;display:grid}.marketing-checks li{font-size:var(--text-16);color:var(--color-body);align-items:baseline;gap:12px;display:flex}.marketing-checks li:before{content:"";border-radius:var(--radius-32);background:var(--color-primary);flex-shrink:0;width:8px;height:8px}.marketing-checks--timed li:before{display:none}.marketing-checks__dot{flex-shrink:0;display:grid}.marketing-checks__dot:before,.marketing-checks__dot>*{border-radius:var(--radius-32);grid-area:1/1;width:8px;height:8px}.marketing-checks__dot:before{content:"";background:var(--color-subtle)}.marketing-checks__dot>*{background:var(--color-warning)}.mock__row--editing{border:1px solid var(--color-primary)}.mock__combo{flex-direction:column;gap:4px;display:flex}.mock__options{background:var(--color-base);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);box-shadow:var(--shadow-3);flex-direction:column;gap:8px;padding:8px;display:flex}.mock__options ul{flex-direction:column;gap:4px;display:flex}.mock__group{font-size:var(--text-12);text-transform:uppercase;color:var(--color-subtle);padding:0 8px;line-height:1.2em}.mock__option{border-radius:var(--radius-4);font-size:var(--text-14);color:var(--color-body);align-items:center;gap:8px;padding:8px;display:flex}.mock__option img{flex-shrink:0;width:auto;height:1.125em}.mock__option--active,.mock__version--active{background:var(--color-glass-dark)}.mock__versions{flex-direction:column;gap:4px;display:flex}.mock__version{border-radius:var(--radius-4);white-space:nowrap;align-items:center;gap:8px;padding:8px;display:flex}.mock__version .mock__qty{margin-left:auto}.mock__version-name{font-size:var(--text-14);color:var(--color-main)}.mock__lock{width:14px;height:14px;color:var(--color-subtle);flex-shrink:0}.mock__approval{background:var(--color-base);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px;display:flex}.mock__approval .btn{white-space:nowrap}.mock__btn-disabled.btn{background:var(--color-disabled);border-color:var(--color-disabled);color:var(--color-disabledtext);box-shadow:none;opacity:.5;cursor:not-allowed;opacity:1}.mock--exports{--mock-brand:#2563eb}.mock__export{flex-wrap:wrap;display:flex}.mock__export .mock__pdf-body{flex:3 232px}.mock__export-panel{font-size:var(--text-14);color:var(--color-main);flex-direction:column;flex:2 176px;gap:12px;padding:16px;display:flex}.mock__export-brand{align-items:center;gap:8px;display:flex}.mock__swatch{background:var(--mock-brand);border-radius:50%;flex-shrink:0;width:16px;height:16px}.mock__export-options{flex-direction:column;gap:8px;display:flex}.mock__export-options li{align-items:center;gap:8px;display:flex}.mock__export-band{border-radius:var(--radius-4);background:var(--mock-brand);justify-content:flex-end;align-items:center;height:32px;padding:0 8px;display:flex}.mock__export-band span{border-radius:var(--radius-4);background:var(--color-main);width:24px;height:16px}.mock__export-heading{border-radius:var(--radius-4);background:var(--mock-brand);width:40%;height:12px}.mock__export-rows{flex-direction:column;gap:8px;display:flex}.mock__export-row{grid-template-columns:minmax(0,1fr) 20px 28px 36px;align-items:center;gap:8px;display:grid}.mock__export-row span{border-radius:var(--radius-4);background:var(--color-body);height:8px}.mock__export-row:nth-child(2) span:first-child{width:72%}.mock__export-row--subtotal{border-top:1px solid var(--color-body);padding-top:8px}.mock__export-row--subtotal span{grid-column:4}.mock__export-footer{border-radius:var(--radius-4);background:var(--color-body);opacity:.5;width:40%;height:4px;margin-top:auto}.mock__item{background:var(--color-base);border:1px solid var(--color-border);border-radius:var(--radius-8);flex-direction:column;gap:8px;padding:12px;display:flex}.mock__prices{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;display:grid}.mock__prices>div{flex-direction:column;justify-content:space-between;gap:4px;display:flex}.mock__prices dt{font-size:var(--text-12);color:var(--color-subtle);line-height:1.2em}.mock__prices dd{font-size:var(--text-16);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-body)}.mock__prices>div:last-child dd{font-family:var(--font-heading);font-size:var(--text-20);color:var(--color-main);font-weight:600}.mock__sum{font-size:var(--text-14);font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;display:flex}.mock__sum>div{justify-content:space-between;gap:12px;display:flex}.mock__sum dt{color:var(--color-body)}.mock__sum dd{text-align:right;color:var(--color-main)}.mock [data-out]:not(.is-live,[data-static],.mock__sizer *),.mock [data-focus]:not(.is-live,[data-static]){display:none}.mock .btn{cursor:default;pointer-events:none;transition:none}.mock__swap,.mock__scenes{display:grid}.mock__swap>*,.mock__scenes>*{grid-area:1/1}.mock__swap--inline{place-items:center start;display:inline-grid}.mock__slot{place-items:center end}.mock__chip--success{background:var(--color-success);box-shadow:var(--shadow-glow-success);color:var(--color-base);gap:4px;font-weight:600}.mock__chip--danger{background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error)}.mock__actions{justify-content:flex-end;margin:-16px;padding:16px;display:flex}.mock__qty--strong{color:var(--color-main)}.mock__total-cell{text-align:right;justify-items:end;min-width:80px}.mock__done{background:var(--color-success);width:20px;height:20px;box-shadow:var(--shadow-glow-success);font-size:var(--text-12);color:var(--color-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock__rows{flex-direction:column;display:flex}.mock__rows>li+li{margin-top:4px}.mock__row--ghost{outline:1px dashed var(--color-border-strong);outline-offset:-1px;background:0 0}.mock__row--ghost .mock__concept,.mock__row--ghost .mock__thumb{opacity:.5}.mock__row--ghost .mock__qty,.mock__row--ghost .mock__note{visibility:hidden}.mock__price{justify-items:end;gap:4px;display:grid}.mock__note{font-size:var(--text-12);color:var(--color-success);align-items:center;gap:4px;display:flex}.mock__tag{font-size:var(--text-12);color:var(--color-subtle);align-items:center;gap:4px;display:flex}.mock__caret{vertical-align:text-bottom;background:var(--color-primary);width:2px;height:1em;margin-left:1px;animation:1s step-end infinite mock-caret;display:inline-block}@media (prefers-reduced-motion:reduce){.mock__caret{animation:none}}@keyframes mock-caret{50%{opacity:0}}.mock__drafting{font-size:var(--text-14);color:var(--color-body);align-items:center;gap:8px;display:flex}.mock__scenes{padding:16px}.mock__scene{flex-direction:column;align-self:start;gap:12px;display:flex}.mock__scene[data-static]{align-self:stretch}.mock__scene[data-out]:not(.is-live,[data-static]){display:flex;visibility:hidden!important}.mock__row--ringed{row-gap:0;position:relative}.mock__row--ringed .mock__warning{margin-top:4px}.mock__ring{border:2px solid var(--color-warning);border-radius:var(--radius-8);box-shadow:0 0 16px color-mix(in srgb, var(--color-warning) 50%, transparent);pointer-events:none;position:absolute;inset:-4px}.mock__browser{border:1px solid var(--color-border-strong);border-radius:var(--radius-8);flex-direction:column;flex:1;display:flex;overflow:hidden}.mock__browser-bar,.mock__chat-bar,.mock__pdf-bar{background:var(--color-base);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 12px;display:flex}.mock__browser-bar{gap:16px}.mock__browser-bar:before{content:"";border-radius:var(--radius-32);background:var(--color-border-strong);width:8px;height:8px;box-shadow:12px 0 0 var(--color-border-strong),24px 0 0 var(--color-border-strong);flex-shrink:0;margin-right:16px}.mock__browser-bar .mock__link{border-radius:var(--radius-32);flex:1;padding:4px 12px}.mock__link{background:var(--color-base);border:1px solid var(--color-border);border-radius:var(--radius-8);font-size:var(--text-14);overflow-wrap:anywhere;align-items:center;gap:8px;padding:8px 12px;display:flex}.mock__browser-body{flex-direction:column;flex:1;padding:16px;display:flex}.mock__skeleton{flex:1 1 0;min-height:0;position:relative;overflow:hidden}.mock__skeleton--flow{flex:none;overflow:visible}.mock__skeleton--flow .mock__skeleton-list{position:static}.mock__skeleton-list{flex-direction:column;gap:4px;display:flex;position:absolute;inset:0 0 12px}.mock__skeleton-list span{border-radius:var(--radius-8);background:var(--color-border);flex-shrink:0;height:16px}.mock__skeleton-row{justify-content:space-between;align-items:center;gap:16px;min-height:28px;display:flex}.mock__skeleton-row:first-of-type span:first-child{width:60%}.mock__skeleton-row:nth-of-type(2) span:first-child{width:44%}.mock__skeleton-row:nth-of-type(3) span:first-child{width:68%}.mock__skeleton-price{width:72px}.mock__sign{width:min(100%,240px);font-size:var(--text-14);text-align:center;color:var(--color-main);flex-direction:column;align-self:center;align-items:center;gap:4px;margin-top:12px;display:flex}.mock__sign-line{border-bottom:1px solid var(--color-border-strong);align-self:stretch;display:block}.mock__sign-line svg{width:160px;height:48px;margin:0 auto;display:block}.mock__sign-name{padding-top:4px;line-height:1.2em}.mock__sign-date{font-size:var(--text-12);color:var(--color-subtle);line-height:1.2em}.mock__scenes--windows .mock__scene{align-self:stretch;min-height:384px}.mock__scenes--windows .mock__browser-body>.mock__sign{justify-content:center;min-height:140px}.mock__respond{flex-direction:column;gap:8px;min-height:140px;margin-top:12px;display:flex}.mock__lines{flex-direction:column;gap:4px;display:flex}.mock__lines span{border-radius:var(--radius-4);background:var(--color-border);height:8px}.mock__lines span:nth-child(2){width:92%}.mock__lines span:nth-child(3){width:64%}.mock__respond-actions{gap:8px;margin-top:auto;display:flex}.mock__respond-actions .btn{text-align:center;flex:1 1 0;min-width:0}.mock__chat-name{min-width:0;font-size:var(--text-14);color:var(--color-main);font-weight:600}.mock__avatar{background:var(--color-border-strong);width:32px;height:32px;font-size:var(--text-12);color:var(--color-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.mock__chat-body{flex-direction:column;flex:1;justify-content:flex-end;padding:16px;display:flex}.mock__bubble{border-radius:var(--radius-16) var(--radius-16) var(--radius-4) var(--radius-16);background:var(--color-border-strong);max-width:85%;font-size:var(--text-14);color:var(--color-main);flex-direction:column;align-self:flex-end;gap:4px;padding:8px 12px;line-height:1.5em;display:flex}.mock__bubble--in{border:1px solid var(--color-border);border-radius:var(--radius-16) var(--radius-16) var(--radius-16) var(--radius-4);background:var(--color-base);align-self:flex-start}.mock__bubble-link{overflow-wrap:anywhere}.mock__chat-body+.mock__bar{border-top:1px solid var(--color-border);border-bottom:0}.mock__chat-body+.mock__bar+.mock__body{padding-top:0}.mock__ticks{font-size:var(--text-12);color:var(--color-subtle);align-self:flex-end;line-height:1em;display:inline-flex}.mock__ticks i+i{margin-left:-8px}.mock__pdf-bar{font-size:var(--text-14);color:var(--color-body)}.mock__pdf-bar i{font-size:var(--text-16);flex-shrink:0}.mock__pdf-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock__pdf-body{background:var(--color-border);flex:1;padding:12px;display:flex}.mock__page{border-radius:var(--radius-4);background:var(--color-main);min-width:0;box-shadow:var(--shadow-3);color:var(--color-base);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.mock__page .mock__skeleton-list span,.mock__page .mock__lines span{background:var(--color-body)}.mock__page .mock__total{border-color:var(--color-body);font-size:var(--text-16);color:var(--color-base);padding-top:8px}.mock__page .mock__sign{width:min(100%,160px);color:var(--color-base);margin-top:0}.mock__page .mock__sign-line{border-color:var(--color-body)}.mock__page .mock__sign-line svg{width:96px;height:auto}.mock__page .mock__sign-date{color:var(--color-border-strong)}.mock__certificate{border:1px solid var(--color-body);border-radius:var(--radius-4);overflow:hidden}.mock__certificate dl>div{font-size:var(--text-12);color:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;line-height:1.2em;display:flex}.mock__certificate dl>div+div{border-top:1px solid var(--color-title)}.mock__certificate dl>div:first-child dd span{width:64px}.mock__certificate dl>div:nth-child(2) dd span{width:16px}.mock__certificate dl>div:nth-child(3) dd span{width:96px}.mock__certificate dl>div:nth-child(4) dd span{width:80px}.mock__certificate dd{flex:1;justify-content:flex-end;display:flex}.mock__certificate dd span{border-radius:var(--radius-4);background:var(--color-body);max-width:100%;height:8px;display:block}.mock__certificate-head{background:var(--color-base);font-family:var(--font-heading);font-size:var(--text-12);letter-spacing:.04em;text-transform:uppercase;color:var(--color-main);justify-content:space-between;align-items:center;gap:8px;padding:8px;font-weight:600;line-height:1.2em;display:flex}.mock__certificate-head img{flex-shrink:0;width:auto;height:12px}.mock__total-end{align-items:center;display:flex}.mock__total-end .mock__chip{font-family:var(--font-body);margin-left:12px}.mock__chip[data-grow]{white-space:nowrap;overflow:hidden}.mock__morph{gap:0}.mock__morph>li+li{margin-top:12px}.mock__morph .mock__chapter{justify-content:flex-start;align-items:center;gap:8px}.mock__morph .mock__rows{padding-left:24px}.mock__morph .mock__row{background:0 0;flex-wrap:nowrap;padding-left:0;padding-right:0}.mock__morph .mock__pick{flex-shrink:0;width:16px;display:inline-flex;overflow:hidden}.mock__morph .mock__total-cell{opacity:0}.mock__morph[data-morph]:not(.is-live,.mock__sizer *) .mock__rows,.mock__morph[data-morphed=true] .mock__rows{transition:padding-left var(--transition-600);padding-left:0}.mock__morph[data-morph]:not(.is-live,.mock__sizer *) .mock__row,.mock__morph[data-morphed=true] .mock__row{background:var(--color-base);transition:padding-right var(--transition-600),padding-left var(--transition-600),background-color var(--transition-600);padding-left:8px;padding-right:8px}.mock__morph[data-morph]:not(.is-live,.mock__sizer *) .mock__pick,.mock__morph[data-morphed=true] .mock__pick{opacity:0;width:0;transition:width var(--transition-600),margin-right var(--transition-600),opacity var(--transition-600);margin-right:-8px}.mock__morph[data-morph]:not(.is-live,.mock__sizer *) .mock__thumbwrap,.mock__morph[data-morphed=true] .mock__thumbwrap{opacity:0;transition:opacity var(--transition-600)}.mock__morph[data-morph]:not(.is-live,.mock__sizer *) .mock__total-cell,.mock__morph[data-morphed=true] .mock__total-cell{opacity:1;transition:opacity var(--transition-600)}.mock__hover{border:1px solid var(--color-base);border-radius:var(--radius-8);pointer-events:none;position:absolute;inset:-1px;box-shadow:0 0 12px 2px #ffffff80}.mock__sizer{visibility:hidden;pointer-events:none;align-self:start}.mock__check{background:var(--color-base);border:1px solid var(--color-border);border-radius:var(--radius-4);flex-shrink:0;width:16px;height:16px;position:relative}.mock__check--checked{background:radial-gradient(circle, var(--color-primary) 0%, var(--color-primary) 35%, var(--color-base) 45%)}.mock__check--mixed:after{content:"";background:var(--color-primary);width:8px;height:2px;margin:auto;position:absolute;inset:0}.mock__thumbwrap{flex-shrink:0;display:inline-flex;position:relative}.mock__thumb{border-radius:var(--radius-4);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;overflow:hidden}.mock__thumb--org{background:var(--color-body);font-size:var(--text-16);color:var(--color-base)}.mock__thumb--system{background:var(--color-base);border:1px solid var(--color-border);padding:4px}.mock__thumb--system img{object-fit:contain;width:100%;height:100%}.mock__tip{z-index:1;border-radius:var(--radius-4);background:var(--color-main);box-shadow:var(--shadow-3);font-size:var(--text-12);color:var(--color-base);white-space:nowrap;padding:4px 8px;line-height:1.2em;position:absolute;bottom:calc(100% + 4px);right:0}.mock__tip:after{content:"";border:4px solid #0000;border-top-color:var(--color-main);position:absolute;top:100%;right:8px}.mock-loop{border-radius:var(--radius-16)}.mock-loop:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.mock-loop__content{flex-direction:column;gap:12px;display:flex}.mock-loop__captions{font-family:var(--font-heading);font-size:var(--text-16);color:var(--color-main);font-weight:600;display:grid}.mock-loop__captions li{--caption-dim:0;grid-area:1/1}.mock-loop__captions li:not(:last-child){opacity:0}.mock-loop__progress{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.mock-loop__progress li{border-radius:var(--radius-32);background:var(--color-border);height:4px;overflow:hidden}.mock-loop__progress span{background:var(--color-primary);height:100%;display:block}.home-stack{flex-direction:column;gap:24px;display:flex}.home-stack__card{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-16);transform-origin:top;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px;display:grid}@media screen and (min-width:768px){.home-stack__card{padding:40px}}.home-stack__copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.home-stack__plan{border-radius:var(--radius-32);background:var(--color-border);font-size:var(--text-12);color:var(--color-primary);padding:4px 12px;font-weight:600}.home-stack.is-stacked .home-stack__card{top:calc(88px + var(--stack-index)*16px);position:sticky}@media screen and (min-width:1024px){.home-stack__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}.home-proof__grid{gap:16px;display:grid}@media screen and (min-width:768px){.home-proof__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-proof__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-16);flex-direction:column;gap:8px;padding:24px;display:flex}.home-proof__number{font-family:var(--font-heading);background:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;line-height:1em}.home-cta{isolation:isolate;text-align:center;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-16);flex-direction:column;align-items:center;gap:24px;padding:64px 16px;display:flex;position:relative;overflow:clip}.home-cta:before{content:"";z-index:-1;background:var(--gradient-glow-brand);pointer-events:none;width:min(960px,100%);height:480px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:1024px){.home-hero.feature-hero h1{font-size:var(--text-40)}}
