/* V3 chooser. Ausbeds palette from website/tailwind.config.js; structure shared with v2. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Permanent+Marker&display=swap');
:root{--ink:#1e1e1e;--muted:#787878;--paper:#fff8e9;--card:#fff;--line:#e8e5de;--rule:#efe4c8;--blue:#97d7ed;--blue-dark:#0857a6;--blue-ink:#063e75;--green:#b4f8cc;--green-ink:#2f5f2a;--purple-soft:#d6c5f7;--purple-ink:#4b2b8f;--yellow:#ffe5a8;--yellow-ink:#5c3d05;--yellow-dark:#dd8b11;--yellow-kicker:#8a5a06;--spring-colour:#5fa9db;--latex-colour:#d9cba0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.45}button,select,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;background:#fff8e9ed;backdrop-filter:blur(16px)}.nav{width:min(1180px,calc(100% - 48px));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{width:124px;height:auto}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-links a{text-decoration:none}.nav-cta{padding:9px 16px;border-radius:999px;background:var(--blue-dark);color:#fff}
main{width:min(1180px,calc(100% - 48px));margin:auto;padding:44px 0 0}
.marker-line{display:inline-block;margin:0;font:22px/1.15 'Permanent Marker',cursive;color:var(--blue-dark);transform:rotate(-2deg)}.marker-line.small{font-size:18px;color:var(--yellow-dark);transform:rotate(-4deg)}.kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chooser{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);column-gap:64px;row-gap:16px;align-items:start;scroll-margin-top:130px}.intro{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:16px}.intro h1{margin:0;max-width:580px;font-size:clamp(44px,5.3vw,66px);line-height:.98;letter-spacing:-.055em;font-weight:700}.lede{margin:6px 0 0;max-width:540px;font-size:19px;line-height:1.48;color:#3d3b37}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;font-size:13px;font-weight:600}.chips li{padding:8px 14px;border-radius:999px}.chip-green{background:var(--green);color:var(--green-ink)}.chip-blue{background:var(--blue);color:var(--blue-dark)}.chip-purple{background:var(--purple-soft);color:var(--purple-ink)}
.visual-column{grid-column:1;grid-row:1/3;align-self:start;position:sticky;top:calc(var(--prototype-chrome-height,54px) + 88px)}.layer-strip{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.layer-strip>div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;font-size:12px;line-height:1.5}.layer-strip strong{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.strip-top{background:var(--yellow);color:var(--yellow-ink)}.strip-top .kicker{color:var(--yellow-kicker)}.strip-mid{background:var(--card);color:#625e66}.strip-mid .kicker{color:var(--muted)}.strip-base{background:var(--blue);color:var(--blue-ink)}.strip-base .kicker{color:var(--blue-dark)}
.studio{position:relative;height:520px;border-radius:36px;background:var(--card);overflow:hidden}#viewport{position:absolute;inset:0;pointer-events:none}canvas{display:block;width:100%;height:100%}.fallback{position:absolute;inset:50px 25px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.fallback svg{width:100%;max-height:330px;filter:drop-shadow(0 18px 14px #33333313)}.fallback p{margin:0;font-size:12px;color:var(--muted);text-align:center}.fallback[hidden]{display:none}
.layer-arrows{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;color:var(--blue-dark);overflow:hidden}.layer-arrows>path{fill:none;stroke:currentColor;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}
.callout{position:absolute;left:24px;right:24px;z-index:2;text-align:center;font-size:12px;line-height:1.5;color:#68646c;pointer-events:none}.callout strong{display:inline-block;margin-right:6px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}.callout span{display:inline-block;border-radius:999px;padding:2px 6px;transition:background .35s,color .35s,box-shadow .35s,font-weight .1s}.callout span[data-fresh]{background:#fff;color:var(--blue-dark);font-weight:700;box-shadow:0 0 0 2px var(--blue),0 6px 16px #0857a62e}.callout-top{top:80px}.callout-top strong{background:var(--yellow);color:var(--yellow-ink)}.callout-base{bottom:64px}.callout-base strong{background:var(--blue);color:var(--blue-ink)}
.selection-column{grid-column:2;grid-row:2;border-radius:28px;padding:24px;background:var(--card);display:flex;flex-direction:column;gap:18px}.selection-column h2{font-size:17px;font-weight:700;margin:0 0 -10px;letter-spacing:-.02em}.selection-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:0}fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;scroll-margin-top:160px}.model-card{position:relative;cursor:pointer;min-width:0}.model-card input{position:absolute;opacity:0;width:1px;height:1px}.card-content{display:flex;flex-direction:column;min-height:170px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:border-color .15s,background .15s}.model-card:hover .card-content{border-color:var(--blue-dark)}.model-card input:checked+.card-content{border:2px solid var(--blue-dark);padding:16px;background:#eef7fc}.model-card input:focus-visible+.card-content{outline:3px solid var(--blue);outline-offset:3px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.radio-mark{width:17px;height:17px;border:1px solid #bcb8c2;border-radius:50%}.model-card input:checked+.card-content .radio-mark{border:5px solid var(--blue-dark);background:#fff}.mini-stack{width:33px;height:21px;background:linear-gradient(to bottom,#d9cba0 0 24%,transparent 24% 32%,#e1d8c3 32% 46%,transparent 46% 54%,#e1d8c3 54% 68%,transparent 68% 76%,#5fa9db 76%);transform:skewY(-8deg);border-radius:2px}.mini-stack.firm{background:linear-gradient(to bottom,#d9cba0 0 24%,transparent 24% 32%,#e1d8c3 32% 46%,transparent 46% 54%,#e1d8c3 54% 68%,transparent 68% 76%,#80868e 76%)}.mini-stack.plush{border-top:3px solid #efe6c9}.card-content>strong{font-size:15px;line-height:1.25;font-weight:700;letter-spacing:-.025em}.card-description{font-size:12px;line-height:1.55;color:#625e66;margin-top:8px}.card-name{margin-top:auto;padding-top:12px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.model-card input:checked+.card-content .card-name{color:var(--blue-dark)}
.primary{display:block;text-decoration:none;text-align:center;width:100%;padding:15px 16px;border:0;border-radius:999px;background:var(--blue-dark);color:#fff;font-size:15px;font-weight:700}.primary:hover{background:#06427e}.secondary-link{display:block;text-align:center;color:var(--muted);font-size:12px;text-underline-offset:3px}
.guide{margin:80px 0 0;padding:64px 0 72px;border-top:1px solid var(--rule);text-align:center;scroll-margin-top:150px}.guide h2{margin:18px 0 0;font-size:clamp(36px,4.6vw,56px);line-height:1.02;letter-spacing:-.05em}.guide-lede{max-width:600px;margin:18px auto 0;color:#625e66;font-size:18px;line-height:1.6}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left;margin:36px 0 0}.guide-card{display:flex;flex-direction:column;padding:28px;border-radius:24px}.guide-card h3{font-size:26px;line-height:1.1;letter-spacing:-.04em;margin:24px 0 14px;color:var(--ink)}.guide-card>p{font-size:14px;line-height:1.7;margin:0 0 22px}.guide-card .guide-top{background:var(--yellow);color:var(--yellow-ink)}.guide-top .kicker{color:var(--yellow-kicker)}.guide-mid{background:var(--card);color:#625e66}.guide-mid .kicker{color:var(--muted)}.guide-base{background:var(--blue);color:var(--blue-ink)}.guide-base .kicker{color:var(--blue-dark)}.swap-pill{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:14px;align-items:center;margin-top:36px;padding:18px 24px;border-radius:999px;background:var(--card);font-size:14px;color:#3d3b37}.back-up{display:block;margin-top:22px;color:var(--blue-dark);font-size:14px;font-weight:600;text-underline-offset:4px}
footer{padding:26px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.no-script{text-align:center;padding:20px}
@media(max-width:1100px){.chooser{column-gap:36px;grid-template-columns:minmax(0,1fr) minmax(400px,1fr)}.nav-links{gap:20px}.studio{height:480px}.selection-column{padding:20px}.callout{left:16px;right:16px;font-size:11px}}
@media(max-width:820px){.nav{width:calc(100% - 36px);height:64px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{font-size:12px}.logo{width:112px}main{width:calc(100% - 36px);padding-top:30px}.chooser{display:flex;flex-direction:column;align-items:stretch;gap:22px}.intro{order:0;margin-bottom:0}.intro h1{font-size:clamp(40px,8vw,56px)}.lede{font-size:17px}.marker-line{font-size:18px}.visual-column{display:contents}.studio{order:1;position:sticky;top:calc(var(--prototype-chrome-height,86px) + 6px);z-index:25;height:300px;border-radius:24px;box-shadow:0 6px 16px #1e1e1e09}.callout{left:12px;right:12px;font-size:10px}.callout strong{font-size:8px;padding:2px 6px;margin-right:4px}.callout-top{top:48px}.callout-base{bottom:40px}.fallback{inset:30px 15px 40px}.layer-strip{order:3;margin-top:0;grid-template-columns:1fr;gap:10px}.selection-column{order:2;padding:18px;border-radius:22px}.model-card{scroll-margin-top:calc(var(--prototype-chrome-height,86px) + 318px)}fieldset{scroll-margin-top:calc(var(--prototype-chrome-height,86px) + 318px)}.card-content{min-height:168px;padding:14px}.model-card input:checked+.card-content{padding:13px}.card-content>strong{font-size:14px}.guide{margin-top:48px;padding:44px 0 52px;scroll-margin-top:110px}.guide-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.guide-card{padding:22px}.guide-card h3{margin-top:18px;font-size:22px}.guide-lede{font-size:16px}.swap-pill{border-radius:24px}footer{flex-direction:column;gap:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}