.ex-root{--navy:#1a203d;--navy-deep:#04071b;--blue:#4765b2;--blue-mid:#597dc1;--blue-soft:#c3d5eb;--blue-tint:#dfe7f4;--blue-wash:#f1f5fa;--ink:#17181b;--ink-mid:#3e444f;--gray:#566174;--line:#e2e4e9;--amber:#b8860b;--amber-bg:#fdf7e6;--amber-line:#efe2bb;--font:var(--font-figtree),"Figtree",system-ui,sans-serif;--mono:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;--serif:var(--font-noto-serif),"Noto Serif",Georgia,serif;font-family:var(--font);color:var(--ink);min-height:100vh;background:#fff}.ex-container{max-width:980px;margin:0 auto;padding:0 24px}.ex-hero{background:radial-gradient(90% 130% at 50% 125%,rgba(223,231,244,.5) 0,rgba(118,157,206,.3) 28%,rgba(71,101,178,.16) 48%,transparent 70%),radial-gradient(70% 90% at 75% 0,#303b64 0,transparent 60%),linear-gradient(155deg,#04071b,#1a203d 48%,#303b64 85%,#3d54a0 110%);color:#fff;position:relative;overflow:hidden}.ex-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 90% at 70% 20%,#000 0,transparent 75%);mask-image:radial-gradient(80% 90% at 70% 20%,#000 0,transparent 75%);pointer-events:none}.ex-hero>*{position:relative;z-index:1}.ex-hero-inner{padding:54px 0 60px}.ex-logo{display:inline-block;width:128px;height:27px;background-color:#fff;-webkit-mask:url(/brand/logo-misteria-navy.svg) left center/contain no-repeat;mask:url(/brand/logo-misteria-navy.svg) left center/contain no-repeat}.ex-eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-soft);margin:36px 0 14px}.ex-eyebrow:before{content:"/ "}.ex-hero h1{font-size:clamp(30px,5vw,46px);font-weight:600;letter-spacing:-.0175em;line-height:1.1;margin:0;max-width:20ch}.ex-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--blue-soft)}.ex-hero-sub{margin-top:16px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.85);max-width:58ch}.ex-hero-meta{margin-top:26px;font-family:var(--mono);font-size:13.5px;color:rgba(255,255,255,.75);display:flex;gap:18px;flex-wrap:wrap}.ex-section{padding:44px 0 20px}.ex-section-title{font-family:var(--mono);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin:0 0 18px}.ex-section-title:before{content:"/ "}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.ex-card{display:block;border:1px solid var(--line);border-radius:14px;padding:22px 24px;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.ex-card:hover{border-color:var(--blue-soft);box-shadow:0 10px 30px rgba(26,32,61,.09);transform:translateY(-2px)}.ex-card-num{font-family:var(--mono);font-size:12.5px;color:var(--blue)}.ex-card h3{margin:8px 0 6px;font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.01em}.ex-card p{margin:0;font-size:14.5px;line-height:1.5;color:var(--gray)}.ex-card-when{margin-top:14px;font-family:var(--mono);font-size:11.5px;color:var(--gray);text-transform:uppercase;letter-spacing:.04em}.ex-filter{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.ex-chip{border:1px solid var(--line);background:#fff;color:var(--ink-mid);font-family:var(--font);font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer;transition:all .12s}.ex-chip:hover{border-color:var(--blue-soft)}.ex-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.ex-filter-hint{font-size:13px;color:var(--gray);margin:0 0 8px}.ex-block{border:1px solid var(--line);border-radius:16px;padding:28px 30px;margin:22px 0}.ex-block-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.ex-block h2{margin:0;font-size:24px;font-weight:700;color:var(--navy);letter-spacing:-.015em}.ex-duration{font-family:var(--mono);font-size:12px;background:var(--blue-tint);color:var(--navy);border:1px solid var(--blue-soft);padding:3px 10px;border-radius:999px}.ex-goal{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--ink-mid)}.ex-goal b{color:var(--navy)}.ex-steps{margin:18px 0 0;padding:0 0 0 4px;counter-reset:step;list-style:none}.ex-steps li{counter-increment:step;position:relative;padding:7px 0 7px 40px;font-size:15.5px;line-height:1.55;color:var(--ink-mid)}.ex-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:8px;font-family:var(--mono);font-size:12.5px;color:var(--blue)}.ex-prompt{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.ex-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--blue-wash);border-bottom:1px solid var(--line)}.ex-prompt-label{font-size:13.5px;font-weight:700;color:var(--navy)}.ex-prompt-profile{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);white-space:nowrap}.ex-prompt pre{margin:0;padding:18px 20px;font-family:var(--mono);font-size:13px;line-height:1.62;color:var(--ink);white-space:pre-wrap;word-break:break-word;background:#fff;max-height:480px;overflow-y:auto}.ex-copy{border:none;background:var(--navy);color:#fff;font-family:var(--font);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .12s}.ex-copy:hover{background:var(--blue)}.ex-copy.copied{background:#2e6b70}.ex-advanced{margin:18px 0 0;border:1px solid var(--amber-line);border-left:4px solid var(--amber);background:var(--amber-bg);border-radius:10px;padding:14px 18px;font-size:14.5px;line-height:1.55;color:#6b5208}.ex-advanced b{color:#574100}.ex-tip{margin:18px 0 0;border:1px solid var(--blue-soft);border-left:4px solid var(--blue);background:var(--blue-wash);border-radius:10px;padding:14px 18px;font-size:14.5px;line-height:1.55;color:var(--navy)}.ex-label-mini{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:4px}.ex-modnav{display:flex;justify-content:space-between;gap:12px;padding:10px 0 60px}.ex-modnav a{text-decoration:none;font-size:14.5px;font-weight:600;color:var(--navy);border:1px solid var(--line);border-radius:10px;padding:12px 18px;transition:border-color .12s,background .12s;max-width:46%}.ex-modnav a:hover{border-color:var(--blue-soft);background:var(--blue-wash)}.ex-modnav .dir{font-size:11px;display:block;margin-bottom:3px;text-transform:uppercase}.ex-back,.ex-modnav .dir{font-family:var(--mono);color:var(--blue)}.ex-back{display:inline-block;margin:26px 0 0;text-decoration:none;font-size:13px}.ex-back:hover{text-decoration:underline}.ex-modhead{padding:10px 0 6px;border-bottom:1px solid var(--line);margin-bottom:8px}.ex-modhead .num{font-family:var(--mono);font-size:13px;color:var(--blue)}.ex-modhead h1{margin:10px 0 8px;font-size:clamp(26px,4vw,36px);font-weight:700;color:var(--navy);letter-spacing:-.018em}.ex-modhead p{margin:0 0 8px;font-size:16.5px;line-height:1.5;color:var(--gray);max-width:70ch}.ex-modhead .when{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray);display:block;padding:10px 0 18px}.ex-footer{border-top:1px solid var(--line);margin-top:40px}.ex-footer-inner{padding:30px 0 44px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ex-footer .ex-logo-dark{display:inline-block;width:110px;height:23px;background-color:var(--navy);-webkit-mask:url(/brand/logo-misteria-navy.svg) left center/contain no-repeat;mask:url(/brand/logo-misteria-navy.svg) left center/contain no-repeat}.ex-footer-meta{font-family:var(--mono);font-size:12px;color:var(--gray);text-align:right}.ex-footer-meta a{color:var(--blue);text-decoration:none}@media (max-width:640px){.ex-block{padding:20px 18px}.ex-hero-inner{padding:40px 0 44px}}