:root{--paper:#f4eee1;--ink:#252c26;--muted:#50564c;--line:#ccc7b9;--orange:#b84422;--green:#354c37;--soft:#e7e3d5;--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans","DejaVu Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{opacity:.3;cursor:default}.wrap{width:min(1180px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;background:var(--ink);color:var(--paper);padding:10px 20px;z-index:100}.skip:focus{top:12px}.masthead{height:109px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.07em}.edition{font-size:12px;font-weight:400;color:var(--muted);margin-left:14px;letter-spacing:0}.masthead nav{display:flex;gap:30px;font-size:14px}.masthead nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;min-height:540px;padding-block:40px 46px;gap:25px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(76px,8.5vw,116px);letter-spacing:-6px;line-height:.99;margin:22px 0 28px}.good{color:var(--green);position:relative;font-style:italic}.good svg{position:absolute;bottom:-13px;left:-2%;width:106%;height:27px;fill:none;stroke:#bd663b;stroke-linecap:round;stroke-width:2}.intro{max-width:415px;font-size:18px;color:var(--muted);line-height:1.65;margin:0 0 31px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--green);border-radius:3px;padding:15px 22px;background:var(--green);color:#fffaf0;text-decoration:none;font-weight:650;font-size:14px}.primary span{font-size:20px}.text-link{font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--muted);padding-bottom:3px}.hero-art{width:100%;max-width:440px;justify-self:end;position:relative;align-self:center;margin-top:15px}.garden{width:100%;height:auto;display:block}.art-note{background:var(--paper);position:absolute;right:0;top:6px;font:italic 18px/1.3 var(--serif);color:var(--muted);transform:rotate(7deg)}.art-index{background:var(--paper);display:block;text-align:center;font:12px/1.5 ui-monospace,monospace;letter-spacing:.06em;color:var(--muted);margin-top:-10px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--ink);gap:18px}.section-heading h2{font:400 27px/1.3 var(--serif);letter-spacing:-.5px;margin:0}.section-heading .eyebrow{color:var(--muted)}.demo-row{display:grid;grid-template-columns:55px 1fr 60px;gap:20px;padding:34px 5px 37px;border-bottom:1px solid var(--line);text-decoration:none;align-items:center;transition:background .15s}.demo-number{font:italic 27px var(--serif);color:var(--muted);align-self:start;margin-top:4px}.demo-info h3{font:400 43px/1.1 var(--serif);margin:9px 0 12px;letter-spacing:-1.5px}.demo-info p{font-size:15px;color:var(--muted);max-width:610px;margin:0 0 14px}.demo-info .eyebrow{color:var(--orange)}.model-tag{font-size:12px;letter-spacing:.02em;color:var(--muted)}.demo-arrow{width:56px;height:56px;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center;font-size:26px}.try-section{padding-block:67px 72px}.try-section>.eyebrow{color:var(--orange)}.try-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:start}.try-grid h2{font:400 43px/1.15 var(--serif);letter-spacing:-1.5px;margin:14px 0}.try-grid p{font-size:16px;color:var(--muted);margin:17px 0 18px}.footer{border-top:1px solid var(--line);padding-block:26px 33px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:22px}.footer>div{display:flex;gap:25px}.footer a{text-decoration:none}
dialog{margin:0;inset:0;border:0;max-width:none;max-height:none;width:100%;height:100dvh;background:var(--paper);color:var(--ink);padding:32px 6vw}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:var(--paper)}.deck-top,.deck-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.deck-bottom{margin-top:auto;font:13px ui-monospace,monospace}.deck-bottom>div{display:flex;align-items:center;gap:15px}.quiet-button{border:0;background:transparent;font-size:13px;padding:11px;color:var(--muted)}.round-button{border:1px solid var(--line);border-radius:50%;background:transparent;width:48px;height:48px;font-size:22px;color:var(--ink)}.slide-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:1000px;padding-block:40px}.slide-body>.eyebrow{color:var(--orange)}.slide-body h2{font:400 clamp(45px,6.5vw,100px)/1.03 var(--serif);letter-spacing:-.05em;margin:16px 0 25px;max-width:950px}.slide-body>p:not(.eyebrow){max-width:620px;font-size:clamp(17px,2vw,25px);color:var(--muted);margin:0 0 28px}.slide-body .primary{margin-top:8px}[hidden]{display:none!important}
.page-header{padding-block:43px 30px}.page-header h1{font:400 clamp(46px,6vw,72px)/1.1 var(--serif);letter-spacing:-2.5px;margin:15px 0}.page-header p{max-width:650px;color:var(--muted)}.back-link{font-size:13px;text-decoration:none}.badge{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:3px;font-size:12px;color:var(--muted)}.prompt-list{padding-bottom:50px}.prompt-card{border-top:1px solid var(--line);padding-block:30px}.prompt-card h2{font:400 30px var(--serif);margin:0 0 18px}.prompt-card blockquote{margin:0 0 18px;border-left:3px solid var(--green);padding:5px 0 5px 23px;font-size:18px;max-width:800px}.prompt-card p{color:var(--muted);font-size:14px}.copy-button{border:1px solid var(--line);background:transparent;padding:9px 14px;font-size:13px;border-radius:3px}
@media(max-width:900px){.wrap{width:calc(100% - 54px)}.edition{display:none}.hero{min-height:auto;gap:5px;padding-block:56px}.hero h1{font-size:85px;letter-spacing:-5px}.hero-art{margin-right:-12px}.art-note{font-size:16px}.hero .actions{gap:17px}.section-heading .eyebrow{display:none}.try-grid{gap:35px}.try-grid h2{font-size:37px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.masthead{height:80px}.masthead nav{gap:16px;font-size:12px}.wordmark{font-size:11px;gap:9px}.wordmark img{width:26px;height:26px}.hero{grid-template-columns:1fr;padding-block:39px 38px}.hero h1{font-size:83px;margin-block:21px 24px;letter-spacing:-5px}.intro{font-size:16px;max-width:330px}.actions{gap:20px}.primary{padding:14px 18px}.hero-art{max-width:320px;width:85%;margin:30px auto 0}.garden{margin-top:-15px}.art-note{right:3px;top:-18px}.art-index{margin-top:-19px}.section-heading h2{font-size:24px}.demo-row{grid-template-columns:28px 1fr 35px;gap:12px;padding-block:28px}.demo-number{font-size:21px}.demo-info h3{font-size:33px;letter-spacing:-1px}.demo-info p{font-size:14px}.demo-info .eyebrow{font-size:11px;letter-spacing:.05em}.demo-arrow{width:34px;height:34px;font-size:21px}.model-tag{font-size:12px}.try-section{padding-block:43px}.try-grid{grid-template-columns:1fr;gap:0}.try-grid h2{font-size:35px}.try-grid p{margin-top:8px}.footer{flex-direction:column;font-size:11px;gap:15px}.footer>div{justify-content:space-between;gap:12px}dialog{padding:22px}.slide-body{padding-block:25px}.slide-body h2{font-size:53px}.deck-bottom>div{gap:6px}.deck-bottom .quiet-button{font-size:11px}.round-button{height:40px;width:40px}.page-header{padding-top:29px}.page-header h1{font-size:49px}.prompt-card blockquote{font-size:16px;padding-left:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Opus 5.5: Emil design-engineering pass */
@media (hover:hover) and (pointer:fine){.masthead nav a:hover,.footer a:hover,.quiet-button:hover{text-decoration:underline}.primary:hover{background:#263c29}.text-link:hover{color:var(--orange);border-color:var(--orange)}.demo-row:hover{background:#ece6d8}.demo-row:hover .demo-arrow{border-color:var(--green);color:var(--green)}.round-button:hover,.copy-button:hover{background:var(--soft)}}
:root{--ease-out:cubic-bezier(.23,1,.32,1)}button,a,summary{touch-action:manipulation}button,.primary,.copy-button{-webkit-user-select:none;user-select:none}.copy-button{color:var(--ink);min-height:44px}.page-header>p,.page-header>div>p{max-width:62ch;line-height:1.6}
@media (prefers-reduced-motion:no-preference){:is(.primary,.copy-button,.round-button,.quiet-button,button):active{transform:scale(.97);transition:transform 120ms var(--ease-out)}}
:is(a,button,summary,select,input,textarea):focus-visible{transition:none!important;transform:none!important}
@media(max-width:620px){.masthead{height:64px}.page-header{padding-block:22px 18px}.page-header h1{margin:8px 0 10px;font-size:42px;letter-spacing:-1.5px}.page-header p{font-size:16px}.hero{padding-block:24px 28px}.try-section{padding-block:32px}}