:root{color-scheme:light;--paper:#f7f7f2;--ink:#232820;--muted:#62675d;--line:#daddd1;--green:#426441;--green-pale:#e9eee1;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--green);outline-offset:6px}button:disabled{cursor:default}::selection{background:#d2dfc3}.skip-link{position:fixed;top:-60px;left:20px;padding:12px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}.green{color:var(--green)}
.header{height:80px;max-width:1440px;margin:auto;padding:0 56px;display:flex;align-items:center;gap:40px;position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.wordmark{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:600;letter-spacing:-1.1px}.wordmark img{filter:grayscale(1)}.header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.header nav a{transition:color .2s}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--green)}.header nav a span{margin-left:4px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--green);color:#fff;padding:16px 22px;border:1px solid var(--green);font-size:14px;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:#304d30}.button:active{transform:scale(.98)}.button-small{font-size:12px;padding:10px 15px;gap:25px}.menu-toggle{display:none}.page-frame{max-width:1328px;border-left:1px solid var(--line);border-right:1px solid var(--line);margin:auto}.hero{position:relative;min-height:660px;height:min(760px,calc(100svh - 80px));display:grid;grid-template-columns:1.12fr 1fr;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:74px 0 120px 56px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.4px;margin:0 0 30px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--green);border-radius:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,6.8vw,100px);line-height:1.02;font-weight:450;letter-spacing:-6.5px;margin-bottom:27px}h2{font-size:clamp(40px,4.1vw,59px);line-height:1.05;letter-spacing:-2.5px;font-weight:450;margin:0 0 23px}h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.hero-description{max-width:360px;color:var(--muted);font-size:17px;line-height:1.65;margin-bottom:30px}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:24px;transition:color .2s}.hero-world{position:relative;min-width:0}.hero-web{position:absolute;width:100%;height:100%;color:#d3d9c8;opacity:.65;top:0;left:0}.floating-note{position:absolute;display:flex;gap:13px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:15px 18px;font-size:12px;z-index:1;transform:rotate(-5deg);box-shadow:0 7px 15px #4b583707}.floating-note small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.note-icon{font-size:23px;color:var(--green)}.note-mail{top:86px;left:10px}.note-doc{right:28px;bottom:156px;transform:rotate(6deg)}.hero-anchor{position:absolute;top:47%;left:52%;width:1px;height:1px}.small-note{position:absolute;bottom:73px;left:60px;font-size:13px;line-height:1.6;color:var(--muted)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:22px 56px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.2px}
.section{padding:100px 56px;border-bottom:1px solid var(--line);position:relative}.section-heading p{color:var(--muted);font-size:16px;line-height:1.65;max-width:510px;margin:0}.connections{padding-top:90px;padding-bottom:48px}.connections .section-heading h2{font-size:44px}.connector-field{height:260px;position:relative;margin-top:0}.connector-grid{display:grid;grid-template-columns:repeat(6,1fr);position:absolute;left:0;right:0;top:95px;gap:25px}.connector{appearance:none;position:relative;z-index:2;border:1px solid var(--line);border-radius:0;background:var(--paper);height:106px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;transition:transform .25s,border-color .25s,background .25s;font-size:11px}.connector:nth-child(even){transform:translateY(30px)}.connector:hover{border-color:var(--green);background:var(--green-pale)}.connector[aria-pressed="true"]{border-color:var(--green);background:var(--green-pale)}.connector-symbol{font-size:30px;font-weight:600;height:36px}.notion-symbol{font-family:Georgia,serif}.connector-web{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#a7b79b;stroke-width:1}.cross-threads{stroke:#cbd3c1}.connection-anchor{position:absolute;top:55px;left:70%;width:1px;height:1px}.connection-detail{display:flex;gap:60px;align-items:start;border-top:1px solid var(--line);padding-top:23px}.connection-detail p{font-size:12px;line-height:1.7;color:var(--muted);max-width:560px;min-height:42px;margin:0}.connection-detail .text-link{margin-left:auto;white-space:nowrap;font-size:11px;padding-top:4px}
.workflow{padding-top:110px}.workflow-layout{display:grid;grid-template-columns: .8fr 1.5fr;gap:58px;margin-top:62px;align-items:center}.workflow-step{width:100%;border:0;border-top:1px solid var(--line);background:none;display:grid;grid-template-columns:24px 1fr 15px;gap:14px;text-align:left;padding:24px 0;color:var(--muted)}.workflow-step:last-child{border-bottom:1px solid var(--line)}.step-number{font-family:var(--mono);font-size:10px;padding-top:4px}.workflow-step strong{display:block;font-size:19px;font-weight:450;letter-spacing:-.45px;color:var(--ink)}.workflow-step strong+span{display:block;font-size:13px;line-height:1.75;max-height:0;overflow:hidden;opacity:0;transition:opacity .25s,max-height .25s,margin .25s}.workflow-step[aria-selected="true"] strong+span{max-height:110px;opacity:1;margin-top:12px}.workflow-step[aria-selected="true"] .step-number,.workflow-step[aria-selected="true"] .step-arrow{color:var(--green)}.step-arrow{opacity:0}.workflow-step[aria-selected="true"] .step-arrow{opacity:1}.product-figure{position:relative;min-width:0;background:#edf0e7;border:1px solid var(--line);margin:0;padding:23px 22px 18px}.product-caption{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;margin-bottom:30px}.caption-right{margin-left:auto;color:var(--muted)}.product-image-wrap{overflow:hidden;border:1px solid #d0d5c9;background:#e7e9e2;aspect-ratio:1600/950}.product-image-wrap img{display:block;width:100%;height:100%;object-fit:contain}.product-figure figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:17px;min-height:32px;max-width:400px}.product-anchor{position:absolute;right:10%;top:-33px;width:1px;height:1px}
.scenarios{padding-bottom:100px}.scenario-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-top:65px;align-items:center}.scenario-options button{background:none;border:0;border-top:1px solid var(--line);padding:26px 0;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:19px;letter-spacing:-.3px;line-height:1.4;color:var(--muted);gap:20px}.scenario-options button:last-child{border-bottom:1px solid var(--line)}.scenario-options button[aria-selected="true"]{color:var(--green)}.scenario-options button[aria-selected="true"] span:last-child{transform:rotate(45deg)}.scenario-options button span:last-child{transition:transform .25s}.scenario-panel{position:relative;border:1px solid var(--line);padding:30px;background:#f1f3eb;min-height:362px}.scenario-caption{display:flex;justify-content:space-between;font-size:9px;font-family:var(--mono);color:var(--muted);gap:15px;margin-bottom:32px}.example-event,.example-evidence{display:flex;gap:17px;padding-left:0;position:relative}.example-event:after{content:"";position:absolute;left:12px;top:32px;bottom:0;border-left:1px dashed #a7b79b}.event-marker{width:25px;flex-shrink:0;text-align:center;font-size:21px;color:var(--green)}.example-label{font-family:var(--mono);font-size:9px;color:var(--muted)}.example-event p,.example-evidence p{font-size:14px;line-height:1.6;margin:8px 0 27px}.example-result{border-top:1px solid #cdd5c2;padding:21px 0 0}.result-heading{display:flex;gap:9px;align-items:center;color:var(--green);font-family:var(--mono);font-size:10px}.example-result p{margin:12px 0;font-size:16px;line-height:1.6;letter-spacing:-.25px}.result-boundary{font-size:10px;color:var(--muted)}.scenario-anchor{position:absolute;top:-18px;right:20%;width:1px;height:1px}
.boundaries{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#f0f2e9;padding-top:90px;padding-bottom:90px}.boundary-intro{position:relative}.boundary-intro .eyebrow{font-size:9px;letter-spacing:1px}.boundary-intro h2{font-size:48px;margin-bottom:35px}.boundary-details{padding-top:4px}.boundary-details article{margin-bottom:33px}.boundary-details article:last-child{margin-bottom:0}.boundary-details h3{font-size:18px;margin-bottom:10px}.boundary-details p{font-size:13px;line-height:1.7;max-width:365px;color:var(--muted);margin:0}.boundary-anchor{position:absolute;bottom:0;left:30%;width:1px;height:1px}
.start{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:110px;padding-bottom:110px}.start h2{font-size:60px}.start-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:30px}.start-links{display:flex;align-items:center;gap:26px}.start-terminal{position:relative;border:1px solid var(--line);background:#eff1e9;padding:26px}.terminal-title{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;padding-bottom:25px}.terminal-title button{background:none;border:0;color:var(--muted);padding:4px;font-size:11px}.terminal-title button:hover{color:var(--green)}pre{font-family:var(--mono);font-size:11px;line-height:2.4;overflow-x:auto;margin:0;padding:0 0 23px}code{font-family:inherit}.terminal-note{font-size:10px;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:18px}.copy-status{position:absolute;bottom:-28px;left:0;font-size:11px;color:var(--green);margin:0}.start-anchor{position:absolute;top:-15px;right:25%;width:1px;height:1px}
.footer{max-width:1440px;margin:auto;padding:55px 56px 28px}.footer-top{display:flex;align-items:center;gap:45px;padding-bottom:55px}.footer-top>p{font-size:12px;color:var(--muted);margin:4px 0 0}.footer-top>div{margin-left:auto;display:flex;gap:35px;font-size:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:30px;color:var(--muted);font-size:10px}.footer-bottom>div{display:flex;gap:24px;margin-left:auto}.motion-toggle{border:0;padding:0;background:none;font-size:10px;color:var(--muted);min-width:104px;text-align:right}.motion-toggle:hover{color:var(--green)}
.story-layer{position:absolute;left:0;top:0;right:0;pointer-events:none;z-index:6;overflow:hidden;height:100%;contain:layout style}.story-silk{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a5b995;stroke-width:1;opacity:.7}.story-silk #journey-thread{stroke-dasharray:3 5;opacity:.48}.story-silk #hanging-thread{stroke:#9daf8c}.spider{position:absolute;top:0;left:0;width:225px;will-change:transform;transform:translate(-500px,-500px);transform-origin:50% 20%}.spider>img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 9px #4050310e)}.carried-task{position:absolute;left:47%;top:90%;display:flex;gap:8px;align-items:center;padding:8px 11px;background:var(--green-pale);border:1px solid #a2b391;color:var(--green);font-size:13px;transform:rotate(-8deg);opacity:0;white-space:nowrap}.carried-task:before{content:"";position:absolute;height:20px;top:-20px;left:12px;border-left:1px solid #a2b391}.carried-task span{font-size:9px}
.legal-main{padding:80px 56px 100px;max-width:920px;margin:auto;min-height:70vh}.legal-main h1{font-size:64px;letter-spacing:-3px;line-height:1.1}.legal-main .legal-date{font-size:12px;color:var(--muted);margin-bottom:42px}.legal-main h2{font-size:25px;letter-spacing:-.6px;margin:40px 0 15px}.legal-main p,.legal-main li{font-size:15px;line-height:1.8;color:var(--muted)}.legal-main a:not(.text-link){color:var(--green);text-decoration:underline;text-underline-offset:3px}.legal-main .text-link{margin-bottom:35px}.legal-main li{margin-bottom:10px}.legal-main .legal-intro{font-size:19px;color:var(--ink)}
@media(min-width:1500px){.hero{height:740px}.hero-copy{padding-top:90px}}
@media(max-width:1150px){.header{padding:0 30px;gap:25px}.header nav{gap:20px}.page-frame{margin:0 30px}.hero-copy{padding-left:35px}h1{font-size:78px;letter-spacing:-5px}.hero-description{max-width:320px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-world .note-mail{left:15px;top:90px}.note-doc{right:15px}.floating-note{font-size:10px;padding:12px}.floating-note small{font-size:9px}.small-note{left:35px}.hero-bottom{padding-left:35px;padding-right:35px}.section{padding-left:35px;padding-right:35px}.workflow-layout{gap:30px}.scenario-layout{gap:40px}.connector-grid{gap:15px}.boundaries{gap:50px}.boundary-intro h2{font-size:42px}.start{gap:35px}.start h2{font-size:52px}.start-links{gap:20px;flex-wrap:wrap}.start-terminal{padding:20px}pre{font-size:9px}.spider{width:195px}.footer{padding-left:30px;padding-right:30px}}
@media(max-width:767px){html{scroll-padding-top:25px}.header{height:70px;padding:0 22px;gap:18px}.wordmark{font-size:22px}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 24px;gap:24px;flex-wrap:wrap;margin:0}.header nav.open{display:flex}.header-cta{margin-left:auto;gap:15px;padding:10px 12px;font-size:10px}.menu-toggle{display:flex;gap:8px;background:none;border:0;font-size:11px;margin-left:auto;padding:10px 0}.header-cta{margin-left:0}.page-frame{margin:0 16px}.hero{height:auto;min-height:780px;grid-template-columns:1fr;display:block}.hero-copy{padding:48px 25px 0}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:24px}h1{font-size:clamp(57px,10vw,78px);letter-spacing:-4px;margin-bottom:21px}h2{font-size:42px;letter-spacing:-2px}.hero-description{font-size:15px;max-width:315px;margin-bottom:24px}.hero-actions{gap:20px}.button{font-size:12px;padding:14px 18px;gap:28px}.hero-actions .text-link{font-size:11px;gap:13px}.hero-world{height:340px;margin-top:4px}.hero-web{width:90%;left:5%}.note-mail{top:35px!important;left:5%!important}.note-doc{right:3%;bottom:35px}.small-note{bottom:19px;left:25px;font-size:10px}.hero-anchor{left:54%;top:46%}.hero-bottom{padding:16px 25px;flex-wrap:wrap;gap:9px;font-size:8px}.hero-bottom span:first-child{display:none}.section{padding:68px 25px}.section-heading p{font-size:14px}.connections .section-heading h2{font-size:36px;letter-spacing:-1.6px}.connector-field{height:348px;margin-top:20px}.connector-grid{grid-template-columns:repeat(3,1fr);top:55px;row-gap:45px;column-gap:14px}.connector{height:95px;font-size:10px}.connector:nth-child(even){transform:none}.connector:nth-child(3n+2){transform:translateY(20px)}.connector-symbol{font-size:27px}.connection-anchor{top:20px;left:65%}.connection-detail{flex-direction:column;gap:15px}.connection-detail p{font-size:11px;min-height:38px}.connection-detail .text-link{margin:0;font-size:10px}.workflow-layout{grid-template-columns:1fr;gap:45px;margin-top:35px}.workflow-step{padding:20px 0}.workflow-step strong{font-size:18px}.workflow-step strong+span{font-size:12px;max-width:285px}.product-figure{padding:17px 12px}.product-caption{font-size:7px;gap:5px;margin-bottom:20px}.product-figure figcaption{font-size:9px}.product-anchor{right:14%;top:-26px}.scenario-layout{grid-template-columns:1fr;gap:45px;margin-top:35px}.scenario-options button{font-size:17px;padding:23px 0}.scenario-panel{padding:23px 18px;min-height:383px}.scenario-caption{font-size:8px}.example-event p,.example-evidence p{font-size:13px}.example-result p{font-size:15px}.scenario-anchor{top:-20px;right:21%}.boundaries{grid-template-columns:1fr;gap:65px}.boundary-intro h2{font-size:40px}.boundary-intro .eyebrow{font-size:8px}.boundary-intro .text-link{font-size:11px}.boundary-anchor{bottom:-30px;left:80%}.boundary-details h3{font-size:19px}.boundary-details p{font-size:13px}.start{grid-template-columns:1fr;gap:65px}.start h2{font-size:49px}.start-copy>p:not(.eyebrow){font-size:14px}.start-links .text-link{font-size:11px;gap:12px}.start-terminal{padding:20px 15px}.terminal-title{font-size:10px}pre{font-size:9px;line-height:2.6}.terminal-note{font-size:9px}.spider{width:145px}.carried-task{padding:6px 8px}.carried-task span{font-size:7px}.footer{padding:40px 25px 25px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:35px}.footer-top>p{margin-left:auto;font-size:10px}.footer-top>div{margin-left:0;flex-basis:100%;gap:28px;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:9px}.footer-bottom>div{margin-left:0;gap:20px}.motion-toggle{font-size:9px;text-align:left;min-width:0}.legal-main{padding:55px 27px 75px}.legal-main h1{font-size:47px;letter-spacing:-2px}.legal-main h2{font-size:24px}.legal-main p,.legal-main li{font-size:14px}.legal-main .legal-intro{font-size:17px}}
.start-terminal,.scenario-panel{min-width:0}.scenario-panel .scenario-anchor{top:-55px}.product-figure .product-anchor{top:-45px}.start-terminal .start-anchor{top:-40px}
@media(max-width:767px){.header{gap:12px}.header .wordmark{font-size:20px}}
.motion-paused .story-layer{display:none}.motion-paused .hero-world:after{content:"";position:absolute;top:29%;left:32%;width:190px;height:155px;background:url(assets/unprompted-spider.webp) center/contain no-repeat}
/* The silk belongs to the page: a shared rail, anchored card corners and a
   source web which is woven into place while the character holds its hub. */
html.gsap-navigation{scroll-behavior:auto}
.hero-world:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a3b18e12 1px,transparent 1px),linear-gradient(90deg,#a3b18e12 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%);pointer-events:none}
.hero-web{opacity:1;overflow:visible}.hero-threads{fill:none;stroke:#a8b899;stroke-width:1}.hero-threads circle{fill:var(--paper);stroke:#829b6f}
.story-silk{opacity:1;stroke-width:1.2}.story-silk #rail-track{stroke:#c9d2c0;stroke-width:1;opacity:.65}.story-silk #journey-thread{stroke:#879d74;stroke-width:1.2;opacity:.8}.story-silk #hanging-thread{stroke:#8c9f7b}.story-silk #silk-attachments{stroke:#a7b899}.story-silk #silk-pegs{fill:var(--paper);stroke:#7c9469;stroke-width:1.3}
.connector-web{stroke-width:1.2}.connector-foundation{stroke:#d5ddcb;stroke-width:1}.cross-threads{stroke:#7b9568}.connector-knots{fill:var(--paper);stroke:#8ca278}.connector-knots .web-hub{fill:var(--green-pale);stroke:var(--green)}
.weave-caption{position:absolute;left:0;top:26px;font-family:var(--mono);font-size:10px;color:var(--muted);margin:0;transition:color .25s}.context-woven .weave-caption{color:var(--green)}
.connector{transition:border-color .3s,background .3s,box-shadow .3s}.connector.is-woven{border-color:#93a782;box-shadow:inset 0 2px #93a782}.connector[aria-pressed="true"]{border-color:var(--green)}
.product-figure{transition:border-color .3s}.product-figure.evidence-gathered{border-color:#8ca278}
.example-result{position:relative;transition:background .3s,border-color .3s}.example-result.is-delivered{border-color:#668552;background:#e5ecd950;box-shadow:0 0 0 12px #e5ecd950}.delivery-receipt{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #88a172;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}.is-delivered .delivery-receipt{opacity:1;transform:none}
.carried-task{transform:none}.carried-task:before{height:14px;top:-14px}.spider>img{filter:drop-shadow(0 6px 4px #40503116)}
@media(max-width:767px){.weave-caption{font-size:8px;top:16px;max-width:210px}.connector-field{margin-top:30px}.hero-world:before{background-size:32px 32px}}
/* Outcome-first storytelling. Actual components are enlarged rather than
   shrinking a whole application window inside a marketing frame. */
.hero h1{font-size:clamp(63px,6.3vw,91px);letter-spacing:-5px}.hero-description{max-width:380px}
.attention{padding-top:95px;padding-bottom:75px}.attention-intro{max-width:700px}.attention-premise{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:22px}.attention h2{font-size:clamp(52px,5.7vw,80px);letter-spacing:-4px;line-height:1.02}.attention-intro>p:last-child{max-width:470px;font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:0}.attention-figure{margin:48px 0 36px}.attention-crop{overflow:hidden;max-height:450px;border:1px solid var(--line);background:#e7e8e4}.attention-crop picture,.attention-crop img{display:block;width:100%;height:auto}.attention-figure figcaption{font-size:10px;color:var(--muted);margin-top:13px}.attention-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:30px}.attention-principles h3{font-size:20px;margin-bottom:12px}.attention-principles p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}
.connector img{display:block;object-fit:contain}.connector:hover img{transform:translateY(-2px);transition:transform .2s}
.workflow{display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:auto 1fr;gap:20px 55px;align-items:center;min-height:700px;padding-top:60px;padding-bottom:60px;background:var(--paper)}.workflow>.section-heading{grid-column:1;align-self:end}.workflow .section-heading h2{font-size:clamp(36px,3.4vw,48px);letter-spacing:-2px}.workflow .section-heading p{font-size:14px;max-width:290px}.workflow-layout{display:contents}.workflow-steps{grid-column:1;align-self:start;margin-top:18px}.workflow-step{padding:20px 0}.workflow-step strong{font-size:18px}.workflow-step strong+span{font-size:12px}.product-figure{grid-column:2;grid-row:1 / span 2;background:transparent;border:0;padding:0;margin:0;perspective:1300px}.product-caption{font-size:9px;margin-bottom:22px}.component-stage{height:clamp(340px,55vh,490px);position:relative;isolation:isolate}.component-stage:before{content:"";position:absolute;inset:10% -12px 5%;background:#e9ede1;border:1px solid #dfe5d6;transform:rotate(-3deg);z-index:-1}.result-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(18px) rotateX(4deg) rotateY(-5deg);transform-origin:50% 50%;transition:opacity .4s,transform .55s,visibility .4s}.result-frame.is-active{opacity:1;visibility:visible;transform:translateY(0) rotateX(0) rotateY(0)}.result-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 22px 38px #3c4c2d14;border-radius:9px}.product-figure figcaption{font-size:11px;line-height:1.65;max-width:520px;min-height:38px;margin-top:24px}.product-figure.evidence-gathered{border:0}.workflow.is-pinned{height:100svh;min-height:700px}.workflow-step[aria-selected="true"]{border-top-color:#839b70}
.scenario-layout{grid-template-columns:.72fr 1.28fr;gap:55px;margin-top:55px}.scenario-options button{font-size:18px;padding:27px 0}.scenario-panel{padding:0;border:0;background:none;min-height:0;perspective:1400px}.scenario-caption{font-size:9px;gap:15px;margin-bottom:24px}.scenario-visual{min-height:300px;display:grid;align-items:center;position:relative;margin-bottom:32px}.scenario-visual:before{content:"";position:absolute;inset:15% -7px -7px;background:#ecefe5;border:1px solid #dce3d2;transform:rotate(3deg);z-index:-1}.scenario-visual picture{display:block;transform:rotateY(-5deg) rotateX(3deg);transform-origin:50% 50%;transition:transform .5s}.scenario-visual img{display:block;width:100%;height:auto;box-shadow:0 20px 38px #3c4c2d17;border-radius:9px}.scenario-panel:hover .scenario-visual picture{transform:rotateY(0) rotateX(0)}.example-result{padding-top:20px}.example-result p{font-size:15px}.scenario-panel .example-result.is-delivered{background:#e5ecd960}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
@media(max-width:1150px) and (min-width:768px){.workflow{gap:20px 35px}.workflow .section-heading h2{font-size:38px}.component-stage{height:380px}.workflow-step strong{font-size:16px}.scenario-layout{gap:35px}.attention-principles{gap:30px}}
@media(max-width:767px){.hero h1{font-size:clamp(54px,9.8vw,73px);letter-spacing:-3.6px}.hero-description{max-width:315px}.attention{padding-top:65px;padding-bottom:60px}.attention h2{font-size:48px;letter-spacing:-2.5px}.attention-premise{font-size:9px}.attention-intro>p:last-child{font-size:15px}.attention-figure{margin:35px 0}.attention-crop{max-height:520px}.attention-principles{grid-template-columns:1fr;gap:28px;padding-top:28px}.attention-principles h3{font-size:20px}.attention-principles p{font-size:13px;max-width:320px}.workflow{display:block;min-height:0;padding-top:68px;padding-bottom:68px}.workflow .section-heading h2{font-size:39px}.workflow .section-heading p{font-size:14px;max-width:315px}.workflow-layout{display:flex;flex-direction:column;gap:40px;margin-top:30px}.workflow-steps{width:100%;margin:0}.product-figure{width:100%;padding:0}.product-caption{font-size:8px}.component-stage{height:450px}.result-frame img{width:100%;height:auto;max-height:450px;object-fit:contain}.component-stage:before{inset:3% -8px 0}.product-figure figcaption{font-size:10px;margin-top:18px}.scenario-layout{display:grid;grid-template-columns:1fr;gap:42px}.scenario-options button{font-size:17px}.scenario-panel{padding:0}.scenario-caption{font-size:8px}.scenario-visual{min-height:0}.scenario-visual picture{transform:none}.scenario-visual img{box-shadow:0 14px 24px #3c4c2d12}.example-result p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story-layer{display:none}.hero-world:after{content:"";position:absolute;top:29%;left:32%;width:190px;height:155px;background:url(assets/unprompted-spider.webp) center/contain no-repeat}.motion-toggle{display:none}.result-frame,.result-frame.is-active,.scenario-visual picture{transform:none}.component-stage:before,.scenario-visual:before{transform:none}}

/* A single actionable item stays sharp; actual background task components
   recede in depth instead of competing for the visitor's attention. */
.attention-crop{position:relative;height:350px;max-height:none;background:transparent;border:0;overflow:visible;perspective:1400px}
.attention-crop img{position:absolute;height:auto;border-radius:9px;box-shadow:0 16px 30px #3c4c2d10}
.attention-crop .attention-background{width:43%;right:5%;top:0;opacity:.5;transform:rotateY(-8deg) rotateZ(3deg)}
.attention-crop .attention-waiting{width:40%;right:0;bottom:10%;opacity:.5;transform:rotateY(-8deg) rotateZ(-2deg)}
.attention-crop .attention-decision{width:63%;left:4%;top:20%;transform:translateZ(30px);box-shadow:0 24px 50px #3c4c2d1a;z-index:2}
@media(max-width:767px){.attention-crop{height:290px}.attention-crop .attention-background{width:83%;right:0;top:0}.attention-crop .attention-waiting{width:78%;right:0;bottom:0}.attention-crop .attention-decision{width:96%;left:0;top:24%;transform:none}.attention-figure figcaption{line-height:1.6}.component-stage:before{inset:3% -8px 5%}}
@media(prefers-reduced-motion:reduce){.attention-crop .attention-background,.attention-crop .attention-waiting,.attention-crop .attention-decision{transform:none}}

/* Text remains native and selectable at every viewport and zoom level. Depth
   comes from the supporting planes, without raster scaling the interface. */
.hero h1{font-size:clamp(64px,6.8vw,100px);letter-spacing:-6.5px}
.native-preview{width:100%;min-width:0;color:#202a35;font-family:var(--sans);font-size:14px;line-height:1.65;text-align:left;letter-spacing:0}
.native-preview *, .native-preview *:before,.native-preview *:after{box-sizing:border-box}
.preview-output{width:100%;border:1px solid #d9dfdf;border-radius:10px;background:#fff;box-shadow:0 18px 38px #3c4c2d0d;overflow:hidden}
.preview-output>header{padding:20px 24px;border-bottom:1px solid #dfe4e3;display:flex;align-items:center;justify-content:space-between;gap:20px}
.native-preview h3{font-size:20px;line-height:1.4;letter-spacing:-.5px;font-weight:600;margin:0;color:#202a35}
.native-preview p{margin:0;color:inherit}
.preview-evidence{position:relative;flex-shrink:0;font-size:12px;color:#4d626e}
.preview-evidence summary,.preview-verification summary{cursor:pointer;min-height:30px;display:flex;align-items:center;gap:8px}
.preview-evidence summary:after,.preview-verification summary:after{content:'+';font-family:var(--mono);font-size:15px}
.preview-evidence[open] summary:after,.preview-verification[open] summary:after{content:'−'}
.preview-evidence>p{position:absolute;top:35px;right:0;width:230px;padding:15px;background:#f5f7f6;border:1px solid #d9dfdf;border-radius:6px;z-index:5;font-size:13px;box-shadow:0 8px 20px #3c4c2d10}
.preview-mail-meta{display:grid;grid-template-columns:65px 1fr;gap:5px 14px;margin:20px 24px 0;font-size:13px;line-height:1.6}
.preview-mail-meta dt{color:#64716f}.preview-mail-meta dd{margin:0;overflow-wrap:anywhere}
.preview-editor-label{display:block;margin:20px 24px}.preview-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.preview-editor{display:block;resize:vertical;width:100%;height:195px;min-height:150px;max-height:340px;border:0;padding:0;background:transparent;color:#202a35;font-family:inherit;font-size:14px;line-height:1.8;outline-offset:5px}
.preview-output-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 24px;background:#f5f7f6;border-top:1px solid #dfe4e3;font-size:12px;color:#5b696a}
.native-preview button{border:1px solid #d6dede;border-radius:6px;background:white;font-size:12px;line-height:1.4;padding:10px 14px;color:#263844;white-space:nowrap}
.native-preview button:hover{border-color:#8ca09a;background:#f4f7f4}
.native-preview .preview-primary{background:#39536b;color:white;border-color:#39536b}
.native-preview .preview-primary:hover{background:#2b445b}.native-preview button:disabled{opacity:.75;cursor:default}
.preview-feedback:not(:empty){padding:10px 24px 14px;background:#edf3e9;color:#3b5b37;font-size:12px}
.preview-document{padding:22px 24px;font-size:14px;line-height:1.75}
.preview-brief-items{display:grid;gap:16px;margin-top:22px}.preview-brief-items h4{font-size:14px;margin:0 0 3px;font-weight:600}.preview-brief-items p{color:#566467}
.preview-document-end{border-top:1px solid #e0e5e2;padding-top:16px;margin-top:20px!important;color:#566467!important;font-size:13px}
.preview-themes{margin:22px 0;display:grid;gap:12px}.preview-themes>div{display:grid;grid-template-columns:150px 1fr;gap:15px}.preview-themes dt{font-weight:550}.preview-themes dd{margin:0;color:#566467}
.preview-verification{border-top:1px solid #e0e5e2;padding-top:12px;font-size:13px;color:#52646a}.preview-verification>p{padding-top:8px}
.preview-verified{color:#2e6455;font-weight:550}.preview-result-label{font-size:11px;color:#657572}
.preview-language{display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px;gap:2px;margin-left:auto;font-family:var(--sans)}
.preview-language button{background:transparent;border:0;padding:5px 10px;font-size:11px;color:var(--muted);min-height:28px}
.preview-language button[aria-pressed=true]{background:#e7ece0;color:#294c29}
.preview-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:25px;color:var(--muted);font-size:11px}
.product-caption,.scenario-caption{align-items:center;min-height:38px;font-family:var(--sans);font-size:12px}
.product-caption .preview-language{margin-left:auto}.result-frame.is-active{transform:none}.result-frame>.native-preview{max-height:100%;overflow:auto;scrollbar-width:thin;border-radius:10px}
.scenario-visual>.native-preview{position:relative;z-index:1;transform:none}.scenario-visual:before{inset:10% -7px 0}
.attention-crop .native-preview{position:absolute;height:auto;border-radius:9px;box-shadow:0 16px 30px #3c4c2d0d}
.attention-crop .attention-background,.attention-crop .attention-waiting{opacity:1;transform:none}
.attention-crop .attention-decision{top:70px;transform:none;box-shadow:0 20px 40px #3c4c2d14}
.attention-crop.is-expanded{height:630px}
.preview-task{position:relative;display:grid;grid-template-columns:8px 1fr;gap:14px;padding:23px 25px;background:#f4f6f4;border:1px solid #dce3dc;border-radius:9px}
.preview-task-mark{width:6px;height:6px;border:1px solid #7c8e80;border-radius:50%;margin-top:11px}.preview-task-attention .preview-task-mark{border-color:#9a6825;background:#9a6825}
.preview-task h3{font-size:18px;margin-bottom:8px}.preview-task p{font-size:14px;line-height:1.65;color:#596762}
.preview-task footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;color:#52645a}.preview-task-attention footer>span{color:#80571e}
.preview-task footer button{border:0;padding:4px 0;min-height:30px;color:#37526a;background:transparent}
.preview-inline-reply{border-top:1px solid #d8e0d8;margin-top:15px;padding-top:18px}.preview-inline-reply p{font-size:14px;color:#263932}.preview-inline-reply>span{display:block;margin-top:15px;font-size:12px;color:#596762}
@media(max-width:1150px) and (min-width:768px){.native-preview h3{font-size:18px}.preview-output>header{padding:16px 18px}.preview-mail-meta{margin:16px 18px 0}.preview-editor-label{margin:16px 18px}.preview-document{padding:18px}.preview-output-footer{padding:14px 18px}.preview-editor{height:175px}.preview-task{padding:18px}.preview-task h3{font-size:16px}}
@media(max-width:767px){.hero h1{font-size:clamp(57px,10vw,78px);letter-spacing:-4px}.component-stage{height:560px}.native-preview h3{font-size:18px}.preview-output>header{padding:16px;gap:12px}.preview-mail-meta{grid-template-columns:52px 1fr;gap:5px 8px;font-size:12px;margin:16px 16px 0}.preview-editor-label{margin:20px 16px}.preview-editor{height:260px;font-size:14px;line-height:1.75}.preview-output-footer{padding:14px 16px;flex-wrap:wrap;gap:12px}.preview-output-footer>span{font-size:11px}.preview-document{padding:18px 16px}.preview-themes>div{grid-template-columns:1fr;gap:2px}.preview-brief-items{gap:14px}.preview-feedback:not(:empty){padding:12px 16px}.preview-language button{padding:5px 9px;min-height:30px}.product-caption,.scenario-caption{font-size:10px}.attention-crop .attention-decision{top:60px}.attention-crop{height:350px}.attention-crop.is-expanded{height:740px}.preview-task{padding:18px 16px;gap:9px}.preview-task h3{font-size:17px}.preview-task p{font-size:13px}.preview-task footer{font-size:11px;gap:8px}.preview-task footer button{font-size:11px}.attention-crop .attention-waiting{bottom:0}}
/* Keep language controls clear of the mascot's silk rail. */
.product-caption,.scenario-caption,.preview-toolbar{padding-right:70px}
@media(max-width:767px){.product-caption,.scenario-caption,.preview-toolbar{padding-right:44px}}
.start-setup{margin:22px 0 18px;padding-left:18px;font-size:12px;line-height:1.7;color:var(--muted)}.start-setup li{padding-left:4px;margin:8px 0}.start-setup strong{font-weight:550;color:var(--ink)}.setup-guide{font-size:11px}.terminal-note{line-height:1.6}

/* Conceptual 2.5D scenes alternate with the crisp interactive product views. */
.loom{padding-top:90px;padding-bottom:65px}.loom-figure{margin:45px 0 0}.loom-stage{position:relative;margin:0 -25px;overflow:hidden}.loom-stage img{display:block;width:100%;height:auto}.diagram-caption{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:45px;border-top:1px solid var(--line);padding-top:26px;margin-top:15px}.diagram-caption h3{font-size:18px;font-weight:450;letter-spacing:-.4px;margin:0 0 10px}.diagram-caption p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.attention{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px 50px;align-items:start}.attention-intro{padding-top:25px}.attention h2{font-size:clamp(46px,4.4vw,64px);letter-spacing:-3px}.attention-intro>p:last-child{font-size:16px;max-width:370px}.attention-premise{font-size:10px;line-height:1.7}.attention-figure{margin:0;min-width:0}.attention-art{margin:0 -15px 20px}.attention-art img{display:block;width:100%;height:auto}.attention .preview-toolbar{margin:0 0 18px;padding-right:60px}.attention .attention-crop,.attention .attention-crop.is-expanded{height:auto!important;min-height:0;perspective:none}.attention .attention-crop .attention-decision{position:relative;width:100%;left:auto;top:auto;transform:none;box-shadow:0 14px 28px #3c4c2d0c}.attention-principles{grid-column:1/-1}.attention .preview-task{padding:20px}.attention .preview-task h3{font-size:17px}.attention .preview-task p{font-size:14px}
@media(max-width:1150px) and (min-width:768px){.attention{grid-template-columns:.75fr 1.25fr;gap:45px 30px}.attention h2{font-size:47px;letter-spacing:-2.4px}.attention .preview-task{padding:17px}.attention .preview-task h3{font-size:16px}}
@media(max-width:767px){.loom{padding-top:65px;padding-bottom:50px}.loom-figure{margin-top:30px}.loom-stage{margin:0 -25px}.loom-stage img{width:132%;max-width:none;margin-left:-16%}.diagram-caption{grid-template-columns:1fr;gap:21px;margin-top:25px;padding-top:24px}.diagram-caption>div{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start}.diagram-caption h3{font-size:15px;letter-spacing:-.25px;margin:0}.diagram-caption p{font-size:12px}.attention{display:block}.attention-intro{padding:0}.attention h2{font-size:48px;letter-spacing:-2.5px}.attention-intro>p:last-child{font-size:15px}.attention-figure{margin-top:32px}.attention-art{margin:0 -25px 25px;overflow:hidden}.attention-art img{width:118%;max-width:none;margin-left:-9%}.attention .preview-toolbar{padding-right:44px}.attention .preview-task{padding:18px 16px}.attention .preview-task p{font-size:13px}.attention-principles{margin-top:40px}}
@media(max-width:767px){.loom-stage img{width:118%;margin-left:-9%}}

/* Reading frames: each default section fits a small laptop viewport. */
.hero{height:calc(100svh - 80px);min-height:0;max-height:820px}.hero-copy{padding-top:56px;padding-bottom:85px}
.section{padding-top:40px;padding-bottom:40px}.section-heading h2{margin-bottom:18px}.section-heading p{font-size:15px;line-height:1.6}
.connections{padding-top:50px;padding-bottom:36px}.connector-field{height:245px}.connection-detail{padding-top:18px}
.loom{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:45px;min-height:min(620px,100svh);padding-top:45px;padding-bottom:45px}.loom .section-heading h2{font-size:48px}.loom-figure{margin:0;min-width:0}.loom-stage{margin:0}.loom-stage img{width:100%;max-height:min(43svh,350px);object-fit:contain;margin:0}.diagram-caption{gap:22px;margin-top:15px;padding-top:20px;grid-template-columns:repeat(3,1fr)}.diagram-caption h3{font-size:15px;margin-bottom:8px}.diagram-caption p{font-size:12px}
.workflow{min-height:0;gap:18px 45px;padding-top:36px;padding-bottom:36px}.workflow.is-pinned{min-height:0}.workflow .section-heading h2{font-size:44px}.workflow-steps{margin-top:6px}.workflow-step{padding:17px 0}.component-stage{height:clamp(300px,53svh,460px)}.product-caption{margin-bottom:15px}.product-figure figcaption{margin-top:16px;min-height:30px}
.result-frame>.native-preview,#scenario-component{height:100%;max-height:100%;overflow:visible}.result-frame .preview-output,#scenario-component .preview-output{display:flex;flex-direction:column;height:100%;max-height:100%}.result-frame .preview-output>header,#scenario-component .preview-output>header,.result-frame .preview-output-footer,#scenario-component .preview-output-footer,.preview-mail-meta{flex-shrink:0}.result-frame .preview-editor-label,#scenario-component .preview-editor-label{flex:1;min-height:0}.result-frame .preview-editor,#scenario-component .preview-editor{height:100%;min-height:0;max-height:none;resize:none}.result-frame .preview-document,#scenario-component .preview-document{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.attention{grid-template-columns:.8fr 1.2fr;gap:30px 45px;padding-top:36px;padding-bottom:36px}.attention-intro{padding-top:12px}.attention h2{font-size:52px}.attention-intro>p:last-child{font-size:15px}.attention-art{margin:0 0 10px}.focus-map{display:grid;place-items:center;height:170px}.focus-map svg{display:block;width:100%;height:100%;max-width:500px}.attention .preview-toolbar{margin-bottom:12px}.attention .preview-task{padding:18px}.attention-principles{gap:28px;padding-top:22px}.attention-principles h3{font-size:18px;margin-bottom:8px}.attention-principles p{font-size:13px;line-height:1.6}
.scenarios{display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:auto 1fr;gap:22px 45px;align-items:center;padding-top:40px;padding-bottom:40px}.scenarios>.section-heading{grid-column:1;align-self:end}.scenarios .section-heading h2{font-size:44px}.scenario-layout{display:contents}.scenario-options{grid-column:1;align-self:start}.scenario-options button{padding:23px 0;font-size:17px}.scenario-panel{grid-column:2;grid-row:1/span 2}.scenario-caption{margin-bottom:14px}.scenario-visual{height:clamp(260px,45svh,410px);min-height:0;margin-bottom:18px}.example-result{padding-top:14px}.example-result p{font-size:13px;margin:8px 0;line-height:1.6}.result-boundary{font-size:10px}
.boundaries{padding-top:45px;padding-bottom:45px;gap:60px}.boundary-intro h2{font-size:44px}.boundary-details article{margin-bottom:24px}
.start{padding-top:45px;padding-bottom:45px;gap:45px}.start h2{font-size:48px}.start-terminal{padding:23px}.start-setup{font-size:12px;margin-top:17px}.start-setup li{margin:6px 0}
@media(min-width:768px) and (max-height:760px){.hero h1{font-size:84px}.hero-copy{padding-top:38px}.hero-description{font-size:16px;line-height:1.55;margin-bottom:24px}.hero .eyebrow{margin-bottom:24px}.hero-world .note-mail{top:65px}.section h2{font-size:40px}.workflow .section-heading h2,.scenarios .section-heading h2{font-size:38px}.workflow-step{padding:14px 0}.preview-output>header{padding:16px 20px}.preview-mail-meta{margin:14px 20px 0}.preview-editor-label{margin:14px 20px}.preview-output-footer{padding:13px 20px}.preview-document{padding:17px 20px}.attention{gap:24px 40px}.focus-map{height:140px}.attention-principles h3{font-size:17px}.attention-principles p{font-size:12px}.start h2{font-size:44px}}
@media(max-width:1023px) and (min-width:768px){.loom{gap:25px;grid-template-columns:.8fr 1.2fr}.loom .section-heading h2{font-size:38px}.diagram-caption{gap:12px}.diagram-caption h3{font-size:13px}.diagram-caption p{font-size:11px}.workflow,.scenarios{gap:18px 25px}.workflow .section-heading h2,.scenarios .section-heading h2{font-size:36px}.attention h2{font-size:43px}.attention{gap:26px}.preview-themes>div{grid-template-columns:110px 1fr}.native-preview h3{font-size:17px}.start{gap:26px}.start h2{font-size:39px}}
@media(max-width:767px){
 .hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(150px,1fr) 32px;height:calc(100svh - 70px);min-height:0;max-height:none}.hero-copy{padding:30px 25px 0}.hero h1{font-size:54px;letter-spacing:-3.8px;margin-bottom:18px}.hero .eyebrow{margin-bottom:18px}.hero-description{font-size:14px;line-height:1.55;margin-bottom:20px}.hero-actions .button{padding:12px 16px}.hero-world{height:auto;min-height:0;margin-top:0}.hero-bottom{padding-top:12px;padding-bottom:12px}.hero-world .small-note{display:none}.hero-world .note-doc{bottom:20px}
 .section{padding:24px 25px}.section h2,.attention h2{font-size:34px;letter-spacing:-1.8px;line-height:1.08}.section-heading h2{margin-bottom:12px}.section-heading p{font-size:13px;line-height:1.5}.connections .section-heading h2{font-size:32px}.connector-field{height:272px;margin-top:18px}.connector-grid{top:43px;row-gap:33px;column-gap:12px}.connector{height:82px;font-size:10px;gap:8px}.connector img{width:27px;height:27px}.connection-detail{padding-top:15px;gap:9px}.connection-detail p{min-height:0;font-size:11px}.weave-caption{top:10px;font-size:8px}
 .loom{display:block;min-height:0}.loom-figure{margin-top:24px}.loom-stage{margin:0 -12px}.loom-stage img{width:100%;max-height:29svh;margin:0;object-fit:contain}.diagram-caption{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:15px;margin-top:12px}.diagram-caption>div{display:block}.diagram-caption h3{font-size:12px;line-height:1.35;margin-bottom:6px}.diagram-caption p{font-size:11px;line-height:1.5}
 .workflow{display:block;padding:20px 25px}.workflow .section-heading h2{font-size:32px}.workflow .section-heading p{font-size:12px;line-height:1.5;max-width:none}.workflow-layout{display:flex;gap:12px;margin-top:14px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:0}.workflow-step{display:flex;align-items:center;justify-content:center;padding:10px 5px;text-align:center;min-height:44px;border-bottom:1px solid var(--line)}.workflow-step strong{font-size:12px;line-height:1.4;letter-spacing:-.2px}.workflow-step .step-number,.workflow-step .step-arrow,.workflow-step strong+span{display:none}.workflow-step[aria-selected=true]{background:var(--green-pale)}.product-caption{min-height:30px;font-size:9px;margin-bottom:10px}.preview-language button{font-size:10px;min-height:26px;padding:4px 8px}.component-stage{height:40svh;min-height:230px;max-height:340px}.product-figure figcaption{font-size:10px;line-height:1.5;margin-top:10px;min-height:0}.preview-output>header{padding:12px 14px;gap:10px}.native-preview h3{font-size:16px}.preview-evidence{font-size:11px}.preview-mail-meta{margin:10px 14px 0;font-size:11px;grid-template-columns:43px 1fr}.preview-editor-label{margin:12px 14px}.preview-editor{font-size:13px;line-height:1.65}.preview-output-footer{padding:11px 14px;gap:8px}.native-preview button{font-size:11px;padding:8px 11px}.preview-document{padding:14px;font-size:13px}.preview-brief-items{margin-top:15px;gap:12px}.preview-feedback:not(:empty){font-size:11px;padding:8px 14px}.preview-document-end{font-size:12px}
 .attention{display:block;padding:24px 25px}.attention-intro{padding:0}.attention-premise{font-size:9px;margin-bottom:14px}.attention h2{font-size:34px;margin-bottom:14px}.attention-intro>p:last-child{font-size:13px;line-height:1.5;max-width:none}.attention-figure{margin-top:14px}.focus-map{height:85px;margin:0 0 6px}.attention .preview-toolbar{min-height:28px;margin-bottom:8px;font-size:10px}.attention .preview-task{padding:15px}.attention .preview-task h3{font-size:16px;margin-bottom:6px}.attention .preview-task p{font-size:12px;line-height:1.55}.preview-task footer{margin-top:12px}.attention-principles{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px;padding-top:15px}.attention-principles h3{font-size:12px;line-height:1.35;margin-bottom:7px;letter-spacing:-.15px}.attention-principles p{font-size:11px;line-height:1.5}
 .scenarios{display:block;padding:18px 25px}.scenarios .section-heading h2{font-size:32px}.scenario-layout{display:flex;flex-direction:column;gap:12px;margin-top:14px}.scenario-options{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.scenario-options button{padding:10px 5px;min-height:39px;justify-content:center;border-bottom:1px solid var(--line)}.scenario-options button>span{display:none}.scenario-options button:before{content:attr(data-short-label);font-size:12px}.scenario-options button[aria-selected=true]{background:var(--green-pale)}.scenario-panel{width:100%}.scenario-caption{font-size:10px;min-height:30px;margin-bottom:9px}.scenario-visual{height:35svh;min-height:210px;max-height:300px;margin-bottom:12px}.example-result{padding-top:11px}.result-heading{font-size:9px}.example-result p{font-size:12px;line-height:1.5;margin:7px 0}.result-boundary{font-size:9px}
 .boundaries{display:grid;grid-template-columns:1fr;gap:24px;padding:28px 25px}.boundary-intro .eyebrow{margin-bottom:18px}.boundary-intro h2{font-size:34px;margin-bottom:20px}.boundary-intro .text-link{font-size:11px}.boundary-details article{margin-bottom:20px}.boundary-details h3{font-size:17px;margin-bottom:7px}.boundary-details p{font-size:12px;line-height:1.6;max-width:none}
 .start{display:grid;grid-template-columns:1fr;gap:18px;padding:22px 25px}.start h2{font-size:34px;margin-bottom:13px}.start-copy>p:not(.eyebrow){font-size:13px;line-height:1.5;margin-bottom:17px}.start-links .button{font-size:11px;padding:11px 15px}.start-links .text-link{font-size:10px;gap:10px}.start-terminal{padding:16px}.terminal-title{padding-bottom:13px}.start pre{font-size:9px;line-height:2;padding-bottom:14px}.terminal-note{font-size:9px;padding-top:12px;line-height:1.5}.start-setup{font-size:11px;line-height:1.6;margin:13px 0 10px;padding-left:16px}.start-setup li{margin:5px 0}.setup-guide{font-size:10px}
}
@media(max-width:767px) and (max-height:740px){.hero-copy{padding-top:24px}.hero h1{font-size:50px}.hero .eyebrow{margin-bottom:16px}.hero-description{margin-bottom:16px}.hero-world .note-doc{display:none}.hero-world .note-mail{top:20px!important;font-size:9px;padding:10px}.hero-world .note-mail small{font-size:8px}.hero .hero-actions{gap:17px}.hero .text-link{font-size:10px}}

/* One global language switch, and a distinct GitHub repository action. */
.header{gap:22px;padding-right:40px;padding-left:40px}.header nav{gap:25px}.site-language{display:flex;align-items:center;gap:2px;border:1px solid var(--line);padding:3px;flex-shrink:0}.site-language button{border:0;background:transparent;color:var(--muted);font-size:11px;min-height:30px;padding:5px 9px}.site-language button[aria-pressed=true]{color:var(--ink);background:#e5e9dd}.github-button{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:43px;padding:10px 15px;background:#20231f;color:#fff;border:1px solid #20231f;border-radius:6px;font-size:12px;white-space:nowrap;transition:background .2s}.github-button:hover{background:#363b32}.github-button img{display:block;filter:brightness(0) invert(1)}.github-star-count{display:flex;gap:6px;align-items:center;padding-left:12px;margin-left:2px;border-left:1px solid #ffffff45;font-size:12px}.github-star-count strong{font-weight:500;min-width:7px}.github-star-count>span{font-size:13px;color:#f6f6ef}
@media(max-width:1023px){.header{height:70px;padding:0 20px;gap:12px}.header .wordmark{font-size:21px}.header nav{display:none;position:absolute;top:69px;left:0;right:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line);padding:20px;gap:25px;flex-wrap:wrap;margin:0}.header nav.open{display:flex}.header .menu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;order:1;width:25px;padding:6px 0;font-size:23px;background:none;border:0}.menu-label{display:none}.menu-toggle[aria-expanded=true]>span:last-child{transform:rotate(45deg)}.header .site-language{order:2}.header .github-button{order:3}.hero{height:calc(100svh - 70px)}}
@media(max-width:479px){.header{padding:0 16px;gap:7px}.header .wordmark{font-size:17px;letter-spacing:-.7px;gap:5px}.header .wordmark img{width:24px;height:24px}.site-language button{font-size:10px;padding:4px 7px;min-height:28px}.github-label{display:none}.github-button{padding:8px 10px;min-height:37px;gap:7px;border-radius:4px}.github-button img{width:18px;height:18px}.github-star-count{padding-left:8px;margin-left:0;gap:4px;font-size:11px}.header nav{font-size:12px}}
/* Color follows the subject. All titles stay dark enough to read clearly. */
.connections h2{color:#326b80}.loom h2{color:#855f35}.workflow h2{color:#355c45}.attention h2{color:#874f48}.scenarios h2{color:#4e6392}.boundaries h2{color:#655b46}.start h2{color:#2e3c44}
.connections{background:#f1f5f4}.connections .connector{border-color:transparent;background:transparent}.connections .connector[aria-pressed=true]{border-color:#a5bcc4;background:#e4edef}.connections .connector.is-woven{box-shadow:none}.connector img{width:34px;height:34px}.connections .section-heading h2{font-size:44px}.connections .section-heading p{font-size:14px}
.loom{background:#f8f5ef;min-height:min(550px,100svh)}.loom .section-heading h2{font-size:42px}.loom-stage img{mix-blend-mode:multiply;max-height:min(40svh,320px)}.diagram-caption{padding-top:18px}.diagram-caption h3{font-size:15px;margin:0;color:#76562f;font-weight:500}
.workflow{background:#edf3e7}.workflow .section-heading h2{font-size:50px;line-height:1.05;max-width:380px}.workflow .section-heading p{font-size:14px;max-width:310px}.workflow-step{padding:19px 14px;border-top-color:#c7d6bd}.workflow-step strong{font-size:18px}.workflow-step[aria-selected=true]{border-left:3px solid #55794b;padding-left:11px;background:#e0e9d6}.component-stage:before{display:none}.preview-output{box-shadow:0 14px 32px #304f2410}.workflow-steps{margin-top:20px}
.attention{display:block;background:#fbf7f3;padding-top:40px;padding-bottom:35px}.attention-intro{padding:0;max-width:none}.attention h2{font-size:57px;letter-spacing:-2.8px;margin-bottom:14px}.attention-intro>p:last-child{font-size:15px;max-width:none}.attention-figure{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:40px;margin-top:24px}.attention .preview-toolbar{display:none}.attention-art{height:165px;margin:0}.attention .attention-crop{margin:0}.attention-principles{display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;padding:18px 0 0;margin-top:22px}.attention-principles h3{font-size:14px;font-weight:450;letter-spacing:0;line-height:1.5;margin:0}.attention-principles h3:before{content:'✓';color:#874f48;display:inline-block;margin-right:9px}.attention .preview-task{background:#f8f6f1;border-color:#ddd9cf}
.scenarios{display:block;background:#eef2f7;padding-top:40px;padding-bottom:35px}.scenarios .section-heading h2{font-size:48px;margin-bottom:14px}.scenarios .section-heading p{font-size:14px}.scenario-layout{display:block;margin-top:24px}.scenario-options{display:flex;gap:28px;max-width:850px;border-bottom:1px solid #ccd6e2}.scenario-options button{border:0!important;padding:12px 0;min-width:0;width:auto;flex:1;font-size:15px;color:#607187;gap:12px}.scenario-options button[aria-selected=true]{color:#324f78;box-shadow:0 2px #4e6392}.scenario-options button>span:last-child{font-size:17px}.scenario-panel{margin-top:18px}.scenario-caption{display:none}.scenario-visual{height:225px;min-height:0;margin:0 0 20px}.scenario-visual:before{display:none}.preview-continuity{height:100%;color:#293f57}.preview-continuity>header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#61748a;padding-bottom:8px}.preview-continuity>header>span:last-child{font-size:10px}.preview-continuity ol{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative;list-style:none;margin:25px 0 0;padding:0}.preview-continuity ol:before{content:'';position:absolute;top:13px;left:14px;right:14px;border-top:1px solid #aebed0}.preview-continuity li{position:relative;min-width:0}.continuity-mark{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#4e6392;color:white;font-size:13px;box-shadow:0 0 0 7px #eef2f7;z-index:1}.native-preview .preview-continuity h3{font-size:21px;color:#2d496b;margin:18px 0 9px;line-height:1.4}.native-preview .preview-continuity p{font-size:14px;line-height:1.6;max-width:29ch;color:#536b85}.example-result{display:flex;align-items:center;gap:28px;padding-top:17px;border-top-color:#c5d1df}.example-result .result-heading{color:#345276;flex-shrink:0}.example-result p{margin:0;font-size:13px}.scenario-visual>.native-preview{box-shadow:none}
.boundaries{display:block;background:#f1f0e9;padding-top:40px;padding-bottom:40px}.boundary-intro h2{font-size:45px;margin-bottom:14px}.boundary-intro .text-link{font-size:12px}.boundary-details{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:27px;padding-top:23px;border-top:1px solid #d4d2c6}.boundary-details article{margin:0}.boundary-details h3{font-size:20px;margin-bottom:10px}.boundary-details p{font-size:13px;line-height:1.6;max-width:320px}
.start-terminal{background:#273127;color:#f2f4ed;border-color:#273127}.terminal-title button{color:#e1e8da}.terminal-title button:hover{color:#fff}.terminal-note{border-color:#52604f;color:#d4dfce}.start-setup{color:#d4dfce}.start-setup strong{color:#fff}.start-terminal .setup-guide{color:#e5efd9}.start .terminal-note{font-size:10px}.start pre{font-size:12px;line-height:2.1}.start .copy-status{color:#426441}
@media(min-width:768px) and (max-height:760px){.workflow .section-heading h2{font-size:42px}.attention h2{font-size:47px}.scenarios .section-heading h2{font-size:42px}.attention-art{height:140px}.attention-figure{margin-top:20px}.attention .preview-task{padding:16px}.scenario-visual{height:210px}.start pre{font-size:11px}.workflow-step{padding-top:17px;padding-bottom:17px}}
@media(min-width:768px) and (max-width:1023px){.workflow .section-heading h2{font-size:39px}.loom .section-heading h2{font-size:36px}.attention h2{font-size:44px}.attention-figure{gap:25px}.native-preview .preview-continuity h3{font-size:19px}.preview-continuity ol{gap:28px}.preview-continuity p{font-size:13px}.boundary-details{gap:26px}.boundary-details h3{font-size:18px}}
@media(max-width:767px){
 .hero h1{font-size:52px;letter-spacing:-3.4px}.hero-description{font-size:14px}.hero .eyebrow{font-size:8px}.hero-actions .text-link{font-size:10px;gap:10px}.hero .button{gap:24px}.hero-copy{padding-top:27px}.hero-world .floating-note{font-size:10px}.hero-world .floating-note small{font-size:8px}
 .connections .section-heading h2{font-size:32px}.connections .section-heading p{font-size:13px}.connector img{width:29px;height:29px}.connection-detail .text-link{font-size:11px}
 .loom .section-heading h2{font-size:33px}.loom-stage img{max-height:27svh}.diagram-caption h3{font-size:12px}
 .workflow .section-heading h2{font-size:34px;max-width:none}.workflow .section-heading p{font-size:12px;max-width:none}.workflow-steps{margin-top:0}.workflow-step{padding:11px 6px;border-left:0!important}.workflow-step[aria-selected=true]{padding-left:6px}.workflow-step strong{font-size:12px}.product-caption{padding-right:0}.component-stage{height:43svh;max-height:355px}.product-figure figcaption{margin-top:9px}
 .attention{padding:26px 25px}.attention h2{font-size:35px;letter-spacing:-1.7px}.attention-intro>p:last-child{font-size:13px}.attention-figure{display:flex;flex-direction:column;gap:10px;margin-top:12px}.attention-art{height:85px;width:100%}.attention .attention-crop{width:100%}.attention-principles{display:flex;gap:10px;align-items:start;margin-top:19px;padding-top:0}.attention-principles article{flex:1}.attention-principles h3{font-size:11px;line-height:1.5}.attention-principles h3:before{margin-right:5px}
 .scenarios{padding:25px}.scenarios .section-heading h2{font-size:34px}.scenarios .section-heading p{font-size:13px}.scenario-layout{margin-top:16px}.scenario-options{display:flex;gap:14px}.scenario-options button{padding:10px 0;font-size:12px;justify-content:center}.scenario-options button>span{display:none}.scenario-options button:before{font-size:12px}.scenario-panel{margin-top:17px}.scenario-visual{height:295px;max-height:none;margin-bottom:12px}.preview-continuity>header{font-size:10px}.preview-continuity>header>span:last-child{font-size:9px}.preview-continuity ol{grid-template-columns:1fr;gap:18px;margin-top:19px}.preview-continuity ol:before{top:12px;bottom:25px;left:12px;right:auto;border-top:0;border-left:1px solid #aebed0}.preview-continuity li{display:grid;grid-template-columns:26px 1fr;column-gap:16px;align-items:start}.continuity-mark{grid-row:1/span 2;width:25px;height:25px;font-size:12px;box-shadow:0 0 0 5px #eef2f7}.native-preview .preview-continuity h3{font-size:16px;margin:0 0 4px;line-height:1.5}.native-preview .preview-continuity p{font-size:12px;max-width:none;line-height:1.6}.example-result{display:block;padding-top:13px}.example-result p{font-size:12px;margin-top:9px;line-height:1.6}.example-result .result-heading{font-size:10px}
 .boundaries{padding:26px 25px}.boundary-intro h2{font-size:34px}.boundary-details{display:flex;flex-direction:column;gap:22px;margin-top:20px;padding-top:20px}.boundary-details h3{font-size:17px;margin-bottom:7px}.boundary-details p{font-size:12px;max-width:none}.start h2{font-size:34px}.start pre{font-size:10px}.start .terminal-note{font-size:9px}.start .setup-guide{font-size:10px}.start-copy>p:not(.eyebrow){font-size:13px}
 html[lang=zh-CN] .hero h1{font-size:51px;line-height:1.1;letter-spacing:-1.5px}html[lang=zh-CN] .hero-description{font-size:14px;max-width:290px}html[lang=zh-CN] .hero .eyebrow{font-size:9px;letter-spacing:.8px}
}
/* Brand and language on the left; Docs, setup and repository actions on the right. */
.header .site-language{margin-left:4px}.header nav{margin-left:auto}.header .github-button{margin-left:0}
@media(max-width:1023px){.header .site-language{order:1;margin-left:0}.header .menu-toggle{order:2;margin-left:auto}.header .github-button{order:4}.header nav{order:3}}