/* Brickoodle · Option D "Prompt to Plate" · first paint: tokens, header, hero. Built from a readable source; home-d-rest.css has the rest. */
@property --ring{syntax:"<angle>";inherits:true;initial-value:0deg}:root{--blue:#0B5CD5;--blue2:#0846A8;--mist:#DCEBFF;--sky:#63C7FF;--paper:#FFFDF6;--cream:#FFF8E8;--ink:#17324D;--slate:#53687A;--night:#10263B;--panel:#16304A;--nmist:#B9C7D6;--violet:#7657D7;--vink:#493592;--vglow:#C4B5FF;--yellow:#FFD84D;--red:#C8261F;--pale:#FFE9E6;--coral:#FF7A6B;--lime:#79D64B;--aqua:#41D9DD;--edge:#0B1B2B;--spectrum:#FF4E3D,#FFD84D,#79D64B,#41D9DD,#63C7FF,#7657D7,#FF4E3D;--fh:"Nunito Sans Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--f:-apple-system,BlinkMacSystemFont,"Segoe UI","Nunito Sans Variable",system-ui,sans-serif;--fb:"Nunito Variable",ui-rounded,"SF Pro Rounded",system-ui,sans-serif;--fm:ui-monospace,"SF Mono",Menlo,monospace;--track:-.032em;--sec:112px;--gut:max(clamp(16px,4vw,40px),env(safe-area-inset-left),env(safe-area-inset-right));--hd:64px;--line:rgba(23,50,77,.14);--o:cubic-bezier(.16,1,.3,1);--click:cubic-bezier(.34,1.56,.64,1);--io:cubic-bezier(.65,0,.35,1);--shadow:0 1px 0 rgba(23,50,77,.06),0 30px 60px -32px rgba(23,50,77,.45);--m-stud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='14'%3E%3Crect x='12' width='32' height='20' rx='4'/%3E%3C/svg%3E");--m-stud4:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Crect x='8' width='24' height='16' rx='3.5'/%3E%3C/svg%3E");--m-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--m-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--m-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M12 11v6' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.6' r='1.5'/%3E%3C/svg%3E");--m-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l1.9 5.6 5.6 1.9-5.6 1.9L12 17.5l-1.9-5.6L4.5 10l5.6-1.9zM19 15l.9 2.1L22 18l-2.1.9L19 21l-.9-2.1L16 18l2.1-.9z'/%3E%3C/svg%3E");--m-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 16px)}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.55 var(--f);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,video,svg,canvas{display:block;max-width:100%}img{height:auto}svg{width:1em;height:1em;flex:none}[hidden]{display:none !important}a{color:inherit}h1,h2,h3,h4,p,dl,dd,figure{margin:0}h1,h2,h3,h4{font-family:var(--fh);font-weight:850;letter-spacing:var(--track);text-wrap:balance}p{text-wrap:pretty}h2 .br{display:block;text-wrap:balance}b,strong{font-weight:700}button{font:inherit;color:inherit}.wrap{width:min(1240px,100% - 2 * var(--gut));margin-inline:auto}.sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}.hero :focus-visible,.night :focus-visible,.red :focus-visible,.ft :focus-visible{outline-color:var(--yellow)}.skip{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 18px;border-radius:12px;background:var(--yellow);color:var(--ink);font-weight:800;text-decoration:none;border:2px solid var(--ink)}.skip:focus{top:12px}.w-xs,.w-sm{display:none}@media (max-width:767px){.w-md{display:none}.w-xs{display:block}}@media (max-width:419px){.w-lg{display:none}.w-sm{display:inline}}.studs{position:relative}.studs::before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 12px,rgba(255,255,255,.22) 12px 19px,transparent 19px) 50% 0 / 56px 100% repeat-x,var(--sc);mask:var(--m-stud) 50% 0 / 56px 14px repeat-x}.studs--night{--sc:var(--night)}.studs--paper{--sc:var(--paper)}.studs--red{--sc:var(--red)}.studs--yellow{--sc:var(--yellow)}.eyebrow{font:750 13px/1.2 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--vink)}.mtag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(23,50,77,.07);color:var(--slate);font:750 12.5px/1 var(--f);letter-spacing:.01em;white-space:nowrap}.mtag::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.mtag--night{background:rgba(255,255,255,.08);color:var(--nmist)}.mtag--lime{background:rgba(121,214,75,.16);color:var(--lime)}.cap,.fine{position:relative;padding-left:22px;font-size:13.5px;line-height:1.5;color:var(--slate);max-width:68ch}.cap::before,.fine::before{content:"";position:absolute;left:0;top:.17em;width:15px;height:15px;background:currentColor;opacity:.75;mask:var(--m-info) center / contain no-repeat}.cap--night{color:var(--nmist)}.cap--light{color:#fff}.sh{max-width:820px}.sh h2{margin-top:14px;font-size:clamp(36px,4.6vw,70px);line-height:1}.sh__sub{margin-top:20px;font-size:18px;color:var(--slate);max-width:62ch}.sh--center{margin-inline:auto;text-align:center}.sh--center .sh__sub{margin-inline:auto}.tlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;font-size:16px;color:var(--blue);text-decoration:none}.tlink::after{content:"";width:18px;height:18px;background:currentColor;mask:var(--m-arrow) center / contain no-repeat;transition:transform .2s var(--o)}.tlink:hover{text-decoration:underline;text-underline-offset:4px}.tlink:hover::after{transform:translateX(3px)}.tlink--light,.tlink--night{color:#fff}.tlink--ink{color:var(--ink)}.btn{--bg:var(--yellow);--fg:var(--ink);--ec:var(--ink);--e:4px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;margin-bottom:var(--e);border:2px solid var(--ec);border-radius:14px;background:var(--bg);color:var(--fg);box-shadow:0 var(--e) 0 var(--ec);font:800 17px/1.1 var(--fb);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform 140ms var(--click),box-shadow 140ms var(--click),background-color .2s,opacity .25s var(--o),visibility 0s;-webkit-tap-highlight-color:transparent}.btn svg{width:18px;height:18px}@media (hover:hover){.btn:hover{transform:translateY(-1px);box-shadow:0 calc(var(--e) + 1px) 0 var(--ec)}}.btn:active{transform:translateY(calc(var(--e) - 1px));box-shadow:0 1px 0 var(--ec)}.btn--xl,.btn--lg{flex-direction:column;gap:3px}.btn--xl{min-height:64px;padding:0 34px;border-radius:16px;font-size:19px}.btn--lg{min-height:58px;padding:0 26px}.btn__s{font:650 13px/1 var(--f);letter-spacing:.01em}.btn--sm{--e:3px;min-height:44px;padding:0 16px;border-radius:12px;font-size:15px}.btn--2l{flex-direction:column;gap:2px;padding:0 15px;font-size:14.5px;line-height:1}.btn--2l .btn__s{font-size:11.5px}.btn--glass{--bg:rgba(255,255,255,.12);--fg:#fff;--ec:rgba(255,255,255,.55);--e:0px;border-width:1.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--glass:hover{--bg:rgba(255,255,255,.16)}.btn--line{--bg:#fff;--e:3px}.btn--violet{--bg:var(--violet);--fg:#fff}.btn--violet:hover{--bg:#6A4BCC}.hd{position:sticky;top:0;z-index:60;padding-top:env(safe-area-inset-top);border-bottom:1px solid transparent;transition:border-color .2s}.hd::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,253,246,.82);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);transition:background-color .2s}.hd.is-scrolled{border-color:var(--line)}.hd.is-scrolled::before{background:rgba(255,253,246,.95)}.hd__bar{display:flex;align-items:center;gap:6px;height:var(--hd)}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:auto;text-decoration:none;color:var(--ink)}.brand img{width:32px;height:32px}.brand__w{font:900 21px/1 var(--fb);letter-spacing:.01em}.brand__w b{color:#FF4E3D;font-weight:900}.hd__nav{display:flex;gap:2px;margin-right:10px}.hd__nav a,.hd__in{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;font-size:15px;font-weight:650;text-decoration:none;color:var(--ink)}.hd__nav a:hover,.hd__in:hover{background:rgba(23,50,77,.07)}.hd__in{margin-right:6px}.menu{display:none}.menu:not([open]) .menu__sheet{display:none}.menu summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:2px solid var(--ink);background:#fff;cursor:pointer;box-shadow:0 3px 0 var(--ink);margin-bottom:3px}.menu summary::-webkit-details-marker{display:none}.menu summary svg{width:22px;height:22px}.menu__close,.menu[open] .menu__open{display:none}.menu[open] .menu__close{display:block}.menu[open] summary{background:var(--ink);color:#fff}.menu__sheet{position:fixed;left:0;right:0;top:calc(var(--hd) + env(safe-area-inset-top));bottom:0;z-index:70;overflow:auto;padding:16px var(--gut) calc(24px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);display:grid;align-content:start;gap:4px}.menu__sheet nav{display:grid}.menu__sheet nav a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid var(--line);font:850 22px/1.1 var(--fh);letter-spacing:-.01em;text-decoration:none}.menu__guides a{font-size:17px !important;font-weight:650 !important;min-height:48px !important}.menu__k{margin-top:18px;font:750 13px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}.menu__sheet .btn{margin-top:20px;width:100%}@media (max-width:1023px){.hd__nav,.hd__in{display:none}.menu{display:block;margin-left:8px}.hd__bar{gap:0}}@media (max-width:767px){:root{--hd:60px}.brand__w{font-size:19px}.brand img{width:30px;height:30px}.hd.is-quiet .hd__cta{opacity:0;visibility:hidden;transform:translateY(-4px) scale(.94);pointer-events:none;transition:opacity .2s,transform .2s,visibility 0s linear .2s}}.hero{position:relative;isolation:isolate;overflow:clip;color:#fff;background:linear-gradient(135deg,var(--blue) 0%,#0A52C4 45%,var(--blue2) 100%);padding:56px 0 136px}.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(99,199,255,.34),rgba(99,199,255,0)) 86% 26% / 760px 620px no-repeat,radial-gradient(circle,rgba(255,255,255,.15) 1.6px,transparent 2.3px) 0 0 / 32px 32px}.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--blue),var(--blue2));mask:radial-gradient(ellipse 70% 75% at 66% 40%,transparent 35%,#000 85%)}.hero__grid{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:64px;align-items:start}.hero__copy{margin-top:clamp(8px,3.4vw,48px)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 15px 8px 11px;border-radius:999px;background:var(--violet);color:#fff;font:750 14px/1 var(--f);letter-spacing:.01em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 6px 18px -6px rgba(40,20,120,.6)}.pill svg{width:16px;height:16px;color:var(--yellow)}.hero h1{margin-top:24px;font-size:clamp(46px,5.6vw,84px);font-weight:900;line-height:.94;letter-spacing:-.035em}.hero h1 span{display:block}.hero h1 span:first-child{white-space:nowrap}.hero h1 .fr{position:relative;width:fit-content;color:var(--yellow);padding-bottom:.05em}.hero h1 .fr::after{content:"";position:absolute;left:0;right:0;bottom:-.02em;height:clamp(2px,.04em,3px);border-radius:2px;background:linear-gradient(90deg,var(--spectrum))}.hero__sub{margin-top:24px;max-width:34em;color:#fff}.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:32px}.hero__price{margin-bottom:0;min-height:56px}.facts{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);gap:10px 26px;font-size:15px;font-weight:650;color:#fff}.facts li{display:flex;align-items:center;gap:8px}.facts svg{width:18px;height:18px;padding:3px;border-radius:6px;background:rgba(255,255,255,.16);color:var(--yellow)}.bb{position:relative}.bb::before{content:"";position:absolute;z-index:0;left:-4%;right:-4%;top:6%;height:70%;border-radius:50%;background:conic-gradient(from 200deg,var(--spectrum));filter:blur(70px);opacity:.4;pointer-events:none}.bb__card{position:relative;z-index:2;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:28px;box-shadow:0 8px 0 var(--ink),0 60px 100px -40px rgba(2,16,48,.75);overflow:hidden}.bb__head{display:flex;align-items:center;gap:10px;padding:16px 20px 10px}.bb__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--violet);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}.bb__icon svg{width:18px;height:18px}.bb__head b{font:800 18px/1 var(--fb)}.bb__head .mtag{margin-left:auto}.bb__prompt{padding:4px 20px 16px}.bb__label{display:block;margin-bottom:9px;font-size:15px;font-weight:700}.bb__bar{position:relative;display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 8px 8px 18px;border:3px solid transparent;border-radius:18px;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--ring),var(--spectrum)) border-box;animation:ring 16s linear infinite}.bb__ring{position:absolute;inset:-6px;z-index:-1;border-radius:22px;background:conic-gradient(from var(--ring),var(--spectrum));filter:blur(14px);opacity:.5}@keyframes ring{to{--ring:360deg}}.bb[data-state="busy"] .bb__bar{animation-duration:2.4s}.bb[data-state="busy"] .bb__ring{opacity:.9}.bb.is-paused .bb__bar,.bb.is-paused .bb__caret,.bb.is-paused .bb__dot{animation-play-state:paused}.bb__typed{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:19px;font-weight:600}.bb__caret{width:2px;height:1.25em;margin-left:2px;border-radius:1px;background:var(--violet);opacity:0}.bb[data-state="idle"] .bb__caret{opacity:1;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.bb__key{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border-radius:12px;border:2px solid var(--ink);background:var(--violet);color:#fff;box-shadow:0 4px 0 var(--ink);margin-bottom:4px;font:800 16px/1 var(--fb);white-space:nowrap;transition:transform 140ms var(--click),box-shadow 140ms var(--click)}.bb__key svg{width:16px;height:16px}.bb__key.is-down{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.bb__status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:26px;margin-top:12px;font-size:15px;font-weight:650;transition:opacity .3s}.bb__dot{width:9px;height:9px;border-radius:50%;background:var(--lime)}.bb[data-state="busy"] .bb__dot,.bb[data-state="build"] .bb__dot{background:var(--violet);animation:pulse 1s var(--io) infinite}@keyframes pulse{50%{transform:scale(.55);opacity:.5}}.bb__prog{flex:1 1 80px;max-width:140px;margin-left:auto;height:6px;border-radius:3px;background:rgba(23,50,77,.12);overflow:hidden}.bb__prog i{display:block;height:100%;border-radius:3px;background:var(--yellow);box-shadow:inset 0 0 0 1px rgba(23,50,77,.18);transform-origin:0 50%;transform:scaleX(var(--p,1));transition:transform .25s var(--o)}.bb__prog.is-wait i{width:40%;transform:none;animation:wait 1.1s var(--io) infinite}@keyframes wait{from{translate:-100% 0}to{translate:260% 0}}html.js .bb[data-state="idle"] .bb__status{opacity:0}.bb__stage{position:relative;aspect-ratio:16 / 10;border-top:2px solid var(--ink);overflow:hidden;background:radial-gradient(ellipse 34% 7% at 50% 87%,rgba(23,50,77,.2),transparent 70%),radial-gradient(circle at 17px 17px,rgba(23,50,77,.12) 0 2.2px,transparent 2.8px) 0 0 / 34px 34px,linear-gradient(180deg,var(--sky) 0%,#A9DEFF 55%,#E3F4FF 100%)}.viewer{position:absolute;inset:0}.viewer canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.viewer__ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity .45s var(--o)}html.js .bb .viewer__ghost.is-dim{opacity:.25}html.js .bb .viewer__ghost.is-gone{opacity:0}.skiptag{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:2px solid var(--ink);border-radius:10px;background:var(--yellow);box-shadow:0 3px 0 var(--ink);font:800 14px/1 var(--fb);white-space:nowrap;transform:rotate(-4deg);transition:transform .42s var(--click),opacity .2s}.skiptag svg{width:15px;height:15px}.count{position:absolute;left:50%;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:999px;background:var(--ink);color:#fff;font:800 14px/1 var(--fb);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 3px 0 var(--edge);transform:translateX(-50%);transition:opacity .3s,transform .42s var(--click)}.count svg{width:0;height:15px;color:var(--lime);transition:width .3s var(--click)}.count i{display:block;width:72px;height:6px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}.count b{display:block;height:100%;background:var(--yellow);transform-origin:0 50%;transform:scaleX(var(--p,1))}.bb[data-state="done"] .count svg{width:15px}.bb[data-state="done"] .count b,.bb[data-state="done"] .bb__prog i{background:var(--lime)}.hint{position:absolute;right:12px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(255,253,246,.9);color:var(--ink);font:700 13px/1 var(--f);transition:opacity .4s;pointer-events:none}.hint svg{width:15px;height:15px}html.js .bb:not([data-skip]) .skiptag{opacity:0;transform:translateY(-14px) rotate(4deg) scale(.85)}html.js .bb:not([data-counting]):not([data-state="done"]) .count{opacity:0;transform:translate(-50%,10px)}.bb:not(.is-live) .hint,.bb:not([data-state="done"]) .hint{opacity:0}.outs{position:relative;z-index:1;list-style:none;margin:-38px auto 0;padding:0 7%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.out{--r:0deg;--y:0px;display:block;overflow:hidden;border:2px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 4px 0 var(--ink),0 24px 34px -20px rgba(2,16,48,.7);transform:translateY(var(--y)) rotate(var(--r));transition:transform .6s var(--click),opacity .3s,filter .3s}.out img{width:100%;aspect-ratio:9 / 7;object-fit:cover;border-bottom:1.5px solid var(--line)}.out__l{display:flex;gap:7px;padding:9px 10px 11px;line-height:1.25}.out__l svg{width:15px;height:15px;margin-top:1px;color:var(--violet)}.out__tx{min-width:0;display:grid;gap:2px}.out__tx b{font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.out__tx small{font-size:12.5px;font-weight:650;color:var(--slate);white-space:nowrap;font-variant-numeric:tabular-nums}.out .l-sm{display:none}.out--1{--r:-4deg;--y:8px}.out--3{--r:3deg;--y:8px}.outs li:nth-child(2) .out{transition-delay:90ms}.outs li:nth-child(3) .out{transition-delay:180ms}html.js:not(.rm) .bb:not([data-fan]) .out{opacity:.5;filter:saturate(.15);transform:translateY(14px) rotate(0deg) scale(.96);transition-duration:.3s;transition-delay:0s}@media (hover:hover){.bb[data-fan] .out:hover{transform:translateY(-6px) rotate(0deg);transition-delay:0s}}.bb__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:26px}.bb__rl{font-size:14px;font-weight:700;color:#fff;margin-right:2px}.chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:800 14.5px/1 var(--fb);cursor:pointer;transition:background-color .2s,transform 140ms var(--click)}.chip svg{width:15px;height:15px}.chip:hover{background:rgba(255,255,255,.2)}.chip:active{transform:translateY(2px)}.chip[aria-pressed="true"]:not(.chip--key){background:#fff;color:var(--ink);border-color:#fff}.chip--key{margin-left:6px}.chip--key[aria-pressed="true"]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}html.rm .chip--key{display:none}.bb .cap{margin:16px auto 0;padding-left:0;text-align:center}.bb .cap::before,.cap--c::before{position:static;display:inline-block;vertical-align:-.2em;margin-right:6px}html.js:not(.rm) .reveal:not(.in){opacity:.35;transform:translateY(26px)}.reveal{transition:opacity .6s var(--o) calc(var(--d,0) * 70ms),transform .7s var(--o) calc(var(--d,0) * 70ms)}@media (max-width:1099px){.hero{padding:48px 0 128px}.hero__bg{background-position:50% 78%,0 0;background-size:820px 640px,32px 32px}.hero__grid{grid-template-columns:1fr;gap:56px}.hero__copy{margin:0 auto;max-width:760px;text-align:center}.hero h1{font-size:clamp(56px,7.6vw,84px)}.hero h1 span{margin-inline:auto}.hero__sub{margin-inline:auto}.hero__ctas{justify-content:center}.facts{justify-content:center}.bb{width:100%;max-width:760px;margin:0 auto}}@media (max-width:767px){body{font-size:17px;line-height:1.5}.hero{padding:24px 0 112px}.hero__copy{text-align:left;margin:0}.hero h1{margin-top:18px;font-size:clamp(44px,11vw,54px)}.hero h1 span{margin-inline:0}.hero__sub{margin-top:16px}.hero__ctas{flex-direction:column;align-items:stretch;gap:6px;margin-top:22px}.hero__ctas>.btn--xl{width:100%;min-height:58px}.hero__price{--bg:transparent;--ec:transparent;align-self:flex-start;min-height:44px;padding:0 2px;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:16px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.facts{justify-content:start;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px 18px;margin-top:12px;font-size:14px}.hero__grid{gap:28px}.bb::before{opacity:.3}.bb__card{border-radius:22px}.bb__head{padding:12px 14px 6px}.bb__head .mtag{font-size:11px;padding:5px 7px}.bb__prompt{padding:2px 14px 12px}.bb__label{font-size:14px;margin-bottom:7px}.bb__bar{min-height:56px;padding:6px 6px 6px 14px}.bb__typed{font-size:18px}.bb__key{height:40px;padding:0 12px;font-size:15px}.bb__status{font-size:14px;margin-top:10px}.bb__stage{aspect-ratio:4 / 3}.skiptag{font-size:13px;padding:7px 10px;left:10px;top:12px}.bb .hint{right:10px;top:12px}.count{bottom:10px;padding:9px 13px}.outs{margin-top:14px;padding:0;gap:10px}.out{--r:0deg !important;--y:0px !important;border-radius:12px}.out__l{padding:7px 8px 9px}.out__l svg{display:none}.out .l-lg{display:none}.out .l-sm{display:inline}.out__tx b{font-size:12.5px}.out__tx small{font-size:12px}.bb__tools{justify-content:flex-start;margin-top:18px}.bb__rl{width:100%}.chip--key{margin-left:0}.bb .cap{text-align:left;margin-top:14px;padding-left:22px}.bb .cap::before{position:absolute;margin:0}}@media (max-width:479px){.pill{display:none}.hero h1{margin-top:0;font-size:clamp(42px,11.2vw,50px)}.hero__sub{font-size:17px}}@media (max-width:379px){.bb .hint{font-size:0;gap:0;padding:8px}.bb__head .mtag{display:none}.btn--2l{padding:0 11px;font-size:13.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition-duration:.01ms !important;transition-delay:0s !important}}@media print{.hd,.bb__tools{display:none}.reveal{opacity:1 !important;transform:none !important}}

/* Owner request: no purple AI badge at the top. Brick-stud badge instead, and the
   Brickoodle mark on the Brick Bot card. */
.pill{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34);padding:8px 15px 8px 10px;gap:10px}
.pill__studs{display:inline-flex;gap:3px}
.pill__studs i{display:block;width:11px;height:11px;border-radius:50%;box-shadow:inset 0 -2px 0 rgba(0,0,0,.22),inset 0 1.5px 0 rgba(255,255,255,.45)}
.pill__studs i:nth-child(1){background:#FF4E3D}.pill__studs i:nth-child(2){background:var(--yellow)}.pill__studs i:nth-child(3){background:var(--lime)}.pill__studs i:nth-child(4){background:var(--sky)}
.bb__icon{background:none;box-shadow:none}
.bb__icon img{width:32px;height:32px}