:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f0e8;--surface:#fffdf8;--ink:#1b1713;--muted:#665f58;--line:#cec5ba;--brand-orange:#ff6f00;--signal:#a84000;--signal-hover:#873400;--soft:#ffe0c7;--soft-strong:#ffc899;--danger:#a52d24}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-frame{min-height:100vh}.shell,.site-header,.site-footer{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:76px;min-height:76px;display:flex}.site-header nav,.header-actions,.footer-links,.actions{align-items:center;gap:clamp(1rem,2.4vw,2.2rem);display:flex}.site-header nav a,.footer-links a,.locale-link{font-size:.76rem;font-weight:700;text-decoration:none}.site-header nav a:hover,.locale-link:hover,.text-link:hover{color:var(--signal)}.button{background:var(--ink);border:1px solid var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:var(--signal);border-color:var(--signal)}.button.small{min-height:36px;padding-inline:14px}.text-link{text-underline-offset:4px;font-size:.8rem;font-weight:800}.hero{padding-block:clamp(72px,11vw,150px)}.hero-motion{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(42px,7vw,110px);display:grid}.eyebrow{color:var(--signal);letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px;font:800 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}h1{letter-spacing:-.075em;max-width:800px;margin:0;font-size:clamp(3rem,7vw,6.25rem);line-height:.94}h2,h3{letter-spacing:-.035em}.lede{color:var(--muted);max-width:690px;margin:28px 0 0;font-size:1.07rem;line-height:1.65}.actions{margin-top:32px}.inspector{background:var(--surface);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--soft)}.input{border-bottom:1px solid var(--line);padding:22px}.input small,.status small,.result small{color:var(--muted);text-transform:uppercase;font:700 .64rem ui-monospace,monospace;display:block}.input p{margin:10px 0 0;line-height:1.45}.fields{margin:0}.fields div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;padding:13px 22px;display:grid}.fields dt{color:var(--muted);font:700 .72rem ui-monospace,monospace}.fields dd{overflow-wrap:anywhere;margin:0;font:700 .72rem/1.4 ui-monospace,monospace}.status{justify-content:space-between;gap:16px;padding:18px 22px;display:flex}.status strong{color:var(--signal);font:700 .72rem ui-monospace,monospace}.principles,.content-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.principles article,.content-grid article{border-right:1px solid var(--line);padding:32px 28px 42px}.principles article:last-child,.content-grid article:last-child{border:0}.principles span,.content-grid article>span{color:var(--signal);font:700 .7rem ui-monospace,monospace}.principles h2,.content-grid h2{margin:34px 0 14px;font-size:1.5rem}.principles p,.content-grid p{color:var(--muted);margin:0;line-height:1.65}.contract-band{background:var(--ink);color:#fff;text-align:center;justify-content:center;align-items:center;min-height:210px;margin-block:100px;padding:42px;display:flex}.contract-band .eyebrow{text-align:center}.contract-band h2{margin:0;font-size:clamp(2rem,4vw,3.5rem)}.contract-band h2 span{color:var(--brand-orange)}.page{padding-block:clamp(60px,9vw,120px)}.page-hero{max-width:900px;margin-bottom:72px}.page-hero h1{font-size:clamp(3rem,7vw,5.8rem)}.content-grid{border-bottom:1px solid var(--line)}pre{color:#fff6ee;white-space:pre-wrap;background:#241b16;padding:22px;font:500 .72rem/1.65 ui-monospace,monospace;overflow:auto}.content-grid pre{margin-top:28px}.playground-grid{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:start;gap:28px;display:grid}.composer,.result{background:var(--surface);border:1px solid var(--ink);padding:26px}.example{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:0 0;width:100%;margin-top:10px;padding:16px;font-size:.78rem;line-height:1.45;display:block}.example:hover,.example.active{background:var(--soft);border-color:var(--signal)}.notice{border-left:3px solid var(--signal);color:var(--muted);margin-top:24px;padding-left:12px;font-size:.76rem;line-height:1.5}.stages{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:20px;display:flex}.stages span{border:1px solid var(--line);padding:7px 9px;font:700 .64rem ui-monospace,monospace}.stages .done,.stages .active{border-color:var(--signal)}.stages .active{background:var(--soft)}.result-head{grid-template-columns:2fr 1fr;gap:16px;padding:28px 0;display:grid}.result-head h2{overflow-wrap:anywhere;margin:6px 0;font-size:1.35rem}.result-head strong{color:var(--signal);margin-top:8px;display:block}.experience-copy{color:var(--muted);line-height:1.65}.summary-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;display:grid}.summary-grid article{background:var(--surface);min-width:0;padding:16px}.summary-grid h3{margin:0 0 10px;font-size:.82rem}.summary-grid p{overflow-wrap:anywhere;margin:0;font:500 .68rem/1.5 ui-monospace,monospace}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:30px;margin-top:90px;padding-block:48px;display:flex}.site-footer p{color:var(--muted);max-width:420px;font-size:.8rem}.footer-links{flex-wrap:wrap;justify-content:flex-end}.footer-links span{color:var(--muted);font-size:.68rem}.hero-motion>[data-reveal]{opacity:1}@media (max-width:900px){.site-header nav{display:none}.hero-motion,.playground-grid,.principles,.content-grid{grid-template-columns:1fr}.principles article,.content-grid article{border-bottom:1px solid var(--line);border-right:0}.site-footer{flex-direction:column}.footer-links{justify-content:flex-start}.contract-band{margin-block:64px}}@media (max-width:560px){.shell,.site-header,.site-footer{width:min(100% - 32px,1180px)}.header-actions>.locale-link{display:none}.hero{padding-block:60px}h1{font-size:clamp(2.8rem,15vw,4.7rem)}.status{display:grid}.result-head,.summary-grid{grid-template-columns:1fr}.composer,.result{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.widport-grid-hero{isolation:isolate;position:relative}.widport-grid-hero:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ff6f0026 1px,#0000 1px),linear-gradient(90deg,#ff6f0026 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0 calc(-50vw + min(1180px,100vw - 48px)/2);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}@media (max-width:560px){.widport-grid-hero:before{background-size:42px 42px;inset-inline:-16px}}