/* Playroom: native CSS. Accent = mint; artwork retains its own palette.
   Shape rule: pills for controls, 32px for tactile surfaces. No fixed layers. */
@font-face{font-family:Outfit;src:url('./assets/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f7f8f4;--ink:#192d27;--muted:#52625b;--line:#d3dad1;--panel:#e9eee5;--paper:#fcfdf9;--accent:#bce9bc;--accent-ink:#183f27;--stage:#dfebd6;--shadow:#69845c24;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:24px}
:root[data-theme=dark]{--bg:#17221e;--ink:#ecf3e9;--muted:#b0c0b5;--line:#45554b;--panel:#23352c;--paper:#2a3d32;--accent:#bce9bc;--accent-ink:#183f27;--stage:#304936;--shadow:#09120d55;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,Arial,sans-serif;font-size:17px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button:active,.button:active{transform:translateY(2px)}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.045em;line-height:1.02}h2{font-size:clamp(36px,4.5vw,62px)}h3{font-size:23px;letter-spacing:-.025em}p{color:var(--muted)}.wrap{max-width:1320px;width:calc(100% - 96px);margin-inline:auto}.header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand svg{flex:none}.header nav{display:flex;align-items:center;gap:34px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;white-space:nowrap;border:1px solid var(--ink);border-radius:100px;padding:16px 25px;font-weight:700;color:var(--ink);transition:transform .2s}.button:hover{text-decoration:none;transform:translateY(-3px)}.button.small{padding:10px 20px}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:0 5px 0 var(--shadow)}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);padding:10px;z-index:3}.skip:focus{top:5px}.hero{display:grid;grid-template-columns:.98fr 1.02fr;min-height:610px;align-items:center;gap:10px}.hero-copy{padding:32px 0 48px;position:relative;z-index:1}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:24px}.hero h1{font-size:clamp(60px,6.5vw,94px);letter-spacing:-.065em;line-height:.98}.hero-copy>p{max-width:380px;font-size:20px;line-height:1.5;margin:25px 0 30px}.actions{display:flex;gap:26px;align-items:center}.text-link{font-size:16px}.toybox{height:550px;position:relative;isolation:isolate}.floor{position:absolute;left:5%;top:17%;width:95%;height:75%;border-radius:49% 51% 38% 62% / 42% 48% 52% 58%;background:var(--stage);transform:rotate(-12deg)}.floor:after{content:'';position:absolute;bottom:8%;left:15%;width:72%;height:15%;background:var(--shadow);border-radius:50%;filter:blur(13px)}.hero-pebble{position:absolute;line-height:0}.hero-pebble svg{width:100%;height:100%;overflow:visible}.main-pebble{width:75%;height:auto;aspect-ratio:1;left:13%;top:4%;background:none;border:none;padding:0;transform:rotate(-9deg);z-index:1;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.main-pebble:hover{transform:rotate(-3deg) translateY(-8px)}.back{width:41%;aspect-ratio:1;left:0;top:39%;transform:rotate(-17deg)}.front{width:41%;aspect-ratio:1;right:-2%;bottom:8%;transform:rotate(13deg);z-index:2}.hello-note{position:absolute;top:9%;right:0;border-radius:100px;background:var(--paper);padding:13px 23px;transform:rotate(7deg);font-size:19px;box-shadow:0 5px 0 var(--shadow);z-index:2}.toy-caption{position:absolute;bottom:2%;left:18%;font-size:14px;transform:rotate(-3deg)}.play-section{padding-top:105px}.play-intro{padding-left:8%}.play-intro p{margin-top:18px}.playground{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--panel);border-radius:32px;padding:44px 62px 44px 30px;box-shadow:inset 0 2px 0 var(--paper),0 8px 0 var(--shadow);align-items:center}.play-art{text-align:center}.play-pebble{width:min(100%,330px);aspect-ratio:1;margin:auto}.play-pebble svg{width:100%;height:100%}.play-art>p{color:var(--ink);font-size:18px}.control-group+.control-group{margin-top:25px}.control-group h3{font-size:16px;margin-bottom:15px;letter-spacing:0}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatches button{width:43px;height:43px;background:none;border:2px solid transparent;border-radius:100%;padding:4px}.swatches button span{display:block;width:100%;height:100%;border-radius:100%;background:var(--swatch);box-shadow:inset 0 -3px 2px #17291e26}.swatches button[aria-pressed=true]{border-color:var(--ink)}.segments{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--bg);padding:5px;border-radius:100px}.segments button{border:0;background:transparent;border-radius:100px;padding:9px 15px;font-size:14px;white-space:nowrap}.segments button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.room-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.calm{border:0;background:none;display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 0}.switch{width:34px;height:20px;border:1px solid var(--muted);border-radius:100px;display:block;padding:2px;background:var(--bg)}.switch:before{content:'';display:block;width:14px;height:14px;background:var(--muted);border-radius:100%;transition:transform .2s}.calm[aria-pressed=true] .switch{background:var(--accent)}.calm[aria-pressed=true] .switch:before{transform:translateX(13px);background:var(--accent-ink)}.fine{font-size:13px;line-height:1.65}.help{padding-block:120px}.help-heading{max-width:900px}.help-heading>p{margin-top:22px}.example-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;margin-top:50px;align-items:center}.task-picker{display:flex;flex-direction:column;align-items:stretch}.task-picker button{border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;align-items:center;padding:25px 0;text-align:left;font-size:25px;letter-spacing:-.03em;color:var(--muted)}.task-picker button[aria-pressed=true]{color:var(--ink);font-weight:700}.task-picker button[aria-pressed=true] span:last-child{background:var(--accent);color:var(--accent-ink);transform:rotate(0)}.task-picker button span:last-child{width:42px;height:42px;display:grid;place-items:center;border-radius:100%;transform:rotate(45deg);transition:transform .2s}.example-note{background:var(--accent);color:var(--accent-ink);border-radius:32px;padding:38px 40px;transform:rotate(2deg);box-shadow:0 9px 0 var(--shadow);min-height:280px;display:flex;flex-direction:column;justify-content:center}.example-note h3{font-size:28px;line-height:1.15;margin-bottom:20px}.example-note p{color:var(--accent-ink);font-size:17px}.example-note .prompt{opacity:.85;margin-bottom:16px}.inside{padding:20px 0 110px}.inside h2{max-width:1000px}.section-intro{max-width:650px;font-size:20px;margin-top:24px}.inside figure{margin-top:42px}.screenshot-shell{padding:18px;background:var(--panel);border-radius:32px;box-shadow:0 8px 0 var(--shadow)}.screenshot-shell img{display:block;width:100%;height:auto;border-radius:17px;border:1px solid var(--line)}figcaption{font-size:13px;margin-top:20px;color:var(--muted)}.model-story{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.model-story h3{font-size:40px}.model-story p{max-width:540px}.model-story .fine{margin-top:16px}.download{background:var(--panel);border-radius:32px;padding:60px 64px;box-shadow:inset 0 2px 0 var(--paper),0 8px 0 var(--shadow)}.download-top{display:flex;justify-content:space-between;align-items:center}.download-art{transform:rotate(13deg);margin-right:30px}.download-platforms{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px;border-top:1px solid var(--line);padding-top:32px}.file-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;justify-items:start}.file-list .button{gap:18px;padding:12px 20px;font-size:15px;min-width:260px;justify-content:space-between}.file-list .kind{font-weight:500;font-size:13px;opacity:.75}.download-meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:30px;font-size:13px;color:var(--muted)}.download-meta a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.later{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}.download-platforms h3{font-size:30px}.download-platforms p{font-size:14px;margin:8px 0 18px}.setup{font-size:13px;margin-top:30px;max-width:770px}.questions{padding-block:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.questions h2{font-size:42px;max-width:300px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:19px}details p{margin-top:18px;font-size:16px}footer{border-top:1px solid var(--line);padding-block:35px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}footer>span{font-size:16px}footer p{font-size:12px;width:100%}
.provider-choice{padding-bottom:110px}.choice-intro{font-size:21px;max-width:660px;margin-top:24px}.choice-sheet{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--paper);border:1px solid var(--line);border-radius:32px;margin-top:36px;overflow:hidden}.choice-promise{background:var(--stage);padding:40px}.choice-tag{display:block;font-size:14px;font-weight:600;margin-bottom:26px}.choice-promise h3{font-size:38px;line-height:1.08}.choice-promise>p{margin-top:22px;max-width:36ch}.choice-promise .fine{font-size:14px}.choice-context{padding:40px}.choice-context>h3{font-size:21px;letter-spacing:-.02em}.choice-context dl{margin:28px 0 0}.choice-context dl>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.choice-context dt{font-weight:650}.choice-context dd{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.choice-note{max-width:800px;font-size:14px;margin-top:22px}.choice-sources{font-size:13px;margin-top:15px;max-width:900px}.choice-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.choice-sources p{margin-top:12px}.choice-sources a{text-decoration:underline;text-underline-offset:3px}@media(max-width:767px){.provider-choice{padding-bottom:70px}.choice-intro{font-size:17px;margin-top:20px}.choice-sheet{grid-template-columns:1fr;margin-top:26px}.choice-promise,.choice-context{padding:28px}.choice-promise h3{font-size:32px}.choice-tag{margin-bottom:20px}.choice-context dl>div{grid-template-columns:1fr;gap:7px;padding:17px 0}.choice-note{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s both}.toybox{animation:arrive .9s both}.just-changed{animation:acknowledge .4s both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes acknowledge{50%{transform:translateY(-7px) rotate(-2deg)}}}
:root[data-calm=true] *,:root[data-calm=true] *:before,:root[data-calm=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.hero{min-height:665px}.toybox{height:590px}}
@media(max-width:1023px){.wrap{width:calc(100% - 48px)}.header{height:76px}.hero{min-height:530px}.hero h1{font-size:68px}.toybox{height:450px}.hero-copy>p{font-size:18px}.actions{gap:18px}.text-link{font-size:14px}.hello-note{font-size:15px;right:-8px}.playground{padding:30px;gap:20px}.example-layout{gap:40px}.example-note{padding:30px}.room-controls{gap:10px}.download{padding:45px}.questions{gap:40px}}
@media(min-width:768px) and (max-width:1023px){.hero h1{font-size:54px}.toybox{height:380px}.floor{width:82%;left:7%}.hero-copy>p{max-width:320px}.hero-pebble svg{overflow:hidden}.hello-note{right:0}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.header{height:72px}.brand{font-size:21px;gap:5px}.header nav{gap:0}.header nav>a:not(.button){display:none}.button.small{font-size:13px;padding:9px 16px;gap:12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-copy{padding:38px 0 0}.eyebrow{font-size:10px;margin-bottom:18px}.hero h1{font-size:clamp(56px,13.5vw,84px);line-height:.98}.hero-copy>p{font-size:17px;max-width:330px;margin:18px 0 24px}.actions{gap:22px}.actions .button{padding:13px 22px;font-size:15px;gap:18px}.text-link{font-size:14px}.toybox{height:345px;max-width:480px;width:100%;align-self:center;margin-top:7px}.main-pebble{width:67%;top:0;left:17%}.back{width:37%;top:36%;left:1%}.front{width:37%;right:0;bottom:11%}.floor{top:17%;height:73%;left:6%;width:89%}.hello-note{font-size:14px;padding:10px 15px;top:9%;right:1%}.toy-caption{font-size:12px;bottom:2%;left:16%}.play-section{padding-top:62px}.play-intro{padding-left:0}.play-intro p{font-size:16px}.playground{grid-template-columns:1fr;padding:20px 22px 30px;gap:28px;margin-top:28px}.play-pebble{width:240px}.play-art>p{font-size:16px}.play-controls{min-width:0}.swatches{gap:7px}.control-group h3{font-size:15px}.segments button{font-size:13px;padding:9px 12px}.room-controls{gap:15px}.help{padding-block:72px}.help-heading h2{font-size:36px}.help-heading p{font-size:16px}.example-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}.task-picker button{font-size:22px;padding:16px 0}.example-note{transform:rotate(0);min-height:290px;padding:28px}.example-note h3{font-size:26px}.inside{padding:0 0 70px}.inside h2{font-size:36px}.section-intro{font-size:17px;margin-top:20px}.screenshot-shell{border-radius:20px;padding:7px}.screenshot-shell img{border-radius:12px}figcaption{font-size:11px}.model-story{grid-template-columns:1fr;gap:22px;margin-top:35px}.model-story h3{font-size:32px}.model-story p{font-size:16px}.model-story .fine{font-size:12px}.download{padding:30px 24px}.download h2{font-size:42px}.download-art{width:90px;margin:0}.download-art svg{width:100%;height:auto}.download-platforms{grid-template-columns:1fr;gap:35px;margin-top:25px;padding-top:24px}.file-list{justify-items:stretch}.file-list .button{min-width:0;width:100%}.later{font-size:14px}.download-platforms .button{font-size:15px}.questions{grid-template-columns:1fr;gap:30px;padding-block:70px}.questions h2{font-size:36px;max-width:none}summary{font-size:17px}footer{align-items:flex-start;gap:12px}footer>span{font-size:14px}footer p{font-size:11px}}
@media(max-width:374px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:55px}.actions{gap:15px}.text-link{font-size:12px}.toybox{height:300px}.swatches{gap:2px}.room-controls{gap:6px}.calm{font-size:12px}}