:root{--ink:#16251f;--muted:#69756f;--paper:#f7f8f4;--line:#dfe4dc;--green:#c8f36b;--deep:#183d32;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebe5}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--deep);color:var(--green);font-size:18px;border-radius:50%;letter-spacing:-2px}.brand-dot{color:#72a645}.main-nav{display:flex;gap:38px;font-size:12px;font-weight:600;color:#78817c}.main-nav a{padding:10px 0}.main-nav .nav-active{color:var(--ink);border-bottom:1px solid #6c9272}.header-cta{font-size:12px;font-weight:700;border:1px solid #d9ded6;padding:12px 17px;border-radius:3px}.header-cta span{margin-left:13px;color:#5d8d4d}.hero{min-height:590px;padding:86px 9.1% 25px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.eyebrow{font:10px var(--mono);letter-spacing:1.4px;color:#75817a;display:flex;align-items:center;gap:10px;margin:0 0 25px}.eyebrow-line{width:20px;height:1px;background:#789878;display:inline-block}.hero h1{font:700 clamp(48px,6.2vw,78px)/1.05 var(--display);letter-spacing:-5px;margin:0;color:#192820}.headline-accent{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#68884f;letter-spacing:-4px}.hero-intro{font-size:15px;line-height:1.8;color:#737e76;margin:24px 0 30px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:3px;font-size:12px;font-weight:700}.button-dark{background:#1d362b;color:#fff}.button-dark span{color:var(--green);font-size:16px}.hero-note{font-size:10px;color:#79827a}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#93ba6a;margin:0 7px 1px 0}.hero-art{height:390px;display:grid;place-items:center;position:relative}.art-orbit{position:absolute;border:1px solid #e2e7df;border-radius:50%;width:385px;height:385px}.orbit-two{width:320px;height:320px;border-style:dashed;border-color:#e4e9e2}.art-card{position:relative;width:min(355px,80%);height:300px;background:#fff;border:1px solid #e8ebe5;box-shadow:0 15px 45px #425c4510;padding:18px 20px;transform:rotate(2deg);z-index:1}.art-top,.art-bottom{display:flex;justify-content:space-between;font:9px var(--mono);color:#7e8981;letter-spacing:.8px}.art-stars{font-size:16px;color:#89a85e}.art-title{font:700 34px/1.08 var(--display);letter-spacing:-1.7px;margin:19px 0 12px}.art-title em{font-family:Georgia,serif;color:#729355;font-weight:400}.chart{display:flex;height:105px;border-bottom:1px solid #e6ebe4}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding:8px 8px 20px 0}.chart-y i{width:16px;border-top:1px solid #dce4db}.chart-area{flex:1;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 25px,#eff2ed 26px)}.chart svg{width:100%;height:80px;position:absolute;bottom:17px;overflow:visible}.chart-line{fill:none;stroke:#7b9c65;stroke-width:2}.chart-fill{fill:#eaf3df}.chart-x{display:flex;justify-content:space-between;font:7px var(--mono);color:#a1aaa2;position:absolute;bottom:2px;width:100%}.art-bottom{position:absolute;bottom:17px;left:20px;right:20px;padding-top:10px;border-top:1px solid #eef0eb;font-size:7px}.art-sticker{position:absolute;right:5%;bottom:29px;background:#d6f58b;width:83px;height:83px;border-radius:50%;display:grid;align-content:center;justify-content:center;text-align:center;font:9px/1.5 var(--mono);transform:rotate(9deg);z-index:2}.art-sticker span{position:absolute;right:10px;top:9px;font-size:13px}.hero-bottom{position:absolute;bottom:23px;left:9.1%;right:9.1%;padding-top:14px;border-top:1px solid #e1e6de;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#929b94}.intro-strip{min-height:115px;padding:30px 9.1%;background:#eaf0e5;display:flex;align-items:center;gap:50px;position:relative}.intro-strip>p:first-child{font:600 18px var(--display);letter-spacing:-.5px;margin:0;white-space:nowrap}.intro-description{font-size:12px;line-height:1.7;color:#737f74;max-width:410px}.intro-star{margin-left:auto;font-size:29px;color:#829765}.section-wrap{padding:100px 9.1% 105px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.section-heading .eyebrow{margin-bottom:22px}.section-heading h2,.path-band h2,.newsletter h2{font:700 clamp(36px,4vw,49px)/1.13 var(--display);letter-spacing:-2.4px;margin:0}.section-heading h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#68884f;letter-spacing:-1px}.section-aside{font-size:11px;line-height:1.8;color:#858e87;margin:0 0 5px}.library-tools{display:flex;justify-content:space-between;align-items:center;margin:45px 0 22px;padding-bottom:15px;border-bottom:1px solid var(--line)}.filter-list{display:flex;gap:22px}.filter{border:0;background:transparent;padding:7px 0;color:#929991;font:11px var(--sans);cursor:pointer}.filter.active{color:#263b2d;font-weight:700}.filter span{font:9px var(--mono);color:#8d9b82;margin-left:4px}.search-box{border-bottom:1px solid #cfd7cd;display:flex;align-items:center;gap:8px;padding:4px 0;color:#809078}.search-box>span{font-size:18px}.search-box input{border:0;background:transparent;outline:none;width:145px;font:11px var(--sans);color:var(--ink)}.search-box input::placeholder{color:#9aa29b}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.content-card{display:block;min-width:0}.content-card[hidden]{display:none}.card-image{height:195px;position:relative;overflow:hidden;padding:16px}.image-index,.image-caption{font:8px var(--mono);letter-spacing:.6px;color:#33454a;position:absolute;z-index:2}.image-index{top:16px;left:16px}.image-caption{left:16px;bottom:14px;color:#60716c;font-size:7px}.image-blue{background:#dce8e4}.image-orange{background:#f0e6d8}.image-green{background:#dfead7}.image-lilac{background:#e7e2ef}.image-graphic{position:absolute;inset:42px 20px 35px}.image-graphic svg{position:absolute;width:100%;height:90px;bottom:0;left:0}.image-graphic svg path{fill:none;stroke:#668f83;stroke-width:2}.node{position:absolute;z-index:1;border:1px solid #9eb5ab;background:#eff5f0;padding:7px 9px;font:7px var(--mono);letter-spacing:.4px}.node-a{left:2%;top:30px}.node-b{left:43%;top:7px;background:#fff}.node-c{right:1%;top:50px}.code-window{position:absolute;inset:40px 28px 25px;background:#2b302d;color:#d9e1d7;border-radius:3px;box-shadow:0 8px 20px #634a3022}.window-dots{height:25px;border-bottom:1px solid #414942;display:flex;align-items:center;gap:4px;padding:0 9px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#bd8262}.window-dots i:nth-child(2){background:#c3b06a}.window-dots i:nth-child(3){background:#8ea779}.window-dots span{font:7px var(--mono);color:#89948a;margin-left:auto}.code-lines{padding:8px 9px;display:grid;gap:3px;font:7px var(--mono);white-space:nowrap}.code-lines b{font-weight:400;color:#758279;margin-right:5px}.code-lines em{font-style:normal;color:#b6d78d}.code-lines strong{font-weight:400;color:#e9ae83}.deploy-graphic{position:absolute;inset:45px 22px 30px}.deploy-box{position:absolute;left:2%;top:22px;padding:10px 14px;background:#f4f8f0;border:1px solid #b5c9ad;font:8px var(--mono);z-index:1}.deploy-api{left:70%;top:42px;background:#fff}.pulse{display:inline-block;width:5px;height:5px;background:#8cb676;border-radius:50%;margin-left:9px}.deploy-arrow{position:absolute;left:48%;top:35px;color:#77936a}.deploy-label{position:absolute;font:7px var(--mono);color:#84917f}.label-one{left:28%;top:7px}.label-two{left:74%;top:12px}.deploy-graphic svg{position:absolute;inset:10px 0 0;width:100%;height:80px}.deploy-graphic svg path{fill:none;stroke:#91ae83;stroke-width:1;stroke-dasharray:4 4}.metric-graphic{position:absolute;inset:45px 32px 35px;display:flex;align-items:center;gap:22px}.metric-ring{height:82px;width:82px;border:5px solid #c7b9df;border-right-color:#8e76b7;border-radius:50%;display:grid;place-items:center;color:#695a81;font:700 20px var(--display)}.metric-ring small{font-size:10px}.metric-lines{display:flex;flex-direction:column;gap:9px}.metric-lines i{height:4px;width:95px;background:#c9bfd8}.metric-lines i:nth-child(2){width:75px}.metric-lines i:nth-child(3){width:87px}.metric-lines span{font:7px/1.5 var(--mono);color:#766a85;margin-top:3px}.card-meta{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.6px;color:#8a958b;margin-top:17px}.content-card h3{font:700 17px/1.3 var(--display);letter-spacing:-.4px;margin:11px 0 8px}.content-card>p{font-size:11px;line-height:1.75;color:#78827b;margin:0;min-height:40px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e6de;margin-top:17px;padding-top:11px;font-size:10px;color:#536c50}.arrow{font-size:15px;transition:transform .2s}.content-card:hover .arrow{transform:translate(3px,-3px)}.empty-state{padding:30px;text-align:center;color:var(--muted);font-size:13px}.path-band{background:#183d32;color:#fff;padding:68px 9.1%;display:grid;grid-template-columns:60px 1fr 1fr auto;gap:22px;align-items:center}.path-symbol{font-size:36px;color:var(--green);align-self:start}.path-band .eyebrow{color:#b7c6b8;font-size:8px;margin-bottom:18px}.path-band h2{font-size:35px}.path-band h2 span{font:italic 400 34px Georgia,serif;color:var(--green);letter-spacing:-1px}.path-copy{font-size:11px;line-height:1.85;color:#c3d0c5;max-width:300px}.button-light{background:var(--green);color:#243b2b;font-size:10px;white-space:nowrap;padding:14px 16px}.newsletter{padding:75px 9.1%;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:8%}.newsletter .eyebrow{font-size:8px;margin-bottom:17px}.newsletter h2{font-size:32px;letter-spacing:-1.4px}.newsletter>div>p:last-child{font-size:11px;color:#7e8880;margin:13px 0 0}.newsletter form{display:flex;border-bottom:1px solid #aeb9ac;padding-bottom:8px}.newsletter input{flex:1;border:0;outline:0;background:transparent;font:12px var(--sans);min-width:0}.newsletter input::placeholder{color:#a2aba3}.newsletter button{border:0;background:transparent;color:#3b6141;font:700 10px var(--sans);cursor:pointer}.newsletter button span{margin-left:12px}.signup-message{grid-column:2;font-size:10px;color:#5d8051;min-height:12px;margin:8px 0 0}.site-footer{border-top:1px solid #e1e6de;padding:22px 7.2%;display:flex;align-items:center;justify-content:space-between;color:#8a948c}.site-footer .brand{color:var(--ink);font-size:15px}.site-footer .brand-mark{height:24px;width:24px;font-size:14px}.site-footer>span{font:8px var(--mono);letter-spacing:.4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.hero{padding-left:7%;padding-right:7%}.hero h1{font-size:62px}.hero-art{transform:scale(.9)}.section-wrap{padding-left:7%;padding-right:7%}.path-band{padding-left:7%;padding-right:7%;grid-template-columns:40px 1fr 1fr}.path-band .button{grid-column:2;justify-self:start}.path-copy{grid-column:3;grid-row:1 / span 2}.card-grid{gap:28px 16px}.card-image{height:170px}}
@media(max-width:700px){.site-header{height:68px;padding:0 5%}.main-nav{display:none}.header-cta{padding:10px 12px}.hero{min-height:auto;padding:62px 7% 75px;grid-template-columns:1fr}.hero h1{font-size:57px;letter-spacing:-3.5px}.hero-art{height:340px;margin-top:15px}.hero-bottom{left:7%;right:7%}.intro-strip{padding:25px 7%;gap:20px;align-items:flex-start;flex-wrap:wrap}.intro-strip>p:first-child{font-size:16px}.intro-description{margin:0;max-width:75%}.intro-star{position:absolute;right:7%;top:25px}.section-wrap{padding:72px 7%}.section-heading{display:block}.section-aside{margin-top:17px}.library-tools{align-items:flex-start;gap:14px;flex-direction:column;margin-top:32px}.filter-list{gap:16px;flex-wrap:wrap}.search-box{align-self:stretch}.search-box input{width:100%}.card-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.card-image{height:155px;padding:11px}.image-index{top:12px;left:12px;font-size:7px}.image-caption{left:12px;bottom:10px;font-size:6px}.content-card h3{font-size:15px}.content-card>p{font-size:10px}.path-band{padding:54px 7%;grid-template-columns:35px 1fr;gap:18px}.path-band h2{font-size:32px}.path-copy{grid-column:2;grid-row:auto;margin:0}.path-band .button{grid-column:2}.newsletter{padding:60px 7%;grid-template-columns:1fr;gap:24px}.signup-message{grid-column:1}.site-footer{padding:20px 5%;gap:12px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}}
@media(max-width:420px){.brand{font-size:17px}.hero h1{font-size:49px}.hero-intro{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-art{height:300px}.art-card{height:270px;padding:15px}.art-title{font-size:30px;margin:15px 0 10px}.art-bottom{left:15px;right:15px}.card-grid{grid-template-columns:1fr}.card-image{height:195px}.content-card h3{font-size:17px}.content-card>p{font-size:11px}.section-heading h2{font-size:39px}}

/* Reading experience */
.article-shell{max-width:960px;margin:0 auto;padding:48px 40px 104px;min-height:70vh}.breadcrumbs{display:flex;gap:10px;align-items:center;font:10px var(--mono);color:#8a958b;margin-bottom:42px}.breadcrumbs a{color:#496a4d}.article-heading{max-width:720px;border-bottom:1px solid var(--line);padding-bottom:30px}.article-heading .eyebrow{margin-bottom:20px}.article-read{margin-left:8px;color:#a0a99f}.article-heading h1,.article-not-found h1{font:700 clamp(36px,5vw,54px)/1.12 var(--display);letter-spacing:-2.2px;margin:0 0 18px}.article-intro{font:16px/1.75 var(--sans);color:#68756c;margin:0}.article-byline{display:flex;justify-content:space-between;margin-top:28px;font:8px var(--mono);letter-spacing:.7px;color:#929c93}.article-body{max-width:720px;padding:14px 0 34px}.article-section{padding:30px 0 4px}.article-section h2{font:700 24px/1.3 var(--display);letter-spacing:-.55px;margin:0 0 12px}.article-section p,.article-section li{font:15px/1.8 var(--sans);color:#4e5d53}.article-section p{margin:0 0 16px}.article-section ol,.article-section ul{padding-left:22px}.article-section li{padding:4px 0}.article-section strong{color:#263d2e}.article-section code{font:12px/1.6 var(--mono);background:#e9eee5;padding:2px 4px;border-radius:3px}.article-section pre{overflow-x:auto;background:#1e3027;color:#dce8d8;padding:20px 22px;border-radius:8px;font:12px/1.75 var(--mono)}.article-callout{background:#eaf0e5;border-left:3px solid #8aa36c;padding:15px 18px;color:#53644f;font-size:13px;line-height:1.8;margin:20px 0}.article-pagination{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.article-next-prev{font-size:11px;font-weight:700;color:#547447}.article-next-prev.next{margin-left:auto}.article-not-found{padding:20px 0}.article-not-found .eyebrow{margin-bottom:20px}.article-loading{color:var(--muted)}.article-page .site-footer{margin-top:0}
.path-band .button{align-self:center}
@media(max-width:700px){.article-shell{padding:30px 7% 70px}.breadcrumbs{margin-bottom:30px}.article-heading h1,.article-not-found h1{font-size:38px;letter-spacing:-1.6px}.article-intro{font-size:15px}.article-byline{font-size:7px}.article-section{padding-top:26px}.article-section h2{font-size:21px}.article-section p,.article-section li{font-size:14px;line-height:1.75}.article-section pre{font-size:11px;padding:15px}.article-pagination{gap:20px}.article-next-prev{font-size:10px}}


/* Stack & Craft visual system */
:root{--ink:#142238;--muted:#66758a;--paper:#f6f8fb;--line:#e2e8f0;--green:#63ddd0;--deep:#142a45}
body{background:var(--paper);color:var(--ink)}
.site-header{background:#ffffffeb;border-bottom-color:#e7ebf1;backdrop-filter:blur(12px)}
.brand{gap:11px;font-size:19px;letter-spacing:-.7px}
.brand-mark{width:36px;height:36px;border-radius:10px;background:#142a45;color:#65e0d2;display:grid;place-items:center;box-shadow:0 4px 12px #142a4520}
.brand-mark svg{display:block;width:25px;height:25px}
.brand-name{color:#142238;text-transform:none;letter-spacing:-.7px}
.brand-name b{font-weight:500;color:#718096}
.brand-dot{color:#168e9a}
.main-nav{color:#6f7c8f}
.main-nav .nav-active{color:#142238;border-bottom-color:#159aa3}
.header-cta{border-color:#d9e1ea;border-radius:7px;transition:background .2s,border-color .2s,color .2s}
.header-cta:hover{background:#f0f6fa;border-color:#bdcbd9}
.header-cta span{color:#118b9a}
.hero{background:radial-gradient(ellipse at 82% 48%,#e8f2fa 0,transparent 34%),linear-gradient(180deg,#fff 0%,#f6f8fb 100%)}
.eyebrow{color:#65768c}
.eyebrow-line{background:#1697a2}
.hero h1{color:#142238}
.headline-accent,.section-heading h2 span{color:#147d91}
.button{border-radius:7px;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #142a4520}
.button-dark{background:#142a45;color:white}
.button-dark span{color:#65e0d2}
.hero-note{color:#66758a}
.live-dot{background:#159b9f;box-shadow:0 0 0 4px #159b9f18}
.art-orbit{border-color:#dbe5ef}
.orbit-two{border-color:#cfdae6}
.art-card{border-color:#e2e8f0;border-radius:10px;box-shadow:0 22px 55px #152e4b12}
.art-stars{color:#148c9b}
.art-title em{color:#147d91}
.chart-area{background:repeating-linear-gradient(to bottom,transparent 0 25px,#edf1f5 26px)}
.chart-line{stroke:#168f9b}
.chart-fill{fill:#dff2f1}
.art-sticker{background:#63ddd0;color:#123247;border-radius:18px;box-shadow:0 10px 25px #142a4514}
.hero-bottom{border-color:#e0e7ef}
.intro-strip{background:#eaf2f7}
.intro-description{color:#65758a}
.intro-star{color:#168b98}
.section-heading h2 span{font-style:normal;font-weight:600}
.section-aside{color:#738096}
.library-tools{border-color:#e2e8f0}
.filter{color:#7a8798}
.filter.active{color:#142a45}
.filter span{color:#168b98}
.search-box{border-color:#c9d5e1;color:#168b98}
.search-box input{color:#142238}
.card-grid{gap:25px 20px}
.content-card{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:10px;overflow:hidden;box-shadow:0 2px 7px #142a4507;transition:transform .2s,box-shadow .2s,border-color .2s}
.content-card:hover{transform:translateY(-4px);border-color:#cbd9e3;box-shadow:0 14px 30px #142a4510}
.card-image{border-radius:8px}
.image-blue{background:#e2edf4}.image-orange{background:#f4eee5}.image-green{background:#e1f0ed}.image-lilac{background:#ecebf4}
.image-graphic svg path{stroke:#168c98}
.node{border-color:#bfd1da;background:#f5fbfc}
.code-window{border-radius:7px;box-shadow:0 10px 24px #142a451c}
.deploy-box{border-color:#bfd4d4;background:#f5fbfb;border-radius:4px}
.pulse{background:#159b9f}
.metric-ring{border-color:#c9e6e4;border-right-color:#168c98;color:#245a69}
.metric-lines i{background:#d5e7e8}
.card-meta{padding:0 3px;color:#77859a}
.content-card h3{color:#17273d;font-size:17px}
.content-card>p{color:#69778a}
.card-footer{border-color:#e5eaf0;padding:12px 3px 2px;color:#147d91}
.path-band{background:#142a45;color:#fff}
.path-band .path-symbol{color:#63ddd0}
.path-band .eyebrow{color:#b6c5d5}
.path-band h2 span{color:#63ddd0}
.path-copy{color:#c4cfdb}
.button-light{background:#63ddd0;color:#123247}
.newsletter{background:#fff}
.newsletter .eyebrow{color:#64758a}
.newsletter>div>p:last-child{color:#6f7d90}
.site-footer{border-color:#e2e8f0;background:#fff;color:#758196}
.site-footer .brand{color:var(--ink)}
.site-footer .brand-mark{width:28px;height:28px;background:#142a45;color:#63ddd0}.site-footer .brand-mark svg{width:20px;height:20px}
.breadcrumbs{color:#7b8798}
.breadcrumbs a,.article-next-prev{color:#147d91}
.article-heading{border-color:#e2e8f0}
.article-read{color:#8995a5}
.article-intro{color:#617085}
.article-byline{color:#7b8798}
.article-section p,.article-section li{color:#4e5d70}
.article-section strong{color:#172b45}
.article-section code{background:#edf2f6}
.article-section pre{background:#142a45;color:#e4edf5;border-radius:8px}
.article-callout{background:#eaf4f5;border-left-color:#168c98;color:#3b6470;border-radius:0 7px 7px 0}
.article-pagination{border-color:#e2e8f0}
:focus-visible{outline:3px solid #159ba5;outline-offset:3px;border-radius:4px}
@media(max-width:700px){.brand{font-size:17px}.brand-mark{width:33px;height:33px}.brand-mark svg{width:23px;height:23px}.content-card{padding:8px}}


/* One-stop engineering domains */
.domains-section{padding-top:88px;padding-bottom:82px;background:#f6f8fb}
.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.domain-card{display:flex;min-height:216px;flex-direction:column;padding:21px 21px 18px;background:#fff;border:1px solid #e3e9f0;border-radius:10px;box-shadow:0 2px 8px #142a4505;transition:transform .2s,border-color .2s,box-shadow .2s}
.domain-card-active{background:linear-gradient(145deg,#fff 50%,#eff9f8);border-color:#a9d8d7}
.domain-card:hover{transform:translateY(-3px);border-color:#a9c5d3;box-shadow:0 12px 26px #142a4510}
.domain-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font:9px var(--mono);letter-spacing:.6px;color:#8794a4}
.domain-status{padding:5px 7px;border-radius:4px;background:#f0f3f7;color:#718096;font-size:8px}
.status-live{background:#dff5f2;color:#127b80}
.domain-card h3{margin:0 0 8px;color:#17283e;font:700 16px/1.35 var(--display);letter-spacing:-.25px}
.domain-card p{margin:0;color:#6d7b8e;font-size:11px;line-height:1.7}
.domain-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;color:#63748a;font-size:10px;font-weight:600}
.domain-card-active .domain-link{color:#117c88}
.domain-link b{font-size:15px}
@media(max-width:950px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-card{min-height:200px}}
@media(max-width:700px){.domains-section{padding-top:65px;padding-bottom:62px}.domain-grid{gap:10px;margin-top:27px}.domain-card{min-height:220px;padding:16px 14px 14px}.domain-top{margin-bottom:17px}.domain-card h3{font-size:14px}.domain-card p{font-size:10px}.domain-status{font-size:7px;padding:4px 5px}.domain-link{font-size:9px}}
@media(max-width:440px){.domain-grid{grid-template-columns:1fr}.domain-card{min-height:0}.domain-top{margin-bottom:14px}.domain-link{margin-top:14px}}

/* About Stack & Craft and path deliverables */
.about-platform{display:grid;grid-template-columns:1.2fr .8fr;column-gap:9%;row-gap:28px;background:#fff}
.about-platform .about-copy h2{font:700 clamp(36px,4vw,49px)/1.13 var(--display);letter-spacing:-2.4px;margin:0 0 20px;color:#142238}
.about-platform .about-copy h2 span{color:#147d91}
.about-lead{max-width:620px;font:500 16px/1.8 var(--sans);color:#34445a;margin:0 0 12px}
.about-detail{max-width:620px;font:13px/1.85 var(--sans);color:#69788c;margin:0}
.about-aside{display:flex;align-items:center;gap:20px;align-self:center;padding:22px;background:#eef5f8;border:1px solid #e1ebf0;border-radius:10px}
.about-stamp{flex:none;display:grid;grid-template-rows:repeat(5,auto);place-content:center;justify-items:center;align-content:center;gap:1px;width:92px;height:92px;border-radius:50%;background:#142a45;color:#63ddd0;text-align:center;font:9px/1.15 var(--mono);letter-spacing:.5px}.stamp-arrow{font-size:10px;line-height:1;color:#fff}
.about-aside p{margin:0;color:#53647a;font:12px/1.8 var(--sans)}
.benefit-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.benefit-card{padding:18px 16px;background:#f8fafc;border:1px solid #e7edf2;border-radius:8px}
.benefit-card>span{font:8px var(--mono);letter-spacing:.7px;color:#168b98}
.benefit-card h3{margin:14px 0 7px;color:#182a40;font:700 14px var(--display)}
.benefit-card p{margin:0;color:#6d7b8e;font:10px/1.7 var(--sans)}
.about-footnote{grid-column:1/-1;margin:0;color:#718096;font:10px/1.6 var(--sans)}
@media(max-width:800px){.about-platform{grid-template-columns:1fr;gap:22px}.about-aside{max-width:540px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.about-platform{padding-top:60px;padding-bottom:60px}.about-aside{align-items:flex-start;padding:16px}.about-stamp{width:76px;height:76px;font-size:8px}.stamp-arrow{font-size:9px}.benefit-grid{grid-template-columns:1fr}}

.project-prereq{margin:15px 0 0;padding:10px 12px;background:#f8fafc;border-radius:6px;color:#617085;font:10px/1.7 var(--sans)}.project-prereq strong{color:#142a45}


/* Keep article code readable, including when text is selected. */
.article-section pre{color:#e4edf5}
.article-section pre code{color:inherit;background:transparent;padding:0}
.article-section pre::selection,.article-section pre code::selection{background:#63ddd0;color:#142238}

.article-section pre code{display:block;color:inherit;background:transparent;padding:0;font:inherit;line-height:inherit}


/* Dedicated projects collection */
.projects-hero{padding-top:76px;padding-bottom:50px;background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%)}
.projects-hero .eyebrow{margin-bottom:20px}
.projects-hero h1{max-width:820px;margin:0;color:#142238;font:700 clamp(42px,5.4vw,68px)/1.08 var(--display);letter-spacing:-3px}
.projects-hero h1 span{color:#147d91}
.projects-hero>p:not(.eyebrow){max-width:680px;margin:22px 0 0;color:#66758a;font:16px/1.8 var(--sans)}
.project-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.project-highlights span{padding:8px 10px;border:1px solid #dce5ec;border-radius:5px;background:#fff;color:#53657a;font:9px var(--mono);letter-spacing:.7px}
.project-collection #ticketroute{padding-top:54px}
@media(max-width:700px){.projects-hero{padding-top:55px;padding-bottom:34px}.projects-hero h1{font-size:43px;letter-spacing:-2px}.projects-hero>p:not(.eyebrow){font-size:14px}.project-highlights{gap:7px}.project-highlights span{font-size:8px}.project-collection #ticketroute{padding-top:42px}}


/* Project index and overview journey */
.project-index{padding-top:58px;padding-bottom:95px}
.project-list-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:28px;align-items:center;margin-top:35px;padding:30px;background:linear-gradient(135deg,#fff 55%,#eff8f8);border:1px solid #dce7ed;border-radius:14px;box-shadow:0 10px 28px #142a4509;transition:transform .2s,box-shadow .2s,border-color .2s}
.project-list-card:hover{transform:translateY(-3px);border-color:#a9d8d7;box-shadow:0 18px 36px #142a4513}
.project-list-kicker{margin:0 0 12px;color:#168b98;font:9px var(--mono);letter-spacing:1px}
.project-list-card h3{margin:0;color:#142238;font:700 27px/1.25 var(--display);letter-spacing:-.8px}
.project-list-card>div:first-child>p:not(.project-list-kicker){max-width:590px;margin:12px 0 18px;color:#66758a;font:14px/1.8 var(--sans)}
.project-list-cta{color:#147d91;font-size:12px;font-weight:700}.project-list-cta b{margin-left:10px;font-size:16px}
.project-list-facts{display:grid;gap:9px}.project-list-facts span{padding:13px 15px;border:1px solid #e4ebf0;border-radius:7px;background:#fff;color:#66758a;font-size:11px}.project-list-facts b{display:inline-block;min-width:104px;color:#142a45;font-family:var(--display)}
.project-library-note{margin:18px 0 0;color:#7a8798;font-size:11px}
.project-breadcrumb{max-width:960px;margin:0 auto;padding:34px 40px 0}
.ticketroute-hero{max-width:960px;margin:0 auto;padding:42px 40px 50px}.ticketroute-hero .eyebrow{margin-bottom:17px}.ticketroute-hero h1{margin:0;color:#142238;font:700 clamp(42px,5.2vw,64px)/1.08 var(--display);letter-spacing:-2.6px}.ticketroute-hero h1 span{color:#147d91}.ticketroute-hero>p:not(.eyebrow){max-width:740px;margin:19px 0 23px;color:#66758a;font:16px/1.8 var(--sans)}
.ticketroute-brief{max-width:880px;margin:0 auto 28px;padding:0 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ticketroute-brief>div{padding:18px 20px;background:#fff;border:1px solid #e3eaf0;border-radius:8px}.ticketroute-brief span{color:#168b98;font:9px var(--mono);letter-spacing:.8px}.ticketroute-brief p{margin:9px 0 0;color:#53647a;font:13px/1.7 var(--sans)}
.milestone-overview{padding-top:65px}.milestone-overview .section-heading{margin-bottom:32px}.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milestone-grid .content-card{min-width:0}
.project-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 13px;padding:12px;background:#eef3f7;border:1px solid #e1e8ef;border-radius:10px}.project-step{display:flex;min-height:52px;align-items:center;gap:10px;padding:9px 11px;border:1px solid transparent;border-radius:7px;color:#66758a;font-size:11px;line-height:1.4;transition:background .2s,border-color .2s,color .2s}.project-step:hover{background:#fff;border-color:#dce5ec;color:#142a45}.project-step.current{background:#142a45;border-color:#142a45;color:#fff}.project-step-number{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#dce6ec;color:#405a70;font:10px var(--mono)}.project-step.current .project-step-number{background:#63ddd0;color:#142238}.project-overview-link{display:inline-block;margin:0 0 14px;color:#147d91;font-size:11px;font-weight:700}
@media(max-width:700px){.project-index{padding-top:45px;padding-bottom:65px}.project-list-card{grid-template-columns:1fr;gap:18px;padding:21px}.project-list-card h3{font-size:23px}.project-list-facts{grid-template-columns:1fr 1fr}.project-list-facts span{font-size:10px}.project-list-facts b{min-width:0;display:block;margin-bottom:4px}.project-breadcrumb{padding:25px 7% 0}.ticketroute-hero{padding:32px 7% 38px}.ticketroute-hero h1{font-size:44px;letter-spacing:-1.8px}.ticketroute-hero>p:not(.eyebrow){font-size:14px}.ticketroute-brief{padding:0 7%;grid-template-columns:1fr 1fr;gap:8px}.ticketroute-brief>div{padding:14px}.ticketroute-brief p{font-size:11px}.milestone-overview{padding-top:45px}.milestone-grid{grid-template-columns:1fr}.project-step-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.project-step{font-size:10px;padding:7px}.project-step-number{width:24px;height:24px}}
@media(max-width:420px){.ticketroute-brief{grid-template-columns:1fr}.project-list-facts{grid-template-columns:1fr}.project-step-nav{grid-template-columns:1fr 1fr}}


/* Distinguish focused domain learning from complete project builds */
.learning-model{padding-top:68px;padding-bottom:72px;background:#fff}
.learning-model .section-heading{margin-bottom:30px}
.learning-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.learning-model-card{padding:24px 26px;background:#f5f8fb;border:1px solid #e2e9ef;border-radius:10px}
.learning-model-project{background:#eff8f8;border-color:#d5e9e8}
.learning-model-number{color:#168b98;font:9px var(--mono);letter-spacing:1px}
.learning-model-card h3{margin:16px 0 8px;color:#142238;font:700 21px var(--display)}
.learning-model-card p{max-width:550px;margin:0;color:#66758a;font:13px/1.8 var(--sans)}
.learning-model-card a{display:inline-flex;gap:12px;margin-top:18px;color:#147d91;font-size:11px;font-weight:700}
.learning-model-card a b{font-size:15px}
@media(max-width:700px){.learning-model{padding-top:50px;padding-bottom:52px}.learning-model-grid{grid-template-columns:1fr;gap:10px}.learning-model-card{padding:20px}.learning-model-card h3{margin-top:12px}}


/* Prevent cramped grids and long labels from colliding across screen sizes */
.domain-card,.content-card,.benefit-card,.learning-model-card,.project-list-card,.ticketroute-brief>div{min-width:0;overflow-wrap:anywhere}
.section-heading{gap:30px}
.section-heading>div{min-width:0}
.section-aside{max-width:430px;flex:0 1 390px}
@media(max-width:950px){.section-heading{gap:24px}.section-aside{max-width:680px}}
@media(max-width:850px) and (min-width:701px){.site-header{gap:16px;padding-right:5%;padding-left:5%}.main-nav{gap:clamp(12px,2.2vw,20px);font-size:11px}.header-cta{padding:10px 12px}.section-heading{display:block}.section-aside{margin-top:15px}}
@media(max-width:700px){.section-heading{display:block}.section-aside{max-width:100%;margin-top:15px}.project-step{min-width:0;overflow-wrap:anywhere}.project-list-card,.ticketroute-hero,.article-heading,.article-body{min-width:0}}


/* TicketRoute project brief: separate every label from its description. */
.project-brief{margin:24px 0 20px;padding:26px 28px;background:#f1f6fa;border:1px solid #dce6ee;border-radius:12px}
.project-brief>.eyebrow{margin:0 0 12px;color:#168b98;font:9px var(--mono);letter-spacing:1px}
.project-brief h2{margin:0 0 10px;color:#142238;font:700 25px/1.25 var(--display);letter-spacing:-.6px}
.project-brief>p:not(.eyebrow):not(.project-prereq){max-width:720px;margin:0;color:#53647a;font:14px/1.75 var(--sans)}
.project-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.project-spec-grid>div{min-width:0;padding:15px 16px;background:#fff;border:1px solid #e0e8ef;border-radius:8px}
.project-spec-grid strong{display:block;margin:0 0 7px;color:#142a45;font:700 12px/1.4 var(--display)}
.project-spec-grid span{display:block;color:#53647a;font:12px/1.65 var(--sans);overflow-wrap:anywhere}
.project-prereq{margin:17px 0;padding:12px 14px;background:#e5f1f3;border:1px solid #d4e7e8;border-radius:7px;color:#53647a;font:12px/1.7 var(--sans)}
.project-prereq strong{color:#142a45}
.architecture-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid #dce6ee}
.architecture-flow span{padding:8px 10px;background:#fff;border:1px solid #dce6ee;border-radius:6px;color:#40566d;font:10px/1.4 var(--mono)}
.architecture-flow b{color:#168b98;font-size:13px}
.project-brief-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:20px 0 0}
.project-brief-actions .button{min-height:48px;max-width:100%;white-space:normal;text-align:center;line-height:1.45}
.project-brief-actions>a:not(.button){display:inline-flex;align-items:center;min-height:44px;color:#147d91;font:600 12px/1.5 var(--sans);overflow-wrap:anywhere}
.project-brief-actions>a:not(.button):hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.project-brief-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:16px}.project-brief-actions .button{align-self:flex-start}.project-brief-actions>a:not(.button){min-height:40px}.project-brief{padding:20px 17px}.project-brief h2{font-size:22px}.project-spec-grid{grid-template-columns:1fr;gap:8px;margin:16px 0}.project-spec-grid>div{padding:12px 13px}.project-spec-grid span{font-size:12px}.architecture-flow{gap:6px}.architecture-flow span{font-size:9px}}


/* Shared anti-collision rules for labels, values, cards, and page edges. */
.eyebrow{flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.domain-top{flex-wrap:wrap;align-items:flex-start;gap:7px 10px}
.domain-top>span{min-width:0}
.domain-status{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.card-meta{flex-wrap:wrap;align-items:baseline;gap:5px 12px;min-width:0}
.card-meta>span{min-width:0;overflow-wrap:anywhere}
.project-list-facts span{display:flex;min-width:0;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.project-list-facts b{display:block;min-width:0;overflow-wrap:anywhere}
.project-prereq strong{display:block;margin-bottom:4px}
.lesson-outcome{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);align-items:start;gap:12px;margin:20px 0;padding:16px 18px;background:#eaf4f5;border:1px solid #d5e8e9;border-left:4px solid #168c98;border-radius:8px}
.lesson-outcome strong{display:block;min-width:0;color:#147d91;font:9px/1.5 var(--mono);letter-spacing:.8px}
.lesson-outcome span{display:block;min-width:0;color:#40566d;font:13px/1.7 var(--sans);overflow-wrap:anywhere}
.article-byline{flex-wrap:wrap;gap:8px 18px;min-width:0}
.article-byline span{min-width:0;overflow-wrap:anywhere}
.article-pagination{flex-wrap:wrap;align-items:center;gap:12px 20px}
.project-step>span:last-child{min-width:0;overflow-wrap:anywhere}
.site-footer{flex-wrap:wrap;gap:12px 20px}
.site-footer>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.lesson-outcome{grid-template-columns:1fr;gap:5px;padding:14px}.article-pagination{justify-content:space-between}.site-footer{justify-content:flex-start}}


/* Keep the shared menu available while browsing every page. */
html{scroll-padding-top:100px}
.site-header{position:sticky;top:0;z-index:1000;isolation:isolate;background:rgba(255,255,255,.97);box-shadow:0 3px 14px #142a4508}
.main-nav a{position:relative;display:inline-flex;align-items:center;min-height:38px;transition:color .18s ease}
.main-nav a::after{position:absolute;right:0;bottom:3px;left:0;height:2px;background:#159aa3;content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.main-nav a:hover,.main-nav a:focus-visible{color:#142238}
.main-nav a:hover::after,.main-nav a:focus-visible::after,.main-nav a.nav-active::after{transform:scaleX(1)}
.main-nav .nav-active{border-bottom-color:transparent}
@media(max-width:700px){html{scroll-padding-top:112px}.site-header{height:auto;min-height:68px;flex-wrap:wrap;row-gap:0;padding:8px 5% 0}.brand{order:1}.header-cta{order:2;margin-left:auto}.main-nav{order:3;display:flex;width:100%;justify-content:space-between;gap:clamp(12px,4vw,26px);overflow-x:auto;padding:0 0 7px;scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:none;min-height:34px;padding:6px 0;font-size:11px}.main-nav a::after{bottom:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.main-nav a::after{transition:none}}


/* Site-wide content search */
.site-search{display:flex;flex:none;align-items:center;width:clamp(155px,19vw,235px);height:38px;margin-left:20px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;transition:border-color .18s,box-shadow .18s}
.site-search:focus-within{border-color:#168b98;box-shadow:0 0 0 3px #168b981a}
.site-search input{width:100%;min-width:0;height:100%;padding:0 0 0 12px;border:0;outline:0;background:transparent;color:#142238;font:11px var(--sans)}
.site-search input::placeholder{color:#7b8798}
.site-search button{display:grid;flex:none;place-items:center;width:38px;height:36px;border:0;background:transparent;color:#147d91;font-size:20px;cursor:pointer}
.site-search button:focus-visible{outline:2px solid #159ba5;outline-offset:-3px;border-radius:7px}
.search-shell{max-width:1000px;min-height:72vh;margin:0 auto;padding:58px 32px 90px}
.search-shell>.eyebrow{margin-bottom:16px}
.search-shell h1{max-width:760px;margin:0;color:#142238;font:700 clamp(36px,5vw,52px)/1.12 var(--display);letter-spacing:-2px}
.search-query-summary{margin:14px 0 28px;color:#66758a;font:14px/1.6 var(--sans)}
.search-results{display:grid;gap:12px}
.search-result{display:block;min-width:0;padding:20px 22px;background:#fff;border:1px solid #e1e8ef;border-radius:10px;transition:border-color .18s,transform .18s,box-shadow .18s}
.search-result:hover{transform:translateY(-2px);border-color:#a9d8d7;box-shadow:0 10px 24px #142a4510}
.search-result-kind{display:inline-block;margin-bottom:8px;color:#168b98;font:9px var(--mono);letter-spacing:.8px;text-transform:uppercase}
.search-result h2{margin:0 0 7px;color:#142238;font:700 19px/1.35 var(--display);overflow-wrap:anywhere}
.search-result p{margin:0;color:#66758a;font:13px/1.7 var(--sans);overflow-wrap:anywhere}
.search-result-link{display:inline-flex;gap:9px;margin-top:12px;color:#147d91;font-size:11px;font-weight:700}
.search-empty,.search-loading{padding:20px;color:#66758a;font:14px/1.7 var(--sans)}
@media(max-width:850px) and (min-width:701px){.site-search{width:clamp(145px,18vw,190px);margin-left:10px}.site-header{gap:12px}}
@media(max-width:700px){html{scroll-padding-top:152px}.site-header .main-nav{order:2}.site-search{order:3;width:100%;height:36px;margin:0 0 10px}.site-search button{height:34px}.search-shell{padding:42px 7% 65px}.search-shell h1{font-size:38px;letter-spacing:-1.4px}.search-result{padding:16px}}