@font-face{font-family:Manrope;src:url('/assets/Manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#faf9f6;--white:#fff;--ink:#20221f;--muted:#73746e;--orange:#f66c25;--orange-dark:#b9420b;--line:#e4e5de;--soft:#f0f1eb;--radius:20px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button svg,a svg{flex-shrink:0}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.055em;font-weight:750}h1{font-size:clamp(54px,5.6vw,84px)}h2{font-size:clamp(36px,3.5vw,53px)}h2>span{color:#81847a}h3{font-size:23px;letter-spacing:-.035em}p{color:var(--muted)}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-top:112px;padding-bottom:112px}.icon{vertical-align:middle;flex-shrink:0}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange-dark);outline-offset:5px;border-radius:4px}[hidden]{display:none!important}::selection{background:#ffd8b8;color:#20221f}.skip-link{position:fixed;top:-70px;left:20px;padding:12px 18px;background:#20221f;color:white;z-index:1000}.skip-link:focus{top:12px}.announcement{height:36px;background:#e9eddf;display:flex;gap:9px;align-items:center;justify-content:center;font-size:11px;letter-spacing:.01em}.announcement a{font-weight:750;margin-left:4px;display:flex;gap:8px;align-items:center}.announcement .icon{width:13px;height:13px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#789653;box-shadow:0 0 0 3px #78965315;flex-shrink:0}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #e4e5de;background:#faf9f6ed;backdrop-filter:blur(18px)}.nav-wrap{max-width:1360px;width:calc(100% - 72px);height:83px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:7px;font-size:29px;letter-spacing:-1.7px;font-weight:800;line-height:1}.brand-ai{color:var(--orange)}.brand-mark{width:41px;height:42px;position:relative;overflow:hidden;display:inline-block;flex-shrink:0}.brand-mark img{width:54px;height:54px;max-width:none;position:absolute;top:-8px;left:-6px}.desktop-nav{display:flex;gap:26px;margin-left:20px}.nav-trigger{display:flex;gap:5px;align-items:center;background:transparent;border:0;padding:15px 0;font-size:12px;font-weight:650}.nav-trigger .icon{width:12px;height:12px;transition:transform .2s}.nav-trigger[aria-expanded=true]{color:var(--orange-dark)}.nav-trigger[aria-expanded=true] .icon{transform:rotate(180deg)}.nav-actions{display:flex;gap:17px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;border-radius:50%}.icon-button:hover{background:var(--soft)}.github-nav{display:grid;place-items:center;width:35px;height:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:51px;padding:12px 21px;border-radius:7px;font-size:12px;font-weight:750;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:#201d17;border-color:#f26b2a;box-shadow:0 3px 0 #b8470d13}.button.primary:hover{background:#ff843d;box-shadow:0 5px 16px #e9632520}.button.secondary{border-color:#d8dad1;background:#ffffff80}.button.secondary:hover{background:#fff}.button.dark{background:var(--ink);color:#fff}.button.outline{border-color:#23241f44}.button.light{background:#fff;color:var(--ink)}.button.text-light{color:#fff;padding-inline:14px}.button.small{min-height:41px;padding:9px 15px;font-size:11px}.button .icon{width:16px;height:16px}.button-row{display:flex;gap:11px;flex-wrap:wrap;align-items:center}.mega-menu{position:absolute;top:calc(100% - 1px);left:50%;transform:translateX(-50%);width:min(1120px,calc(100vw - 70px));background:var(--paper);border:1px solid var(--line);border-radius:0 0 17px 17px;padding:26px;box-shadow:0 28px 35px #171a1720;display:grid;grid-template-columns:1fr 250px;gap:24px;animation:menu-in .2s var(--ease)}.mega-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mega-links>a{padding:14px 9px;display:flex;gap:11px;align-items:flex-start;border-radius:8px}.mega-links>a:hover{background:#f1f1e9}.nav-icon{color:var(--orange-dark);padding-top:2px}.mega-links strong{display:block;font-size:12px;letter-spacing:-.02em}.mega-links small{font-size:10px;color:var(--muted);display:block;line-height:1.6;margin-top:5px}.mega-feature{background:#f3eada;border-radius:10px;padding:19px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.mega-feature .eyebrow{font-size:8px;margin-bottom:0}.mega-feature img{height:115px;object-fit:contain;margin-inline:auto;transition:transform .4s}.mega-feature:hover img{transform:rotate(-4deg)}.mega-feature strong{font-size:21px;line-height:1.3;letter-spacing:-.04em}.mega-feature>span:last-child{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:11px}.mobile-toggle,.mobile-nav{display:none}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;font-weight:750;color:#62675b;display:flex;align-items:center;gap:9px;margin-bottom:25px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:1px}.hero{display:grid;grid-template-columns:1.02fr 1fr;position:relative;padding-top:73px;padding-bottom:70px;min-height:688px;align-items:center}.hero-copy{z-index:2}.hero h1{line-height:1.02;letter-spacing:-.063em;font-weight:800}.hero h1>span{color:var(--orange)}.hero-description{max-width:395px;font-size:14px;line-height:1.85;margin:25px 0 25px;color:#71766b}.hero-footnote{font-size:10px;display:flex;align-items:center;gap:9px;margin-top:23px;color:#777c70}.separator{margin:0 5px;color:#a8aaa2}.mascot-stage{position:relative;height:510px;margin-left:-20px;isolation:isolate;background-image:radial-gradient(#b3b6a744 .8px,transparent .8px);background-size:21px 21px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.mascot-glow{position:absolute;inset:14% 5%;background:radial-gradient(ellipse,#ffe1a57a,transparent 68%);z-index:-1}.hero-mascot{position:absolute;width:690px;max-width:112%;left:-4%;top:83px;filter:drop-shadow(0 22px 14px #ae6b1912);animation:mascot-entry 1.2s var(--ease) both,mascot-float 7s 1.2s ease-in-out infinite}.orbit{position:absolute;border:1px solid #d7d8ca88;border-radius:50%;left:50%;top:48%;z-index:-1}.orbit-one{width:410px;height:410px;transform:translate(-50%,-50%)}.orbit-two{width:530px;height:530px;transform:translate(-50%,-50%);border-style:dashed;opacity:.65}.floating-note{position:absolute;z-index:2;background:#fffef8f5;box-shadow:0 8px 28px #33391c0c;border:1px solid #e4e4d8;border-radius:10px;padding:12px 15px;display:flex;gap:11px;align-items:center;font-size:10px;font-weight:700;animation:note-float 8s ease-in-out infinite}.floating-note small{display:block;font-size:8px;font-weight:500;color:#7b8271;margin-top:2px}.floating-note>.icon{color:var(--orange);width:24px;height:24px}.note-skills{top:54px;left:22px;transform:rotate(-5deg)}.note-policy{right:2px;bottom:89px;animation-delay:-3s}.note-shield{width:33px;height:33px;background:#e6efd9;display:grid;place-items:center;border-radius:8px;color:#62803f}.note-policy i{width:5px;height:5px;background:#7b9e45;border-radius:50%;margin-left:9px}.floating-code{position:absolute;left:30px;bottom:63px;font:10px monospace;letter-spacing:-.1px;background:#fffefa;border:1px solid #e4e4d8;border-radius:5px;padding:8px 13px;transform:rotate(-3deg);box-shadow:0 4px 15px #33391c09;display:flex;align-items:center;gap:7px}.floating-code b{color:#dc5e27}.code-dot{width:5px;height:5px;background:#90a078;border-radius:50%}.stage-cross{position:absolute;font-size:22px;color:#b1b6a5;font-weight:400}.cross-one{right:42px;top:93px}.cross-two{left:45%;bottom:20px;font-size:18px}.handwritten{font:italic 19px/1.25 Georgia,serif;color:#939a87;position:absolute;top:0;right:50px;transform:rotate(7deg)}.handwritten svg{width:65px;position:absolute;right:-24px;top:28px;fill:none;stroke:#8f987a;stroke-width:1.1}.harness-strip{display:grid;grid-template-columns:210px 1fr;gap:13px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0 20px}.harness-strip>p{font-size:10px;line-height:1.7}.harness-strip strong{color:#686d60;font-weight:600}.harness-logos{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;color:#656b5e}.harness-logos>span{display:flex;align-items:center;gap:7px;font-weight:700;font-size:15px;letter-spacing:-.04em;white-space:nowrap}.harness-logos .icon{width:21px;height:21px}.claude-glyph{font-size:27px;font-weight:400;color:#be775a}.gemini-glyph{font-size:28px;font-weight:400;color:#777e77}.harness-logos>.custom-runtime{font-size:10px;font-weight:500;letter-spacing:0;color:#8c9284}.harness-strip>small{grid-column:2;font-size:8px;color:#888e81}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:37px}.section-heading>p{max-width:330px;font-size:13px;line-height:1.8;margin-bottom:5px}.section-heading .eyebrow{margin-bottom:18px}.tour-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:26px}.tour-tabs button{background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:9px;padding:11px 19px;font-size:11px;font-weight:650;border-radius:6px;white-space:nowrap;color:#787f70;min-height:44px}.tour-tabs button[aria-selected=true]{background:#ecefe4;color:#3c4731;border-color:#dde3d2}.tour-tabs .icon{width:16px;height:16px}.product-window{margin:0;border:1px solid #ddded6;border-radius:13px;overflow:hidden;background:white;box-shadow:0 12px 40px #36392d0a}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;background:#f1f2ec;border-bottom:1px solid #e1e4d9;min-height:42px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#c9cdc0;border-radius:50%}.window-bar>span:nth-child(2){font-size:9px;color:#8a907e;display:flex;align-items:center;gap:6px}.window-bar>span .icon{width:11px;height:11px}.window-bar>button{background:none;border:0;display:grid;place-items:center;color:#717b63;min-width:30px;min-height:26px}.window-bar>button .icon{width:14px;height:14px}.screenshot-button{display:block;width:100%;padding:0;background:none;border:0;overflow:hidden}.screenshot-button img{width:100%;height:auto;transition:transform .7s var(--ease)}.screenshot-button:hover img{transform:scale(1.012)}.product-window figcaption{font-size:9px;padding:9px 17px;background:#f8f9f5;border-top:1px solid #ebeee5;color:#6c745f;display:flex;justify-content:space-between}.product-window figcaption>span{color:#8b9380}.tour-caption{display:flex;align-items:center;justify-content:space-between;margin-top:23px;gap:30px}.tour-caption p{font-size:11px}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:750;white-space:nowrap}.text-link .icon{width:16px;height:16px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.center-heading{text-align:center;max-width:640px;margin:0 auto 50px}.center-heading .eyebrow{justify-content:center;margin-bottom:18px}.center-heading p{margin-top:23px;font-size:13px}.lifecycle{background:#f0f1eb;border-top:1px solid #e8eadf;border-bottom:1px solid #e8eadf}.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lifecycle-card{display:block;background:#fafbf6;border:1px solid #dfe3d5;border-radius:12px;padding:26px;position:relative;transition:background .2s,transform .3s;min-height:310px}.lifecycle-card:hover{background:#fff;transform:translateY(-5px)}.lifecycle-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.lifecycle-top>span:last-child{font:11px monospace;color:#9bA58e}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:#f9ede1;color:#cc672b;border:1px solid #ebd9c7;border-radius:10px}.feature-icon .icon{width:22px;height:22px}.lifecycle-card strong{font-size:10px;display:block;margin:14px 0 8px;font-weight:650}.lifecycle-card p{font-size:11px;line-height:1.85}.card-arrow{margin-top:24px;display:flex;justify-content:flex-end;color:#7f8a6e}.card-arrow .icon{width:17px}.studio-section{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.studio-copy>p:not(.eyebrow){font-size:13px;margin-top:23px;max-width:380px;line-height:1.9}.studio-steps{margin:32px 0}.studio-steps>div{display:flex;gap:17px;margin-bottom:22px}.studio-steps>div>span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:27px;height:27px;flex-shrink:0;font:9px monospace;color:#8b947c}.studio-steps h3{font-size:13px;letter-spacing:-.025em}.studio-steps p{font-size:10px;margin-top:5px}.studio-visual{background:#edece5;border-radius:16px;padding:30px 0 24px 32px;position:relative;border:1px solid #e0e2d6;overflow:hidden}.file-tokens{display:flex;align-items:center;gap:7px;margin-bottom:24px}.file-tokens>span{display:flex;align-items:center;gap:6px;background:#fbfcf6;border:1px solid #dbe0d0;padding:9px 11px;border-radius:5px;font:8px monospace}.file-tokens>span:last-child{background:transparent;border:0;color:#8a937c;font:9px Manrope,sans-serif}.file-tokens .icon{width:13px;height:13px;color:#bd6d34}.crop-frame{position:relative;height:350px;border:1px solid #d6dccc;border-right:0;border-radius:8px 0 0 8px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #444a3412}.crop-frame img{width:850px;max-width:none;position:absolute;top:-144px;left:-150px}.crop-expand{position:absolute;bottom:12px;right:12px;border:1px solid #ddd;background:#fffffff0;border-radius:6px;padding:10px}.studio-stamp{display:flex;align-items:center;gap:8px;position:relative;margin-top:-18px;margin-left:18px;width:max-content;background:#fffdf4;border:1px solid #e0dcc8;box-shadow:0 6px 16px #64552914;border-radius:7px;padding:12px 16px;font-size:10px;transform:rotate(-3deg)}.studio-stamp .icon{color:#b88b32;width:16px;height:16px}.preview-note{font-size:9px;color:#7f8871;margin-top:22px}.policy-section{background:#222a23;color:#f0f3e8;position:relative;overflow:hidden}.policy-section:after{content:'';position:absolute;right:-250px;bottom:-450px;width:900px;height:900px;border:1px solid #c1d09a10;border-radius:50%;pointer-events:none}.policy-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.policy-copy h2{font-size:56px}.policy-copy h2>span{color:#c8ddab}.policy-copy .eyebrow{color:#c0cbb2}.policy-copy p:not(.eyebrow){color:#aab49f;font-size:12px;max-width:365px;margin-top:23px;line-height:1.9}.policy-copy .button{margin-top:30px}.policy-diagram{padding:30px;border:1px solid #c7d3aa25;border-radius:15px;background:#2b352c;background-image:radial-gradient(#c7d3aa18 .7px,transparent .7px);background-size:17px 17px}.diagram-label{font:8px monospace;letter-spacing:1px;color:#9fae94;display:block;text-align:center;margin-bottom:15px}.diagram-rangoon{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#364132;border:1px solid #c2d09f36;border-radius:9px;padding:20px}.diagram-rangoon .brand{font-size:29px;pointer-events:none}.diagram-rangoon>span{font:9px monospace;color:#b4c6a0}.flow-line{height:62px;position:relative;display:flex;align-items:center;justify-content:center}.flow-line:before{content:'';height:100%;width:1px;background:#91a66d66;position:absolute;left:50%}.flow-line>span{position:relative;font:8px monospace;color:#b2c19d;background:#2b352c;padding:3px 9px;margin-left:145px}.flow-line i{height:6px;width:6px;border-radius:50%;background:#c5dca8;position:absolute;left:calc(50% - 2.5px);animation:flow 3s linear infinite}.engine-box{padding:20px;background:#222a23;border:1px solid #abc98360;border-radius:10px}.engine-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.engine-row>span{display:flex;flex-direction:column;align-items:center;border:1px solid #c2d09f22;border-radius:6px;padding:16px 8px;background:#34412f}.engine-row>span:last-child{background:#2a332a;border-style:dashed}.engine-row .icon{color:#c0d997;width:20px;height:20px}.engine-row strong{font-size:12px;margin-top:10px}.engine-row small{font-size:7px;color:#a9ba9a;margin-top:4px}.engine-box>p{font-size:8px;text-align:center;color:#9cab90;margin-top:15px;line-height:1.7}.diagram-end{display:flex;justify-content:center;gap:20px;align-items:center}.diagram-end>span{display:flex;gap:7px;align-items:center;font-size:10px;color:#c5d2b9}.diagram-end .icon{width:14px;height:14px;color:#9ebf78}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{padding:30px;border:1px solid #e1e5d8;border-radius:12px;background:#f4f5ee;transition:background .2s,transform .3s}.solution-card:nth-child(2){background:#f2eee7}.solution-card:nth-child(3){background:#edf0ec}.solution-card:hover{background:white;transform:translateY(-4px)}.solution-label{font-size:10px;display:flex;gap:9px;align-items:center;color:#717d61;margin-bottom:50px}.solution-label .icon{width:17px;height:17px}.solution-card h3{max-width:200px;font-size:28px}.solution-card p{font-size:11px;line-height:1.9;margin:18px 0 25px;max-width:265px}.opensource-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-block:54px 65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.opensource-section h2{font-size:49px}.opensource-section p:not(.eyebrow){font-size:12px;line-height:1.9;margin:24px 0;max-width:435px}.opensource-section small{display:block;color:#969c8d;font-size:9px;line-height:1.8;margin-top:18px;max-width:430px}.opensource-art{height:370px;position:relative;display:grid;place-items:center;background-image:radial-gradient(#9eaa8b50 .7px,transparent .7px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000 40%,transparent 70%)}.opensource-art img{width:320px;transform:rotate(-10deg);filter:drop-shadow(0 22px 16px #bd7a3f20)}.source-orbit{position:absolute;width:295px;height:295px;border:1px solid #dce2d1;border-radius:50%}.source-tag{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid #d8dfce;background:#fdfef9;border-radius:5px;font:9px monospace;padding:10px 13px;box-shadow:0 6px 20px #00000005}.source-tag .icon{width:14px;height:14px;color:#879c68}.tag-one{left:20px;top:50px;transform:rotate(-6deg)}.tag-two{right:0;bottom:62px;transform:rotate(4deg)}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.faq-section h2{font-size:40px}.faq-section>div>p:not(.eyebrow){font-size:12px;margin:23px 0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:21px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;color:#879178;font-weight:400}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:1.9;margin-bottom:21px;max-width:95%}.closing-cta{background:#f5a962;border:1px solid #e69c5c;border-radius:15px;padding:62px 68px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;position:relative;align-items:center}.closing-cta h2{font-size:46px}.closing-cta h2>span{color:#7c491f}.closing-cta .eyebrow{color:#74461f;margin-bottom:18px}.closing-cta .eyebrow>span{background:#6f471e}.closing-cta p:not(.eyebrow){color:#825c38;font-size:12px;margin:23px 0}.closing-mascot{position:relative;height:250px}.closing-mascot:before{content:'';position:absolute;width:290px;height:290px;border:1px solid #6035141c;border-radius:50%;left:35px;top:-20px;box-shadow:0 0 0 35px #60351406,0 0 0 70px #60351404}.closing-mascot img{position:absolute;width:470px;max-width:none;left:-15px;top:-10px;transform:rotate(-5deg)}.site-footer{padding-top:72px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:50px;padding-bottom:55px}.footer-brand .brand{font-size:26px}.footer-brand>p{font-size:13px;line-height:1.6;margin:20px 0;color:#929887}.development-label{font-size:9px;color:#868e7b;display:flex;gap:8px;align-items:center}.footer-column h3{font-size:10px;letter-spacing:0;font-weight:750;margin:10px 0 22px}.footer-column>a{display:flex;align-items:center;gap:4px;font-size:10px;color:#838b77;line-height:1.5;margin-top:14px}.footer-column>a:hover{color:var(--orange-dark)}.footer-column .icon{width:11px;height:11px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:23px 0;font-size:8px;color:#8e9683}.footer-bottom>div{display:flex;gap:20px}.footer-bottom .icon{width:10px;height:10px}.footer-note{font-family:monospace}.detail-hero{padding-block:53px 60px;max-width:950px;text-align:center}.breadcrumb{display:inline-flex;align-items:center;gap:8px;color:#8f9785;font-size:10px;margin-bottom:35px}.breadcrumb .icon{width:13px;height:13px;transform:rotate(180deg)}.detail-hero .eyebrow{justify-content:center;margin-bottom:20px}.detail-hero h1{font-size:clamp(43px,4.7vw,68px);line-height:1.08}.detail-hero h1>span{color:var(--orange)}.detail-intro{max-width:640px;margin:26px auto;font-size:14px;line-height:1.9}.detail-hero .button-row{justify-content:center}.detail-hero .hero-footnote{justify-content:center}.detail-preview{max-width:1100px}.detail-body{max-width:1100px}.detail-section{padding-block:70px;border-bottom:1px solid var(--line)}.detail-section-heading{display:flex;gap:30px;max-width:750px}.section-number{font:11px monospace;color:#a1ac94;padding-top:10px}.detail-section h2{font-size:35px;letter-spacing:-.045em}.detail-section-heading p{font-size:13px;line-height:1.85;margin-top:20px}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.detail-cards article{border:1px solid var(--line);padding:28px;border-radius:12px;background:#f6f7f1}.detail-cards h3{font-size:18px;margin:22px 0 14px}.detail-cards p{font-size:11px;line-height:1.85}.detail-cards article:only-child{grid-column:1/-1}.detail-cards:has(article:nth-child(4)){grid-template-columns:repeat(2,1fr)}.code-block{background:#242c23;border:1px solid #36422f;border-radius:10px;color:#d6e5c8;margin-top:30px;overflow:hidden}.code-block>div{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #c7d3ac22;font-size:10px;color:#a5b793}.code-block>div>span{display:flex;gap:8px;align-items:center}.code-block button{background:transparent;border:1px solid #c7d3ac22;color:#c3d3b0;border-radius:5px;display:flex;align-items:center;gap:7px;padding:6px 10px;font-size:10px}.code-block .icon{width:14px;height:14px}.code-block pre{margin:0;padding:22px;font:12px/1.9 ui-monospace,SFMono-Regular,monospace;overflow-x:auto}.product-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-directory>a{padding:26px;border:1px solid var(--line);border-radius:12px;background:#f2f4ec;transition:transform .2s}.product-directory>a:hover{transform:translateY(-4px)}.product-directory h3{font-size:18px;margin:20px 0 12px}.product-directory p{font-size:11px;margin-bottom:24px}.product-directory .icon{color:#b8743e}.studio-gallery>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.studio-gallery h2{font-size:34px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.filter-buttons button{border:1px solid var(--line);background:#fff;border-radius:50px;font-size:10px;padding:10px 18px;min-height:44px}.filter-buttons button[aria-pressed=true]{background:#263224;color:#edf4e6;border-color:#263224}.connector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.connector-grid article{padding:25px;background:#f1f3eb;border:1px solid #dfe5d5;border-radius:10px}.connector-mark{background:#fff;border:1px solid #e0e5d7;width:43px;height:43px;display:grid;place-items:center;border-radius:10px;font-size:14px;font-weight:800}.connector-grid h3{font-size:16px;margin:17px 0 9px}.connector-grid p{font-size:10px}.planned-badge{display:inline-block;font-size:8px;background:#e7ebdf;color:#7a876b;border:1px solid #d8dfcc;border-radius:4px;padding:3px 6px;margin-top:18px}.info-section{max-width:900px;margin:auto;padding:0 0 90px}.info-section>h2{font-size:28px;margin:42px 0 18px}.info-section>p,.info-section>ul{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:20px}.info-section a:not(.button){color:var(--orange-dark);text-decoration:underline;text-underline-offset:4px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:30px}.resource-card{display:block;padding:24px;border:1px solid var(--line);border-radius:10px;background:#f2f4eb;color:var(--ink)!important;text-decoration:none!important}.resource-card h3{font-size:17px}.resource-card p{font-size:11px;margin-top:10px}.resource-card code{font-size:10px;color:#697e4b;display:block;margin-top:12px}.brand-download{background:#f1eee5;border:1px solid var(--line);border-radius:14px;padding:25px}.brand-download img{height:200px;width:100%;object-fit:contain}.brand-download .button{margin-top:15px}.brand-download h3{margin-top:20px}.brand-download p{font-size:12px;margin-top:10px}dialog{padding:0;border:1px solid #cfd5c4;border-radius:15px;background:var(--paper);color:var(--ink);width:min(1300px,94vw);max-height:92dvh;box-shadow:0 24px 90px #0006}dialog::backdrop{background:#182114a8;backdrop-filter:blur(8px)}.dialog-head{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:1}.dialog-head strong{font-size:13px}.dialog-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.dialog-head h2{font-size:23px}#preview-dialog>img{width:100%;height:auto}#preview-dialog>p{font-size:11px;padding:16px 20px}#search-dialog{width:min(700px,94vw)}.search-field{display:flex;gap:12px;align-items:center;border:1px solid #c8d1bc;margin:24px;border-radius:8px;padding:12px 15px}.search-field input{width:100%;border:0;background:transparent;font-size:13px;outline:none;color:var(--ink);min-height:26px}#search-results{padding:0 24px;max-height:50vh;overflow:auto}#search-results>a{display:block;padding:13px;border-radius:7px;border-bottom:1px solid var(--line)}#search-results>a:hover{background:#ecefe3}#search-results strong{font-size:13px}#search-results p{font-size:10px;margin-top:3px}#search-results>.no-results{padding:20px 10px;font-size:12px}.search-hint{padding:20px 24px;font-size:9px}kbd{border:1px solid #c8d1bc;border-radius:3px;padding:1px 4px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#273722;color:#e7f0dc;padding:11px 20px;border-radius:7px;font-size:12px;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.js-reveals .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-reveals .reveal.is-visible{opacity:1;transform:translateY(0)}.error-hero{min-height:65vh;text-align:center;padding-top:85px}.error-hero .eyebrow{justify-content:center}.error-hero p{margin:24px auto;max-width:470px}.error-hero .button-row{justify-content:center}@keyframes mascot-entry{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes mascot-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -9px;rotate:1deg}}@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes flow{from{top:0;opacity:0}20%,80%{opacity:1}to{top:100%;opacity:0}}@keyframes menu-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .15s ease-out both}::view-transition-new(root){animation:page-in .35s var(--ease) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{padding-top:94px;padding-bottom:86px;min-height:740px}.mascot-stage{height:535px}.hero-mascot{top:90px}.hero h1{font-size:87px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav-wrap{width:calc(100% - 48px);gap:15px}.desktop-nav{gap:17px;margin-left:0}.nav-actions{gap:8px}.brand{font-size:25px}.nav-trigger{font-size:11px}.nav-actions>.button{font-size:10px;padding-inline:12px}.hero{min-height:650px}.hero h1{font-size:70px}.mascot-stage{height:480px}.hero-mascot{top:110px;width:110%;max-width:115%}.note-skills{left:10px;top:90px}.note-policy{bottom:75px;right:0}.handwritten{right:40px;top:30px;font-size:16px}.floating-code{left:15px;bottom:40px}.orbit-one{width:340px;height:340px}.orbit-two{width:460px;height:460px}.harness-strip{grid-template-columns:170px 1fr;gap:12px}.harness-logos{gap:17px}.harness-logos>span{font-size:12px}.studio-section,.policy-layout,.opensource-section,.faq-section{gap:55px}.lifecycle-card{padding:21px}.closing-cta{padding:50px}.closing-mascot img{width:420px;left:-15px;top:15px}.closing-cta h2{font-size:40px}.section{padding-block:90px}.opensource-section h2{font-size:43px}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-toggle{display:flex}.nav-actions>.button{display:none}.nav-actions{gap:10px}.nav-wrap{height:72px}.mobile-nav:not([hidden]){display:block;max-height:calc(100dvh - 72px);overflow:auto;padding:20px 28px 30px;border-top:1px solid var(--line);background:var(--paper);position:absolute;left:0;right:0;box-shadow:0 25px 40px #0002}.mobile-nav details{border-bottom:1px solid var(--line)}.mobile-nav summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:700;padding:14px 0;font-size:16px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav details>a{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;color:#707b61;font-size:13px}.mobile-nav details>a>.icon{width:14px;height:14px}.mobile-nav .mobile-github{display:flex;gap:12px;padding:22px 0 5px;font-size:13px}.hero{grid-template-columns:1fr 1fr;min-height:590px;padding-top:50px}.hero h1{font-size:57px}.hero .eyebrow{font-size:8px}.hero-description{font-size:12px}.hero .button{font-size:10px;padding:10px 14px;gap:8px;min-height:47px}.mascot-stage{height:420px;margin-left:-35px}.hero-mascot{top:115px;max-width:122%;width:122%;left:-9%}.floating-note{padding:9px 10px;font-size:8px}.floating-note small{font-size:7px}.floating-note>.icon{width:18px;height:18px}.note-skills{top:78px}.note-policy{right:-1px;bottom:60px}.note-policy i{display:none}.floating-code{font-size:8px;bottom:27px}.handwritten{right:25px;top:30px;font-size:14px}.orbit-one{width:290px;height:290px}.orbit-two{width:380px;height:380px}.harness-strip{display:block}.harness-strip>p{display:none}.harness-logos{justify-content:center;gap:24px}.harness-strip>small{display:block;text-align:center;margin-top:13px}.section-heading{gap:35px}.section-heading>p{font-size:11px;max-width:260px}.lifecycle-grid{grid-template-columns:repeat(2,1fr)}.lifecycle-card{min-height:260px}.lifecycle-top{margin-bottom:22px}.studio-section{gap:35px}.studio-copy h2{font-size:35px}.studio-visual{padding-left:20px}.file-tokens{gap:5px}.file-tokens>span{font-size:7px;padding:7px}.file-tokens>span:last-child{display:none}.crop-frame{height:350px}.policy-layout{gap:35px}.policy-copy h2{font-size:45px}.policy-diagram{padding:18px}.engine-row{gap:9px}.engine-box{padding:15px}.engine-row small{font-size:6px}.solution-grid{gap:14px}.solution-card{padding:23px}.solution-card h3{font-size:24px}.solution-label{margin-bottom:32px}.opensource-section{gap:35px}.opensource-section h2{font-size:37px}.source-tag{font-size:7px;padding:8px}.tag-one{left:0}.tag-two{right:0}.opensource-art img{width:260px}.faq-section{gap:40px}.faq-section h2{font-size:35px}.closing-cta{padding:42px}.closing-cta h2{font-size:33px}.closing-cta .button{font-size:10px;padding:10px 13px}.closing-mascot img{width:340px;top:35px;left:-17px}.footer-top{gap:30px}.footer-bottom{flex-wrap:wrap}.footer-note{display:none}.detail-cards{gap:14px}.detail-cards article{padding:23px}.product-directory{grid-template-columns:repeat(2,1fr)}.connector-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.announcement{height:33px;font-size:8px;gap:6px}.announcement a{gap:4px;margin-left:0}.announcement .icon{width:10px;height:10px}.nav-wrap{width:calc(100% - 30px);height:66px}.brand{font-size:25px}.brand-mark{width:35px;height:37px}.brand-mark img{width:48px;height:48px;left:-6px;top:-6px}.nav-actions{gap:1px}.github-nav{width:35px}.nav-actions .icon-button{width:38px;height:42px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:44px;padding-bottom:26px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:20px}.hero h1{font-size:clamp(51px,12.1vw,76px);line-height:1.04;letter-spacing:-.065em}.desktop-br{display:none}.hero-description{font-size:13px;max-width:340px;margin:22px 0}.hero .button{min-height:48px;padding:11px 15px;font-size:11px}.hero-footnote{font-size:9px;margin-top:19px}.mascot-stage{height:330px;margin:20px -15px 0;mask-image:none;background-size:19px 19px}.hero-mascot{width:400px;max-width:109%;left:50%;transform:translateX(-50%);top:55px}.orbit-one{width:250px;height:250px;top:50%}.orbit-two{width:330px;height:330px;top:50%}.note-skills{top:31px;left:20px;font-size:8px;padding:9px 11px}.note-policy{bottom:42px;right:11px;font-size:8px;padding:9px 11px}.floating-note small{font-size:7px}.floating-code{left:15px;bottom:16px;font-size:8px}.handwritten{top:12px;right:43px;font-size:13px}.handwritten svg{width:42px;right:-20px;top:15px}.cross-one{top:90px;right:14px}.cross-two{display:none}.harness-strip{padding:21px 0 18px}.harness-logos{gap:13px 20px}.harness-logos>span{font-size:11px}.harness-logos>.custom-runtime{font-size:8px}.harness-logos .icon{width:17px;height:17px}.harness-logos .claude-glyph,.harness-logos .gemini-glyph{font-size:22px}.harness-strip>small{font-size:7px;margin-top:15px}.section{padding-block:66px}h2{font-size:35px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:21px;max-width:330px;font-size:12px}.section-heading>.text-link{margin-top:20px}.eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:17px}.tour-tabs{gap:3px;overflow-x:auto;padding-bottom:10px;margin-bottom:19px}.tour-tabs button{font-size:9px;padding:9px 12px;gap:6px;min-height:42px}.tour-tabs .icon{width:14px;height:14px}.product-window{border-radius:8px}.window-bar{padding:7px 10px;min-height:33px}.window-bar>span:nth-child(2){font-size:7px}.window-dots i{width:4px;height:4px}.window-dots{gap:4px}.product-window figcaption{font-size:6px;padding:8px 9px}.tour-caption{gap:15px;align-items:flex-start;margin-top:18px}.tour-caption p{font-size:10px;max-width:200px}.text-link{font-size:9px;gap:5px}.text-link .icon{width:13px;height:13px}.center-heading{margin-bottom:30px}.center-heading p{font-size:11px;margin-top:18px}.lifecycle-grid{gap:12px}.lifecycle-card{padding:18px;min-height:280px}.lifecycle-top{margin-bottom:22px}.lifecycle-top>span:last-child{font-size:9px}.feature-icon{width:36px;height:36px;border-radius:8px}.feature-icon .icon{width:20px;height:20px}.lifecycle-card h3{font-size:23px}.lifecycle-card strong{font-size:9px;line-height:1.7;margin-top:12px}.lifecycle-card p{font-size:10px;line-height:1.85}.card-arrow{margin-top:16px}.studio-section{display:flex;flex-direction:column;gap:35px}.studio-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.studio-steps h3{font-size:12px}.studio-steps p{font-size:10px}.studio-copy>.button{font-size:11px}.studio-visual{width:100%;padding-top:24px}.crop-frame{height:300px}.crop-frame img{width:720px;left:-137px;top:-118px}.file-tokens>span{font-size:8px;padding:9px 11px}.file-tokens>span:last-child{display:flex}.studio-stamp{font-size:9px;padding:11px 12px;margin-left:12px}.preview-note{font-size:8px}.policy-layout{display:flex;flex-direction:column;gap:42px;align-items:stretch}.policy-copy h2{font-size:49px}.policy-copy p:not(.eyebrow){font-size:12px;max-width:340px}.policy-copy .button{font-size:11px}.policy-diagram{padding:24px}.diagram-label{font-size:8px}.engine-row small{font-size:7px}.solution-grid{grid-template-columns:1fr;gap:13px}.solution-card{padding:25px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.solution-label{grid-column:1/-1;margin-bottom:23px;font-size:10px}.solution-card h3{font-size:27px;max-width:170px}.solution-card p{font-size:10px;margin:0}.solution-card .text-link{grid-column:1/-1;margin-top:24px;font-size:10px}.opensource-section{display:flex;flex-direction:column;gap:0;padding-block:16px 45px}.opensource-art{height:295px;width:100%;order:2;margin-top:30px}.opensource-section>div:last-child{order:1;padding-top:35px}.opensource-section h2{font-size:37px}.opensource-section p:not(.eyebrow){font-size:12px;margin:20px 0}.opensource-section .button{font-size:10px;padding:10px 14px}.opensource-section small{font-size:8px}.source-orbit{width:240px;height:240px}.opensource-art img{width:275px}.source-tag{font-size:9px}.tag-one{left:20px;top:30px}.tag-two{right:10px;bottom:37px}.faq-section{display:block}.faq-section h2{font-size:35px}.faq-section>div>p:not(.eyebrow){font-size:12px}.faq-list{margin-top:32px}.faq-list summary{font-size:12px;padding:18px 0}.faq-list details p{font-size:11px}.closing-cta{padding:33px 28px;display:flex;flex-direction:column;align-items:stretch;border-radius:12px}.closing-cta h2{font-size:32px}.closing-cta p:not(.eyebrow){font-size:11px;margin:20px 0}.closing-cta .button-row{gap:8px}.closing-cta .button{font-size:9px;min-height:44px;padding:10px 12px;gap:7px}.closing-mascot{height:200px;margin-top:30px}.closing-mascot img{width:340px;left:50%;transform:translateX(-50%) rotate(-5deg);top:0}.closing-mascot:before{width:220px;height:220px;left:50%;transform:translateX(-50%);top:-2px}.site-footer{padding-top:48px}.footer-top{grid-template-columns:repeat(3,1fr);gap:35px 22px;padding-bottom:36px}.footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px}.footer-brand .brand{font-size:25px}.footer-brand>p{font-size:11px;margin:0}.development-label{font-size:8px}.footer-column h3{font-size:10px;margin:0 0 19px}.footer-column>a{font-size:9px;margin-top:12px}.footer-bottom{font-size:8px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:21px 0}.footer-bottom>div{gap:22px}.detail-hero{padding-block:29px 43px}.breadcrumb{font-size:9px;margin-bottom:28px}.detail-hero .eyebrow{font-size:8px}.detail-hero h1{font-size:42px}.detail-intro{font-size:12px;line-height:1.9;margin:21px auto}.detail-hero .button{font-size:10px;padding:11px 15px;min-height:47px}.detail-hero .hero-footnote{font-size:8px}.detail-section{padding-block:43px}.detail-section-heading{gap:17px}.section-number{font-size:9px;padding-top:7px}.detail-section h2{font-size:28px}.detail-section-heading p{font-size:12px;margin-top:16px}.detail-cards,.detail-cards:has(article:nth-child(4)){grid-template-columns:1fr;gap:13px;margin-top:25px}.detail-cards article{padding:23px}.detail-cards h3{font-size:20px;margin-top:19px}.detail-cards p{font-size:12px}.code-block pre{font-size:10px;padding:17px}.code-block>div{padding:10px 15px;font-size:9px}.code-block button{font-size:9px}.product-directory{grid-template-columns:repeat(2,1fr);gap:12px}.product-directory>a{padding:19px}.product-directory h3{font-size:17px;margin-top:18px}.product-directory p{font-size:10px}.studio-gallery>div{grid-template-columns:1fr;gap:24px}.studio-gallery h2{font-size:29px}.connector-grid{grid-template-columns:repeat(2,1fr);gap:12px}.connector-grid article{padding:21px}.connector-grid h3{font-size:15px}.filter-buttons{gap:6px}.filter-buttons button{font-size:9px;padding:9px 14px}.info-section{width:calc(100% - 40px);padding-bottom:55px}.info-section>h2{font-size:26px}.info-section>p,.info-section>ul{font-size:12px}.resource-grid{grid-template-columns:1fr;gap:13px}.resource-card{padding:22px}.dialog-head{padding:10px 14px}.dialog-head h2{font-size:19px}.dialog-head small{font-size:7px}.dialog-head strong{font-size:11px}.search-field{margin:18px;padding:10px}.search-field input{font-size:11px}#search-results{padding-inline:18px}.search-hint{font-size:8px;padding:16px 18px}#preview-dialog>p{font-size:9px}.error-hero{padding-top:60px}.error-hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveals .reveal{opacity:1;transform:none}.hero-mascot{translate:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.flow-line i{display:none}}
/* The web symbol is trimmed to its original transparent silhouette. */
.brand-mark img{width:40px;height:40px;left:0;top:1px;object-fit:contain}.brand-mark{width:40px;height:42px}
@media(max-width:640px){.brand-mark img{width:35px;height:35px;top:1px}.brand-mark{width:35px;height:37px}}
/* Keep the complete mascot silhouette inside the hero at every width. */
.mascot-stage{mask-image:none}.hero-mascot{width:100%;max-width:100%;left:0;top:83px}
@media(max-width:1150px){.hero-mascot{top:110px}}
@media(max-width:900px){.hero-mascot{top:115px}}
@media(max-width:640px){.hero-mascot{width:380px;max-width:100%;left:50%;top:55px}}
/* Calm surfaces, outlined actions, and a little light on interaction. */
:root{--orange:#bc794d;--orange-dark:#95522f;--muted:#686e63;--soft:#f0f2ed;--line:#dfe3da}
body{background:radial-gradient(ellipse at 88% 3%,#e6ebdf88,transparent 22%),radial-gradient(ellipse at 8% 13%,#f5e9da70,transparent 25%),var(--paper)}
.announcement{background:#eef0e9}.hero h1>span{color:#ae7048}.brand-ai{color:#b06b3d}.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease),background .25s,box-shadow .3s,border-color .25s;color:#3d4937}.button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 20%,#ffffffa0 48%,transparent 75%);transform:translateX(-115%);transition:transform .6s var(--ease);pointer-events:none}.button:hover:before{transform:translateX(115%)}.button.primary,.button.dark{background:#fffaf440;color:#8c4e2e;border-color:#bc875b95;box-shadow:inset 0 0 16px #f8e4cd20,0 2px 9px #c5a27508}.button.primary:hover,.button.dark:hover{background:#fcf3e8a0;border-color:#bc875b;box-shadow:0 0 0 3px #dfb78512,0 5px 25px #cc945a22,inset 0 0 14px #ffe4bb25}.button.secondary,.button.outline{background:#ffffff35;border-color:#a6b19c90;color:#4d5b43}.button.secondary:hover,.button.outline:hover{background:#f9fcf4c0;border-color:#9eaf8c;box-shadow:0 4px 24px #8b9e7320}.button.light,.button.text-light{background:transparent;color:#e3ecda;border:1px solid #bccca565}.button.light:hover,.button.text-light:hover{background:#b9cda410;box-shadow:0 0 26px #c1d2a915;border-color:#c3d3b4}.feature-icon{background:#fcf7ee50;border-color:#ccae8770;color:#a26b42;box-shadow:0 0 20px #e4c1930a}.tour-tabs button[aria-selected=true],.filter-buttons button[aria-pressed=true]{background:#ecf0e960;border-color:#9faf8f;color:#4e6243;box-shadow:0 0 15px #a2b58616}.lifecycle{background:linear-gradient(120deg,#eef1e9b0,#f8f6ef,#eff2ec70)}.lifecycle-card,.solution-card,.resource-card,.detail-cards article,.product-directory>a{background:linear-gradient(145deg,#ffffffa8,#f1f3ec70);transition:transform .3s,border-color .3s,box-shadow .3s}.lifecycle-card:hover,.solution-card:hover,.resource-card:hover,.product-directory>a:hover{border-color:#b6c1a6;box-shadow:0 9px 35px #7d946714}.solution-card:nth-child(2){background:linear-gradient(145deg,#fcf9f3,#f3eee750)}.solution-card:nth-child(3){background:linear-gradient(145deg,#f7faf5,#edf0ec60)}.closing-cta{background:radial-gradient(ellipse at 82% 30%,#eddfc4a0,transparent 60%),linear-gradient(120deg,#edf1e7,#f8f5ec);border-color:#d9dfcd}.closing-cta h2>span{color:#7c8a71}.closing-cta p:not(.eyebrow){color:#69775e}.closing-mascot:before{background:#e1e7d455;border-color:#b9c7a950}.closing-cta .eyebrow{color:#6e775f}.mega-feature{background:radial-gradient(ellipse at 70% 35%,#f6e8d4,#edf1e7)}.policy-section{background:radial-gradient(ellipse at 85% 25%,#47574055,transparent 60%),#29312b}.policy-diagram{box-shadow:0 0 80px #b1c29208}.detail-hero{position:relative;background:radial-gradient(ellipse at 50% 40%,#ede7d944,transparent 65%)}
/* Application previews surround the mascot without obscuring the main interface. */
.hero{grid-template-columns:1fr 1.08fr;gap:25px}.hero-composition{height:535px;margin-left:0;background-size:24px 24px}.stage-label{position:absolute;left:42px;top:13px;font:8px monospace;letter-spacing:1.4px;color:#79846e}.hero-preview{position:absolute;display:block;padding:0;border:1px solid #bac5afaa;border-radius:11px;overflow:hidden;background:#fcfcf8;box-shadow:0 18px 45px #45523715,0 2px 5px #45523710;text-align:left;transition:transform .45s var(--ease),box-shadow .4s;z-index:2}.hero-preview:hover{box-shadow:0 20px 55px #85986626;transform:translateY(-5px) rotate(0deg)}.hero-preview-main{width:94%;right:0;top:64px;transform:rotate(-3deg)}.hero-preview-main>img{width:100%;height:auto}.hero-preview-bar{height:26px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#f0f3ec;border-bottom:1px solid #dfe4d7;color:#77816d;font:7px monospace}.hero-preview-bar>span{margin-left:7px;flex:1}.hero-preview-bar>i{width:4px;height:4px;border-radius:50%;background:#b9c4ae}.hero-preview-bar>.icon{width:11px;height:11px}.hero-preview-caption{padding:8px 10px;font-size:7px;display:flex;justify-content:space-between;color:#5c6d4d}.hero-preview-caption>span{color:#7c8674}.hero-preview-workflow{width:43%;left:-8px;bottom:27px;transform:rotate(3deg);z-index:4}.hero-workflow-crop{display:block;height:175px;position:relative;overflow:hidden}.hero-workflow-crop>img{position:absolute;width:620px;max-width:none;left:-208px;top:-87px}.hero-composition .hero-mascot{width:61%;max-width:61%;left:auto;right:-3%;top:auto;bottom:-6px;z-index:5;pointer-events:none;filter:drop-shadow(0 16px 13px #7555201a)}.hero-composition .note-policy{right:0;bottom:200px;z-index:6;transform:rotate(3deg);font-size:9px;padding:9px 12px}.hero-composition .floating-code{bottom:-15px;left:7%;font-size:8px;z-index:6}.hero-composition .orbit-one{border-color:#b9c3a95a;width:440px;height:440px}.hero-composition .orbit-two{border-color:#c8c4ab5a;width:520px;height:520px}.hero-composition .mascot-glow{background:radial-gradient(ellipse,#e9e1c488,transparent 68%)}.studio-scene{width:calc(100% + 32px);max-width:none;margin:-30px 0 23px -32px;height:235px;object-fit:cover;object-position:center 56%;border-bottom:1px solid #d8dfcd}.studio-visual .crop-frame{height:220px}.platform-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.platform-art{position:relative;border:1px solid #dfe2d6;border-radius:18px;overflow:hidden;background:#f3f2e9}.platform-art img{width:100%;transition:transform .8s var(--ease)}.platform-art:hover img{transform:scale(1.025)}.art-caption{display:block;text-align:center;padding:12px;font:italic 15px Georgia,serif;color:#77826b;background:#f7f7f0}.platform-teaser p:not(.eyebrow){font-size:12px;line-height:1.9;margin:22px 0}.platform-pills{display:flex;gap:7px;flex-wrap:wrap}.platform-pills>span{font-size:9px;border:1px solid #cbd4bf;border-radius:25px;padding:6px 12px;background:#fafbf670;color:#5f6c51}.platform-teaser .platform-status{font-size:10px;color:#748066}.platform-teaser h2{font-size:47px}
/* Downloads: real source availability and explicit future platform profiles. */
.downloads-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;padding-block:80px 85px}.downloads-hero h1{font-size:59px;line-height:1.1}.downloads-hero h1>span{color:#85917a}.downloads-hero p:not(.eyebrow){font-size:13px;line-height:1.9;margin:24px 0;max-width:580px}.downloads-hero-art{position:relative;min-width:0}.downloads-hero-art img{border-radius:22px;border:1px solid #e0e2d7}.download-callout{position:absolute;bottom:0;left:25px;transform:translateY(50%) rotate(-3deg);display:flex;align-items:center;gap:9px;font:11px monospace;padding:12px 19px;border:1px solid #ccd5bf;background:#fafbf5;border-radius:6px;box-shadow:0 5px 20px #667b4110}.platform-section{padding-bottom:80px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.platform-card{border:1px solid var(--line);background:linear-gradient(130deg,#fff9,#edf1e666);border-radius:14px;padding:28px}.platform-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.availability{display:inline-flex;font-size:9px;border:1px solid #b8c5aa;border-radius:20px;padding:3px 10px;color:#5c7050;background:#eef3e650}.availability.planned,.availability.later{border-color:#d4ccb7;color:#85764f;background:#f6f0e050}.availability.candidate{border-color:#bfcccb;color:#5b7775;background:#eaf2f050}.platform-card h3{font-size:24px}.platform-card p{font-size:12px;line-height:1.9;margin:17px 0 25px}.platform-card .text-link{font-size:10px}.card-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.source-workflow{display:grid;grid-template-columns:.85fr 1.1fr;gap:65px;align-items:center;padding-block:50px;border-block:1px solid var(--line)}.source-workflow h2{font-size:38px}.source-workflow p:not(.eyebrow){font-size:12px;margin-top:20px;line-height:1.9}.source-workflow .code-block{margin:0}.systems-section{padding-block:90px}.systems-section h2{font-size:43px}.support-table{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff7}.support-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:620px}.support-table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#747f68;background:#eef1e966}.support-table th,.support-table td{padding:21px 25px;border-bottom:1px solid var(--line)}.support-table tbody tr:last-child td{border:0}.support-table td{color:#67705f}.support-table td strong{color:#35462e}.mobile-section{padding-block:75px;background:radial-gradient(ellipse at 80% 55%,#e9e3cc88,transparent 60%),#eef1e8aa;border-block:1px solid var(--line)}.mobile-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.mobile-copy h2{font-size:48px}.mobile-copy>p:not(.eyebrow){font-size:12px;margin-top:24px;line-height:1.9}.mobile-points{display:grid;gap:24px;margin-top:32px}.mobile-points article{display:flex;gap:16px;align-items:flex-start}.mobile-points h3{font-size:15px;letter-spacing:-.02em}.mobile-points p{font-size:11px;margin-top:7px;line-height:1.8}.mobile-art{position:relative}.mobile-art img{border:1px solid #d9dfcf;border-radius:20px}.mobile-art>span{display:block;font:italic 17px/1.4 Georgia,serif;color:#7c896e;text-align:center;margin-top:20px}.mobile-guardrails{padding-block:85px}.mobile-guardrails>div:first-child{max-width:670px}.mobile-guardrails h2{font-size:42px}.mobile-guardrails p{font-size:12px;line-height:1.9;margin-top:20px}.guardrail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:42px}.guardrail-grid article{border-top:1px solid var(--line);padding-top:25px}.guardrail-grid article>span{color:#97aa80}.guardrail-grid h3{font-size:21px;margin-top:20px}.guardrail-grid p{margin-top:12px}.downloads-links{border-top:1px solid var(--line);padding-block:65px 95px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.downloads-links h2{font-size:38px}.downloads-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.downloads-link-grid>a{display:flex;gap:12px;padding:20px;border:1px solid var(--line);border-radius:10px;align-items:center;background:#ffffff60}.downloads-link-grid>a>.icon{color:#8c9b76;width:17px}.downloads-link-grid>a>.icon:last-child{margin-left:auto;width:13px}.downloads-link-grid strong{font-size:11px;display:block}.downloads-link-grid small{display:block;font-size:9px;color:#77836b;margin-top:5px}.downloads-link-grid>a:hover{box-shadow:0 0 25px #b1c19820;border-color:#b7c5a7}
@media(max-width:1150px){.hero{gap:15px}.hero-composition{height:480px}.hero-preview-main{top:74px}.hero-composition .hero-mascot{bottom:5px}.hero-preview-workflow{bottom:33px}.hero-workflow-crop{height:145px}.hero-composition .note-policy{bottom:180px}.hero-composition .orbit-one{width:360px;height:360px}.hero-composition .orbit-two{width:435px;height:435px}.downloads-hero h1{font-size:48px}.platform-teaser,.mobile-layout,.source-workflow{gap:40px}.downloads-links{display:block}.downloads-link-grid{margin-top:35px}.platform-card{padding:23px}}
@media(max-width:900px){.hero-composition{height:420px}.hero-preview-main{top:70px}.hero-composition .hero-mascot{width:66%;max-width:66%;right:-2%;bottom:15px}.hero-preview-workflow{width:44%;bottom:41px;left:0}.hero-workflow-crop{height:118px}.hero-workflow-crop>img{width:500px;left:-166px;top:-70px}.hero-composition .note-policy{bottom:170px;font-size:7px;padding:7px}.hero-composition .note-policy small{font-size:6px}.hero-composition .orbit-one{width:290px;height:290px}.hero-composition .orbit-two{width:345px;height:345px}.stage-label{font-size:6px;left:10px;top:30px}.hero-preview-caption{font-size:5px;padding:6px}.hero-preview-bar{font-size:6px}.platform-teaser h2,.mobile-copy h2{font-size:37px}.downloads-hero{gap:30px}.downloads-hero h1{font-size:40px}.downloads-hero .button{font-size:10px;padding:10px 13px}.platform-grid{gap:13px}.platform-card{padding:20px}.platform-card h3{font-size:20px}.platform-card p{font-size:11px}.systems-section h2{font-size:37px}.source-workflow{gap:35px}}
@media(max-width:640px){.hero{gap:0}.hero-composition{height:355px;margin:24px 0 12px}.hero-preview-main{width:94%;top:49px}.hero-preview-bar{font-size:6px;height:23px}.hero-preview-caption{font-size:5px}.hero-composition .hero-mascot{width:65%;max-width:65%;right:-8px;left:auto;bottom:-5px;transform:none}.hero-preview-workflow{left:0;bottom:14px;width:46%}.hero-workflow-crop{height:112px}.hero-composition .note-policy{right:-3px;bottom:150px;font-size:7px}.hero-composition .note-policy small{font-size:6px}.hero-composition .note-shield{width:24px;height:24px}.hero-composition .note-shield .icon{width:15px;height:15px}.hero-composition .floating-code{left:5%;bottom:-18px;font-size:7px;padding:6px 10px}.stage-label{top:13px;left:14px;font-size:6px;letter-spacing:1px}.hero-composition .orbit-one{width:270px;height:270px}.hero-composition .orbit-two{width:min(335px,100%);height:335px}.studio-scene{margin-top:-24px;margin-left:-20px;width:calc(100% + 20px);height:200px}.studio-visual .crop-frame{height:230px}.platform-teaser{display:flex;flex-direction:column-reverse;gap:30px}.platform-teaser h2{font-size:37px}.platform-teaser p:not(.eyebrow){font-size:12px}.platform-teaser .platform-status{font-size:10px}.art-caption{font-size:13px}.downloads-hero{display:flex;flex-direction:column;padding-block:45px 60px;gap:35px}.downloads-hero h1{font-size:42px}.downloads-hero p:not(.eyebrow){font-size:12px;margin:22px 0}.downloads-hero .hero-footnote{font-size:9px!important}.downloads-hero-art{width:100%}.downloads-hero-art img{border-radius:13px}.download-callout{font-size:9px;padding:9px 15px}.platform-section{padding-bottom:45px}.platform-grid{grid-template-columns:1fr}.platform-card{padding:25px}.platform-card h3{font-size:25px}.platform-card p{font-size:12px}.platform-card-top{margin-bottom:22px}.source-workflow{display:block;padding-block:42px}.source-workflow h2{font-size:31px}.source-workflow .code-block{margin-top:25px}.systems-section{padding-block:55px}.systems-section h2{font-size:34px}.support-table th,.support-table td{padding:17px;font-size:11px}.mobile-section{padding-block:50px}.mobile-layout{display:flex;flex-direction:column;gap:35px}.mobile-copy h2{font-size:36px}.mobile-art>span{font-size:14px}.mobile-guardrails{padding-block:55px}.mobile-guardrails h2{font-size:33px}.guardrail-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.guardrail-grid article{display:grid;grid-template-columns:25px 1fr;column-gap:13px}.guardrail-grid h3{margin:0;font-size:20px}.guardrail-grid p{grid-column:2;margin-top:10px}.downloads-links{padding-block:40px 55px}.downloads-links h2{font-size:33px}.downloads-link-grid{grid-template-columns:1fr;gap:10px;margin-top:25px}.downloads-link-grid>a{padding:18px}.downloads-link-grid strong{font-size:12px}.downloads-link-grid small{font-size:10px}}