:root{--ivory: #f3efe7;--paper: #f7f4ee;--neutral: #e9e3d8;--ink: #151515;--charcoal: #141414;--muted: #46423c;--accent: #b86e45;--accent-deep: #8c4a28;--accent-soft: #dd9d74;--display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: "Inter Tight", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--body-size: clamp(1rem, 1.1vw, 1.2rem);--container: 1600px;--pad: clamp(20px, 4vw, 72px);--split-cols: minmax(0, 1.1fr) minmax(360px, .75fr);--split-gap: clamp(72px, 8vw, 150px);--section-y: clamp(48px, 7vw, 112px);--section-y-sm: clamp(40px, 5vw, 80px);--block: clamp(32px, 4vw, 56px);--header-h: 64px;--subnav-h: 48px;--radius: 3px;--radius-btn: 12px;--panel-bleed: clamp(18px, 2.4vw, 40px);--frame-radius: clamp(18px, 1.7vw, 26px);--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--bg: var(--ivory);--fg: var(--ink);--fg-muted: var(--muted);--line: rgba(21, 21, 21, .13);--line-strong: rgba(21, 21, 21, .28);--accent-text: #733a1c;--hover-tint: rgba(21, 21, 21, .045);--frame-bar: #ebe6dd;--frame-url: rgba(255, 255, 255, .72);--placeholder: #e6e0d5}@media(max-width:760px){:root{--header-h: 56px;--subnav-h: 44px}}@media(max-width:699px){:root{--panel-bleed: 0px;--frame-radius: 16px}}.theme-dark{--bg: var(--charcoal);--fg: #f3efe7;--fg-muted: #b5afa5;--line: rgba(243, 239, 231, .13);--line-strong: rgba(243, 239, 231, .3);--accent-text: var(--accent-soft);--hover-tint: rgba(243, 239, 231, .05);--frame-bar: #22211f;--frame-url: rgba(255, 255, 255, .06);--placeholder: #252422;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;font-style:normal}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis-style:none;background:transparent;scroll-padding-top:calc(var(--header-h) + var(--subnav-h) + 8px)}em,i,cite,dfn,var,address{font-style:normal}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html.is-locked{overflow:hidden}html.is-locked body{padding-right:var(--scrollbar-gap, 0px)}body{margin:0;background:transparent;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}p,h1,h2,h3{margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}.theme-dark :focus-visible{outline-color:var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:12px 18px;background:var(--ink);color:var(--ivory);font-size:13px;border-radius:var(--radius);transform:translateY(-160%);transition:transform .3s var(--ease)}.skip-link:focus{transform:none}.page-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--pad)}.icon{flex:none}.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}.status-dot{width:7px;height:7px;flex:none;border-radius:50%;border:1px solid currentColor;transition:background-color .4s var(--ease),border-color .4s var(--ease)}.has-selection .hero__status .status-dot,.has-selection .mobile-menu__status .status-dot{background:var(--accent);border-color:var(--accent)}.hero__title,.concepts-intro__title,.concept__name,.review__title,.compare__name,.final__title,.modal__title,.mobile-menu__link,.media__fallback-name{font-family:var(--display);font-weight:400;font-style:normal;font-optical-sizing:auto}.site-root{position:relative;min-height:100vh;isolation:isolate;overflow-x:clip}.global-background{position:fixed;inset:0 0 auto;z-index:0;width:100%;height:100vh;height:100lvh;overflow:hidden;pointer-events:none}.site-content{position:relative;z-index:1}.global-background-image{position:absolute;inset:-3%;width:106%;height:106%;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.03);will-change:transform;animation:backgroundBreath 24s ease-in-out infinite}.global-background-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#f4f0e88f,#f4f0e87a)}.global-background-light{position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(190,125,80,.12),transparent 36%),radial-gradient(circle at 80% 65%,rgba(255,255,255,.16),transparent 40%),radial-gradient(circle at 10% 90%,rgba(118,130,144,.08),transparent 34%);opacity:.75;animation:backgroundLight 20s ease-in-out infinite}@keyframes backgroundBreath{0%,to{transform:scale(1.03) translateZ(0)}50%{transform:scale(1.055) translate3d(-.4%,-.3%,0)}}@keyframes backgroundBreathMobile{0%,to{transform:scale(1.03)}50%{transform:scale(1.045)}}@keyframes backgroundLight{0%,to{opacity:.75}50%{opacity:1}}@media(max-width:699px){.global-background-image{animation:backgroundBreathMobile 28s ease-in-out infinite}.global-background-overlay{background:linear-gradient(135deg,#f4f0e89e,#f4f0e885)}}.glass-soft{--glass-bg: rgba(247, 244, 238, .4);--glass-blur: 12px;--glass-saturate: 110%;--glass-border: rgba(255, 255, 255, .34);--glass-shadow: 0 12px 36px rgba(20, 18, 15, .05);--glass-highlight: rgba(255, 255, 255, .4);--glass-fallback: rgba(247, 244, 238, .84)}.glass-strong{--glass-bg: linear-gradient(135deg, rgba(250, 248, 243, .72), rgba(246, 242, 235, .58));--glass-blur: 20px;--glass-saturate: 120%;--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 18px 50px rgba(20, 18, 15, .08);--glass-highlight: rgba(255, 255, 255, .6);--glass-fallback: rgba(247, 244, 238, .92)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate, 120%));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate, 120%));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background-color:var(--glass-fallback)}}.btn{--btn-bg: transparent;--btn-fg: var(--fg);--btn-border: var(--line-strong);position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:0 22px;border:1px solid var(--btn-border);border-radius:var(--radius-btn);background:var(--btn-bg);color:var(--btn-fg);box-shadow:var(--btn-shadow, none);font-family:var(--sans);font-size:12px;font-style:normal;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease-out)}.btn--primary{--btn-bg: var(--fg);--btn-fg: var(--bg);--btn-border: var(--fg);--btn-shadow: 0 8px 20px rgba(20, 20, 20, .08), inset 0 1px 0 rgba(255, 255, 255, .14)}.btn--primary:hover{--btn-bg: var(--accent-deep);--btn-border: var(--accent-deep);--btn-fg: #fff;--btn-shadow: 0 12px 26px rgba(20, 20, 20, .12), inset 0 1px 0 rgba(255, 255, 255, .18)}.theme-dark .btn--primary{--btn-shadow: 0 8px 20px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .5)}.theme-dark .btn--primary:hover{--btn-bg: var(--accent-soft);--btn-border: var(--accent-soft);--btn-fg: var(--ink)}.btn--secondary{--btn-bg: rgba(255, 255, 255, .34);--btn-border: rgba(21, 21, 21, .2);--btn-shadow: 0 6px 16px rgba(20, 20, 20, .04), inset 0 1px 0 rgba(255, 255, 255, .55)}.btn--secondary:hover{--btn-bg: rgba(255, 255, 255, .58);--btn-border: var(--fg);--btn-shadow: 0 10px 22px rgba(20, 20, 20, .08), inset 0 1px 0 rgba(255, 255, 255, .7)}.theme-dark .btn--secondary{--btn-bg: rgba(255, 255, 255, .08);--btn-border: rgba(255, 255, 255, .28);--btn-shadow: 0 8px 20px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .08)}.theme-dark .btn--secondary:hover{--btn-bg: rgba(255, 255, 255, .14);--btn-border: rgba(255, 255, 255, .6)}@media(prefers-reduced-motion:no-preference){.btn:not(.is-disabled):hover{transform:translateY(-2px)}.btn:not(.is-disabled):active{transform:translateY(0);transition-duration:.12s}}.btn--block{width:100%}.btn__label{white-space:nowrap}.btn__icon{display:inline-grid;place-items:center;transition:transform .45s var(--ease-out)}.btn:hover .btn__icon{transform:translate(3px)}.btn:hover .btn__icon--diag{transform:translate(2px,-2px)}.btn:hover .btn__icon--down{transform:translateY(3px)}.btn:hover .btn__icon--up{transform:translateY(-3px)}.btn.is-disabled{opacity:.5;cursor:not-allowed}.btn.is-disabled:hover,.btn--primary.is-disabled{--btn-bg: transparent;--btn-fg: var(--fg);--btn-border: var(--line-strong)}.btn__note{font-size:11px;letter-spacing:.12em;color:var(--fg-muted)}.btn.is-selected{--btn-bg: rgba(184, 110, 69, .1);--btn-border: var(--accent);--btn-fg: var(--accent-text);justify-content:flex-start;gap:12px}.btn.is-selected .btn__icon{order:-1;transform:none}.btn.is-selected:hover{--btn-bg: rgba(184, 110, 69, .16)}.progress{position:fixed;inset:0 0 auto;z-index:60;height:2px;pointer-events:none}.progress__bar{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}.header{position:sticky;top:0;z-index:50;height:var(--header-h);background:#f6f3edc2;-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 8px 30px #0f0f0f00,inset 0 1px #ffffff59;transition:background-color .4s var(--ease),box-shadow .4s var(--ease)}.header.is-scrolled{box-shadow:0 8px 30px #0f0f0f0a,inset 0 1px #ffffff59,inset 0 -1px #1515150d}.header.menu-open{background:#f5f2ebdb}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.brand__glyph{position:relative;width:16px;height:16px;flex:none;border:1.5px solid currentColor}.brand__glyph:after{content:"";position:absolute;right:-1.5px;bottom:-1.5px;width:7px;height:7px;background:var(--accent)}.brand__divider{font-weight:300;color:var(--fg-muted)}.brand__project{font-weight:400;letter-spacing:.14em;color:var(--fg-muted)}.header__right{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}.nav{display:flex;gap:clamp(20px,2.4vw,36px);margin:0;padding:0;list-style:none}.nav__link{position:relative;display:inline-block;padding:10px 0;font-size:13px;font-weight:500;letter-spacing:.02em}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-out)}.nav__link:hover:after,.nav__link[aria-current]:after{transform:scaleX(1);transform-origin:left}.pill{display:inline-flex;align-items:center;gap:9px;height:30px;padding:0 14px;border:1px solid rgba(21,21,21,.16);border-radius:999px;background:#ffffff57;box-shadow:inset 0 1px #fff9;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.pill__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.menu-toggle{display:none;align-items:center;gap:12px;height:44px;padding:0 2px 0 10px;background:none;border:0;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.menu-toggle__lines{position:relative;width:20px;height:8px}.menu-toggle__lines:before,.menu-toggle__lines:after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .4s var(--ease-out),top .4s var(--ease-out)}.menu-toggle__lines:before{top:0}.menu-toggle__lines:after{top:calc(100% - 1.5px)}.menu-toggle[aria-expanded=true] .menu-toggle__lines:before{top:calc(50% - .75px);transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__lines:after{top:calc(50% - .75px);transform:rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;right:0;padding:4px var(--pad) 24px;background:#f7f4eef2;border-bottom:1px solid rgba(255,255,255,.5);border-radius:0 0 20px 20px;box-shadow:0 30px 50px -30px #15151547;opacity:0;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .4s var(--ease-out)}.mobile-menu.is-open{opacity:1;transform:none}.mobile-menu__list{margin:0;padding:0;list-style:none}.mobile-menu__link{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:30px;line-height:1.1;letter-spacing:-.02em}.mobile-menu__num{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--fg-muted)}.mobile-menu__status{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:12px;color:var(--fg-muted)}@media(max-width:1100px){.brand__divider,.brand__project{display:none}}@media(max-width:760px){.nav,.header__right>.pill{display:none}.menu-toggle{display:inline-flex}}.hero__grid,.concepts-intro__inner,.review__head,.final__inner{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--block)}.hero__grid>*,.concepts-intro__inner>*,.review__head>*,.final__inner>*{min-width:0}@media(min-width:1024px){.hero__grid,.concepts-intro__inner,.review__head,.final__inner{grid-template-columns:var(--split-cols);column-gap:var(--split-gap);align-items:end}}.hero{padding-block:var(--block) var(--section-y-sm)}.hero__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:18px;margin-bottom:var(--section-y-sm);border-bottom:1px solid var(--line)}.hero__status{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.hero__title{font-size:clamp(4.5rem,7vw,7.5rem);line-height:.95;letter-spacing:-.03em}.line{display:block;overflow:hidden;padding-top:.12em;margin-top:-.12em;padding-bottom:.12em;margin-bottom:-.12em}.line__inner{display:block}.hero__aside{display:grid;gap:28px;align-content:end;margin-inline:calc(-1 * var(--panel-bleed));padding:clamp(22px,2.4vw,34px) max(var(--panel-bleed),20px);border-radius:clamp(18px,1.8vw,24px)}.hero__intro{font-size:var(--body-size);line-height:1.6;max-width:58ch}.hero__meta{display:grid;gap:10px;margin:0;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.hero__meta-row{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:20px;align-items:baseline}.hero__meta dt{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.hero__meta dd{margin:0}.hero__cta .btn{min-width:260px}@media(min-width:700px)and (max-width:1023px){.hero__aside{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(32px,5vw,56px);row-gap:24px;align-items:start}.hero__intro{grid-row:span 2}.hero__meta{padding-top:0;border-top:0}.hero__cta .btn{width:100%;min-width:0}}@media(max-width:699px){.hero__title{font-size:clamp(2.9rem,12vw,4.6rem);line-height:.96;letter-spacing:-.025em}.hero__aside{gap:24px}.hero__meta-row{grid-template-columns:96px minmax(0,1fr)}.hero__cta .btn{width:100%;min-width:0}}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin:var(--section-y-sm) calc(-1 * var(--panel-bleed)) 0;padding:0;list-style:none}.step{--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .1));display:grid;align-content:start;gap:6px;padding:clamp(20px,2vw,28px) max(var(--panel-bleed),18px);border-radius:18px;transition:translate .45s var(--ease-out),border-color .45s var(--ease),box-shadow .45s var(--ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.step:hover{translate:0 -3px;--glass-border: rgba(255, 255, 255, .75);--glass-shadow: 0 18px 40px rgba(20, 18, 15, .08)}}.step__num{margin-bottom:8px;font-family:var(--display);font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--accent-text)}.step__title{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.step__text{font-size:14.5px;line-height:1.55;color:var(--fg-muted);max-width:34ch}@media(max-width:639px){.steps{grid-template-columns:minmax(0,1fr);gap:10px}.step{grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:2px;padding:16px 18px;border-radius:16px}.step__num{grid-row:span 2;margin:0;font-size:24px}.step__text{grid-column:2}}@media(prefers-reduced-motion:no-preference){.js .line__inner{transform:translateY(105%);transition:transform 1.15s var(--ease-out) calc(var(--i, 0) * .11s + 80ms)}.js .is-loaded .line__inner{transform:none}.js [data-hero-in]{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease) calc(var(--d, 0) * 80ms + .42s),transform .9s var(--ease-out) calc(var(--d, 0) * 80ms + .42s)}.js .is-loaded [data-hero-in]{opacity:1;transform:none}.js .hero__top[data-hero-in]{transition-delay:0ms}.js .step[data-hero-in]{transition:opacity .75s var(--ease) calc(var(--d, 0) * 80ms + .42s),transform .9s var(--ease-out) calc(var(--d, 0) * 80ms + .42s),translate .45s var(--ease-out),border-color .45s var(--ease),box-shadow .45s var(--ease)}}.subnav{position:sticky;top:var(--header-h);z-index:40;height:var(--subnav-h);background:#f6f3edc2;-webkit-backdrop-filter:blur(16px) saturate(115%);backdrop-filter:blur(16px) saturate(115%);border-block:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #1414140a,inset 0 -1px #1515150d}.subnav__inner{height:100%;display:flex;align-items:stretch;justify-content:space-between;gap:24px}.subnav__list{display:flex;gap:clamp(20px,3vw,44px);margin:0;padding:0;list-style:none}.subnav__list li{display:flex}.subnav__link{position:relative;display:inline-flex;align-items:center;gap:10px;padding:0 2px;font-size:13px;font-weight:500;color:var(--fg-muted);white-space:nowrap;transition:color .3s var(--ease)}.subnav__link:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-out)}.subnav__link:hover,.subnav__link[aria-current=true]{color:var(--fg)}.subnav__link[aria-current=true]:after{transform:scaleX(1)}.subnav__num{font-size:11px;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--accent-text)}.subnav__short{display:none}.subnav__chosen{width:6px;height:6px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .45s var(--ease-out)}.subnav__link.is-chosen .subnav__chosen{transform:scale(1)}.subnav__selection{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap}.subnav__selection-name{font-family:var(--display);font-size:17px;font-weight:400;letter-spacing:-.01em;text-transform:none;color:var(--fg)}.has-selection .subnav__selection-name{color:var(--accent-text)}@media(max-width:760px){.subnav__selection{display:none}.subnav__inner{padding-inline:0}.subnav__list{width:100%;gap:0}.subnav__list li{flex:1}.subnav__list li+li{border-left:1px solid var(--line)}.subnav__link{width:100%;justify-content:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.subnav__num,.subnav__name:not(.subnav__name--always){display:none}.subnav__short{display:inline}}.concepts-intro{padding-top:var(--section-y);padding-bottom:clamp(20px,3vw,40px)}.concepts-intro__inner{padding-bottom:0}.concepts-intro .eyebrow{grid-column:1 / -1}.concepts-intro__title{font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.1;letter-spacing:-.025em;max-width:24ch}.concepts-intro__count{justify-self:end;font-family:var(--display);font-size:clamp(2rem,3.2vw,3.25rem);line-height:1;letter-spacing:-.02em;color:var(--fg-muted)}@media(max-width:1023px){.concepts-intro__count{display:none}}.concept{color:var(--fg);padding-top:var(--section-y)}.concepts-intro+.concept{padding-top:var(--block)}.concept.theme-dark{background:#0f0f0ee0;padding-bottom:var(--section-y)}.concept__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "preview" "actions";row-gap:clamp(28px,5vw,44px)}.concept__head{grid-area:head;min-width:0}.concept__preview{grid-area:preview;min-width:0;margin:0}.concept__actions{grid-area:actions;min-width:0;display:grid;gap:28px;align-content:end}@media(min-width:900px){.concept__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"head preview" "actions actions";column-gap:clamp(40px,5vw,96px);row-gap:var(--block);align-items:center}.concept--reverse .concept__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"preview head" "actions actions"}.concept__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"live pages" "select pages";column-gap:clamp(40px,5vw,96px);row-gap:12px;align-content:start}.concept__live{grid-area:live;align-self:start}.concept__select{grid-area:select;align-self:end}.concept__actions .pages{grid-area:pages}}@media(min-width:1200px){.concept__grid{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);grid-template-rows:auto 1fr;grid-template-areas:"head preview" "actions preview";column-gap:clamp(56px,6vw,112px);row-gap:44px;align-items:start}.concept--reverse .concept__grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);grid-template-areas:"preview head" "preview actions"}.concept__actions{grid-template-columns:minmax(0,1fr);grid-template-areas:"live" "pages" "select";row-gap:28px;align-self:end}.concept__live,.concept__select{align-self:auto}.concept__preview{position:sticky;top:calc(var(--header-h) + var(--subnav-h) + 40px)}}.concept__kicker{display:flex;align-items:center;gap:16px;margin-bottom:clamp(20px,2.6vw,32px)}.concept__number{font-family:var(--display);font-size:clamp(2.5rem,3.4vw,3.75rem);font-weight:300;line-height:.85;letter-spacing:-.03em;font-variant-numeric:lining-nums;color:var(--accent-text)}.concept__label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.concept__rule{flex:1;min-width:16px;height:1px;background:var(--line-strong)}.concept__badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .5s var(--ease),transform .6s var(--ease-out),visibility 0s linear .5s}.concept.is-selected .concept__badge{opacity:1;visibility:visible;transform:none;transition-delay:0s}@media(max-width:420px){.concept__badge{display:none}.concept.is-selected .concept__badge{display:inline-flex}.concept.is-selected .concept__rule{display:none}}.concept__name{font-size:clamp(2.75rem,4.2vw,5rem);line-height:.98;letter-spacing:-.03em;margin-bottom:22px;overflow-wrap:break-word}.concept__desc{max-width:55ch;font-size:var(--body-size);line-height:1.6;color:var(--fg-muted)}.traits{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.traits li{padding:6px 11px;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff4d;box-shadow:inset 0 1px #ffffff80;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.theme-dark .traits li{background:#ffffff0d;box-shadow:inset 0 1px #ffffff0f}.concept__preview{perspective:1200px}.preview{--rx: 0deg;--ry: 0deg;--lift: 0px;--scale: 1;--frame-ring: 0 0 0 0 transparent;--frame-depth: 0 30px 80px rgba(20, 18, 15, .16), 0 8px 24px rgba(20, 18, 15, .08);--frame-highlight: rgba(255, 255, 255, .55);position:relative;display:block;padding:0 10px 10px;border:1px solid rgba(255,255,255,.38);border-radius:var(--frame-radius);background:linear-gradient(135deg,#ffffff80,#ffffff3d);box-shadow:var(--frame-ring),var(--frame-depth),inset 0 1px 0 var(--frame-highlight);transform:translate3d(0,var(--lift),0) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale));transition:transform .4s var(--ease-out),box-shadow .6s var(--ease)}.theme-dark .preview{--frame-depth: 0 30px 80px rgba(0, 0, 0, .32), 0 8px 24px rgba(0, 0, 0, .18);--frame-highlight: rgba(255, 255, 255, .1);border-color:#ffffff1f;background:linear-gradient(135deg,#ffffff17,#ffffff08)}.concept.is-selected .preview{--frame-ring: 0 0 0 1px var(--accent), 0 0 0 6px rgba(184, 110, 69, .16)}@media(hover:hover)and (pointer:fine)and (min-width:1024px)and (prefers-reduced-motion:no-preference){.preview:hover{--lift: -4px;--scale: 1.01}}.preview__bar{display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:16px;height:42px;padding:0 8px}.preview__dots{display:flex;gap:6px}.preview__dots i{width:9px;height:9px;border-radius:50%;background:#15151529;box-shadow:inset 0 1px #fff6}.theme-dark .preview__dots i{background:#ffffff2e;box-shadow:none}.preview__url{min-width:0;max-width:440px;width:100%;height:24px;padding:0 14px;border-radius:8px;background:var(--frame-url);box-shadow:inset 0 0 0 1px #1515150d;font-size:11.5px;line-height:24px;color:var(--fg-muted);text-align:center}.preview__url span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview__open{justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);transition:color .3s var(--ease)}.preview:hover .preview__open{color:var(--fg)}.preview__viewport{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:max(8px,calc(var(--frame-radius) - 10px));background:var(--placeholder);box-shadow:0 0 0 1px #15151514}@media(max-width:640px){.preview__viewport{aspect-ratio:4 / 3}.preview{padding:0 6px 6px}.preview__bar{height:34px;padding:0 6px;gap:10px}.preview__dots i{width:7px;height:7px}.preview__open-text{display:none}}.media{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--placeholder)}.media__img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:object-position 1.4s var(--ease),transform 1.6s var(--ease-out)}.media__fallback{position:absolute;inset:0;display:none;flex-direction:column;justify-content:space-between;padding:clamp(18px,3vw,40px);color:var(--fg-muted);background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 100% 25%,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 25% 100%,var(--placeholder)}.media.is-missing .media__img{display:none}.media.is-missing .media__fallback{display:flex}.media__fallback-num{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300;line-height:1}.media__fallback-name{font-size:clamp(2rem,6vw,5rem);line-height:.98;letter-spacing:-.03em;color:var(--fg);margin-top:auto}.media__fallback-note{margin-top:12px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.preview:hover .media__img{object-position:50% 100%;transition:object-position 9s cubic-bezier(.45,.05,.4,1),transform 1.6s var(--ease-out)}}.concept__caption{display:flex;gap:18px;margin-top:16px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}.concept__caption-hint{display:none;margin-left:auto}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.concept__caption-hint{display:inline}}.pages__label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.pages__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.page-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:58px;padding:0 14px 0 6px;border-bottom:1px solid var(--line);transition:background-color .35s var(--ease)}.page-row__idx{font-size:11.5px;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--fg-muted)}.page-row__name{font-size:16px;font-weight:500;transition:transform .5s var(--ease-out)}.page-row__path{display:none;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--fg-muted)}.page-row__path--soon{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}@media(min-width:480px){.page-row__path{display:block}}.page-row__arrow{display:grid;place-items:center;transition:transform .5s var(--ease-out)}.page-row:hover,.page-row:focus-visible{background:var(--hover-tint)}.page-row:focus-visible{outline-offset:-2px}.page-row:hover .page-row__name{transform:translate(4px)}.page-row:hover .page-row__arrow{transform:translate(3px,-3px)}.page-row.is-disabled{opacity:.55;cursor:not-allowed}.page-row.is-disabled:hover .page-row__name,.page-row.is-disabled:hover .page-row__arrow{transform:none}@media(prefers-reduced-motion:no-preference){.js [data-reveal]:not([data-reveal=clip]){opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .85s var(--ease-out),background-color .5s var(--ease)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-reveal=clip] .preview{clip-path:inset(0 0 100% 0 round var(--frame-radius));transition:clip-path 1.3s var(--ease-out),transform .4s var(--ease-out),box-shadow .6s var(--ease)}.js [data-reveal=clip] .media__img{transform:scale(1.06)}.js [data-reveal=clip] .concept__caption{opacity:0;transition:opacity .8s var(--ease) .6s}.js [data-reveal=clip].is-in .preview{clip-path:inset(-120px -120px -160px -120px round var(--frame-radius))}.js [data-reveal=clip].is-in .media__img{transform:none}.js [data-reveal=clip].is-in .concept__caption{opacity:1}}.review{--placeholder: #ddd6ca;padding-top:var(--section-y)}.review__head{margin-bottom:var(--block)}.review__head .eyebrow{grid-column:1 / -1}.review__title{font-size:clamp(2.9rem,5.4vw,5.5rem);line-height:.98;letter-spacing:-.03em}.review__text{max-width:55ch;color:var(--fg-muted);font-size:var(--body-size);line-height:1.6}.compare{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.compare__item{position:relative;display:grid;grid-template-columns:clamp(170px,15vw,240px) minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;column-gap:clamp(24px,3vw,48px);row-gap:20px;padding:clamp(24px,2.4vw,36px) clamp(0px,1.4vw,24px);border-bottom:1px solid var(--line-strong)}.compare__item:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease-out)}.compare__item.is-selected{background-color:#b86e4517}.compare__item.is-selected:before{transform:scaleY(1)}.compare__thumb{display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px #ffffff8c,0 14px 30px #14120f1f,0 3px 8px #14120f0f;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.compare__item:hover .compare__thumb{transform:translateY(-3px);box-shadow:0 0 0 1px #ffffffb3,0 20px 40px #14120f26,0 4px 10px #14120f12}}.compare__thumb .media__img{transition:transform .9s var(--ease-out)}.compare__item:hover .compare__thumb .media__img{transform:scale(1.02)}.compare__thumb .media__fallback{padding:12px 14px}.compare__thumb .media__fallback-name{font-size:1.5rem}.compare__thumb .media__fallback-note{display:none}.compare__index{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.compare__num{font-variant-numeric:tabular-nums;color:var(--accent-text)}.compare__name{font-size:clamp(2rem,3vw,3.25rem);line-height:1;letter-spacing:-.025em;overflow-wrap:break-word}.compare__traits{font-size:14px;color:var(--fg-muted);margin-bottom:10px}.compare__status{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);transition:color .4s var(--ease)}.compare__item.is-selected .compare__status{color:var(--accent-text)}.compare__item.is-selected .status-dot{background:var(--accent);border-color:var(--accent)}.compare__actions{display:flex;gap:10px}.compare__actions .btn--primary{min-width:250px}@media(max-width:1199px){.compare__item{grid-template-columns:clamp(150px,24vw,220px) minmax(0,1fr);align-items:start}.compare__thumb{grid-row:span 3}.compare__meta,.compare__actions{grid-column:2}}@media(max-width:640px){.compare__item{grid-template-columns:minmax(0,1fr);padding-inline:0;row-gap:18px}.compare__item.is-selected{padding-inline:16px;margin-inline:-16px}.compare__thumb{grid-row:auto;aspect-ratio:16 / 9}.compare__meta,.compare__actions{grid-column:1}.compare__actions{flex-direction:column}.compare__actions .btn{width:100%;min-width:0}}.final{color:var(--fg);padding-block:var(--section-y)}.final__inner{position:relative;isolation:isolate}.final__inner:after{content:"";position:absolute;z-index:-1;inset:-12% 0;background:radial-gradient(ellipse 42% 60% at 24% 64%,#dd9d7433,#dd9d7400 70%);opacity:0;pointer-events:none;transition:opacity .8s var(--ease)}.has-selection .final__inner:after{opacity:1}@media(max-width:1023px){.final__inner:after{background:radial-gradient(ellipse 70% 40% at 30% 34%,#dd9d7433,#dd9d7400 70%)}}.final .eyebrow{grid-column:1 / -1}.final__title{font-size:clamp(2.6rem,4.8vw,5rem);line-height:1;letter-spacing:-.03em;max-width:18ch}.final__title em{font-style:normal;color:var(--accent-text);text-shadow:0 0 40px rgba(184,110,69,.22)}.final__text{max-width:55ch;color:var(--fg-muted);font-size:var(--body-size);line-height:1.6}.final__group{display:flex;flex-wrap:wrap;gap:12px}.final__group .btn{min-width:240px}@media(min-width:1024px){.final__inner{grid-template-areas:"eyebrow eyebrow" "title text" "title actions";row-gap:28px}.final .eyebrow{grid-area:eyebrow}.final__title{grid-area:title;align-self:end}.final__text{grid-area:text;align-self:end}.final__actions{grid-area:actions}.final__group .btn{flex:1 1 240px}}@media(max-width:640px){.final__group{flex-direction:column}.final__group .btn{width:100%;min-width:0}}.footer{color:var(--fg-muted);font-size:13px}.footer__inner{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:16px 40px;padding-block:32px}.footer__brand{display:inline-flex;align-items:center;gap:12px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg)}.footer__tagline{font-family:var(--display);font-size:17px;letter-spacing:-.01em;color:var(--fg)}.footer__top{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color .3s var(--ease)}.footer__top:hover{color:var(--fg)}.footer__top .icon{transition:transform .45s var(--ease-out)}.footer__top:hover .icon{transform:translateY(-3px)}@media(max-width:900px){.footer__inner{grid-template-columns:1fr auto}.footer__note,.footer__tagline{grid-column:1 / -1;grid-row:2}.footer__tagline{grid-row:3}.footer__top{grid-column:2;grid-row:1}}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal__backdrop{position:absolute;inset:0;background:#100f0e8f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s var(--ease)}.modal__panel{position:relative;width:min(580px,100%);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:linear-gradient(135deg,#fbf9f5f0,#f6f2ebe0);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);color:var(--ink);border:1px solid rgba(255,255,255,.6);border-radius:22px;box-shadow:0 50px 100px -30px #00000073,inset 0 1px #ffffffb3;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .35s var(--ease),transform .5s var(--ease-out)}.modal__panel:focus{outline:none}.modal.is-open .modal__backdrop{opacity:1}.modal.is-open .modal__panel{opacity:1;transform:none}.modal__close{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#faf8f4e6;cursor:pointer;transition:background-color .3s var(--ease)}.modal__close:hover{background:#fff}.modal__media{display:block;aspect-ratio:16 / 7;border-bottom:1px solid var(--line)}.modal__body{padding:clamp(24px,5vw,40px)}.modal__body--confirmed{padding-top:clamp(32px,6vw,48px)}.modal__eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep)}.modal__title{margin:12px 0 14px;font-size:clamp(1.9rem,4.4vw,2.6rem);line-height:1.06;letter-spacing:-.025em}.modal__title em{color:var(--accent-deep)}.modal__text{margin-bottom:26px;color:var(--muted);font-size:15px}.modal__text strong{font-weight:600;color:var(--ink)}.modal__summary{margin-bottom:26px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#ffffff8c;box-shadow:inset 0 1px #ffffffb3;font-size:14px;white-space:pre-line}.modal__seal{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:50%;background:var(--accent-deep);color:#fff}.modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal__actions .btn{gap:14px;padding-inline:18px}@media(max-width:480px){.modal{align-items:end;padding:12px}.modal__actions{grid-template-columns:minmax(0,1fr)}}.toasts{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:120;display:grid;justify-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:13px 18px 13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#151514e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ivory);font-size:14px;box-shadow:0 20px 40px -16px #00000080,inset 0 1px #ffffff14;opacity:0;transform:translateY(14px);transition:opacity .35s var(--ease),transform .5s var(--ease-out)}.toast.is-in{opacity:1;transform:none}.toast__icon{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:var(--accent);color:#fff}.toast--info .toast__icon{background:#3a3834}@media(max-width:1023px){.glass-strong{--glass-blur: 14px}.preview{--frame-depth: 0 22px 56px rgba(20, 18, 15, .14), 0 6px 18px rgba(20, 18, 15, .07)}.theme-dark .preview{--frame-depth: 0 22px 56px rgba(0, 0, 0, .28), 0 6px 18px rgba(0, 0, 0, .16)}}@media(max-width:699px){.header,.subnav{-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}.glass-strong{--glass-blur: 10px}.glass-strong{--glass-shadow: 0 12px 32px rgba(20, 18, 15, .07)}.step{--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .28));-webkit-backdrop-filter:none;backdrop-filter:none}.preview{--frame-depth: 0 16px 36px rgba(20, 18, 15, .13), 0 4px 12px rgba(20, 18, 15, .06)}.theme-dark .preview{--frame-depth: 0 16px 36px rgba(0, 0, 0, .26), 0 4px 12px rgba(0, 0, 0, .14)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.global-background-image{animation:none;transform:scale(1.03)}.global-background-light{animation:none}.preview{transform:none!important}}