.web-page{--web-line:rgba(32,35,31,.2)}.web-page h1,.web-page h2,.web-page h3{letter-spacing:-.055em;line-height:1.04}.web-page h1{font-size:clamp(48px,6.5vw,102px);margin:24px 0}.web-page h2{font-size:clamp(38px,5vw,76px);margin:0 0 32px}.web-page h3{font-size:clamp(26px,2.6vw,40px)}.web-page em{font-family:Georgia,serif;font-weight:400}.web-page p{line-height:1.65}.web-page .micro{line-height:1.6}.web-page a.button{display:inline-flex;text-decoration:none;gap:28px;align-items:center}.web-page :is(button,a):focus-visible{outline:3px solid #6c8040;outline-offset:5px}.web-hero{padding-top:140px;padding-bottom:35px}.web-hero-copy{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:7%;margin-bottom:60px}.web-hero-copy>div{padding-bottom:25px}.web-lead{font-size:20px;max-width:670px}.web-hero .web-lead{margin-bottom:26px}.web-text-link{display:flex;gap:30px;width:fit-content;margin-top:24px;text-decoration:none}.web-preview{background:#e6e5dc;border:1px solid #b7bab0;border-radius:15px;overflow:hidden;box-shadow:0 24px 60px #20231f12;transition:background .4s}.web-browser{padding:14px 22px;border-bottom:1px solid #20231f25;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em}.web-browser>span:first-child{letter-spacing:4px;color:#8b9082}.web-preview-body{display:grid;grid-template-columns:.85fr 1.15fr;min-height:390px}.web-preview-type{padding:40px 8%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.web-preview-type strong{font-size:clamp(64px,9vw,140px);font-weight:400;line-height:.85;letter-spacing:-.07em}.web-preview-type strong em{color:#6e785e}.web-preview-line{height:2px;background:currentColor;width:60px}.web-preview-foot{display:flex;justify-content:space-between;padding:18px 24px;border-top:1px solid #20231f25;font-size:9px;letter-spacing:.1em}.web-architecture{position:relative;min-height:390px;overflow:hidden;background:#c5cbb9;isolation:isolate}.web-sun{position:absolute;width:130px;aspect-ratio:1;border-radius:50%;background:#f5f1dc;right:12%;top:9%;animation:web-sun 12s ease-in-out infinite alternate}.web-building{position:absolute;left:14%;right:10%;bottom:0;height:80%;background:#d9d5c5;transform:skewY(-7deg);display:flex;align-items:flex-end;padding:35px 8% 0;gap:9%;box-shadow:-30px 10px 0 #b2b19f}.web-building i{display:block;width:28%;height:84%;border-radius:100px 100px 0 0;background:linear-gradient(90deg,#464e41,#8d9980);box-shadow:inset 10px 0 0 #a5a68e}.web-building i:nth-child(2){height:96%}.web-ground{position:absolute;bottom:-30%;left:-10%;width:130%;height:42%;background:#a7ad96;transform:rotate(-8deg)}.web-architecture>span{position:absolute;bottom:24px;right:24px;font-size:10px;letter-spacing:.16em;z-index:2}.web-preview-controls{display:flex;align-items:center;gap:24px;margin-top:24px;justify-content:space-between}.web-preview-controls p{font-size:12px;color:#65695e;max-width:330px}.web-switch{display:flex;background:#e6e7de;border-radius:50px;padding:5px;gap:4px}.web-switch button{border:0;background:transparent;border-radius:30px;padding:12px 23px;font:inherit;cursor:pointer}.web-switch button[aria-pressed=true]{background:#20231f;color:#f4f3ed}.is-wire{background:#fafaf7}.is-wire .web-architecture,.is-wire .web-building,.is-wire .web-building i,.is-wire .web-sun,.is-wire .web-ground{background:transparent;box-shadow:none;border:1px dashed #7c8173;animation:none}.is-wire .web-preview-type strong{color:#909887}.is-wire .web-preview-type strong em{color:inherit}.web-section-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5%;border-bottom:1px solid var(--web-line)}.web-section-nav a{display:flex;gap:16px;text-decoration:none;padding:24px 5px;font-size:14px}.web-section-nav a span{opacity:.45;font-size:11px}.web-section-head{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:center}.web-section-head>p{font-size:18px;max-width:420px}.web-type-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--web-line);margin:40px 0 0}.web-type-tabs button{font:inherit;text-align:left;padding:24px 14px;border:0;background:transparent;cursor:pointer;display:flex;gap:12px;align-items:center;border-radius:12px 12px 0 0}.web-type-tabs button span{font-size:10px;opacity:.5}.web-type-tabs button[aria-pressed=true]{background:#20231f;color:#d5ff44}.web-solution{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding:48px 0 0;min-height:400px}.web-solution h3{margin:24px 0}.web-solution p{margin:12px 0}.web-goal{margin-top:28px;border-left:2px solid #98b834;padding-left:20px}.web-deliverables>div{border-bottom:1px solid var(--web-line);display:grid;grid-template-columns:20px 1fr 22px;gap:18px;align-items:center;padding:12px 0}.web-deliverables>div>span{font-size:10px}.web-deliverables>.button{margin-top:28px}.web-case{background:#20231f;color:#f4f3ed}.web-case-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px}.web-noor{font-size:32px;letter-spacing:-.06em}.web-case-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}.web-case h2 em{color:#d5ff44}.web-case-grid p{max-width:430px;margin:25px 0 30px}.web-case .button{background:#d5ff44;color:#20231f}.web-case-art{display:block;text-decoration:none;color:#20231f;overflow:hidden;border-radius:160px 160px 4px 4px}.web-case-art .web-architecture{height:470px;transition:filter .4s}.web-case-art:hover .web-architecture{filter:brightness(1.07)}.web-art-link{display:flex;justify-content:space-between;background:#d5ff44;padding:20px 25px;align-items:center}.web-page .web-note{font-size:12px;opacity:.65;max-width:700px;margin-top:35px}.web-foundation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:70px}.web-foundation article{border-top:1px solid var(--web-line);padding-top:20px}.web-number{font-size:12px;opacity:.5;display:block;margin-bottom:30px}.web-foundation h3{font-size:27px;margin-bottom:20px}.web-foundation p{font-size:15px}.web-connect{background:#e8eadf;display:grid;grid-template-columns:1fr 1fr;gap:0 9%;align-items:center}.web-connect h2{margin-top:24px}.web-connect>div>p{max-width:500px}.web-network{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}.web-network-core{grid-column:1/-1;background:#20231f;color:#d5ff44;border-radius:50%;height:160px;width:160px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;letter-spacing:-.06em;margin-bottom:28px;box-shadow:0 0 0 16px #20231f08,0 0 0 32px #20231f04}.web-network-core span{font-size:10px;letter-spacing:.2em;margin-top:8px}.web-network-node{border:1px solid #b6bdab;border-radius:10px;padding:24px 18px;font-size:14px;background:#f4f3ed}.web-connect>.web-note{grid-column:1/-1}.web-stage-list{margin-top:50px}.web-stage-list article{display:grid;grid-template-columns:50px 1fr 1.25fr 1fr;gap:24px;align-items:start;border-top:1px solid var(--web-line);padding:30px 0}.web-stage-list h3{font-size:30px}.web-stage-list p{margin:0;font-size:15px}.web-stage-list .web-stage-output{border-left:2px solid #b6d756;padding-left:20px}.web-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.web-faq summary{font-size:20px;gap:20px}.web-faq details:first-child{border-top:1px solid var(--web-line)}.web-contact em{font-family:Georgia,serif}.web-detail-hero{padding-top:140px}.web-back{display:flex;align-items:center;gap:15px;text-decoration:none;margin-bottom:60px}.web-back svg{transform:rotate(180deg);width:20px}.web-detail-show{padding-top:0}.web-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#20231f;color:#f4f3ed}.web-story h2{font-size:44px;margin-top:20px}.web-story article p{max-width:500px}.web-sitemap{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:50px}.web-sitemap>div{border:1px solid #f4f3ed40;border-radius:8px;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.web-sitemap span{font-size:11px;color:#d5ff44}.web-sitemap strong{font-size:16px;font-weight:400}.web-styleboard{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.web-styleboard h2{font-size:52px;margin-top:24px}.web-type-sample{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}.web-type-sample>span:first-child,.web-type-sample>i{font-size:120px;line-height:1}.web-type-sample>i{font-family:Georgia,serif}.web-type-sample>.micro{grid-column:1/-1}.web-swatches{display:flex;grid-column:1/-1;justify-content:center;margin:20px}.web-swatches b{width:80px;height:80px;border-radius:50%;background:#dedccc;border:1px solid #20231f30;margin-left:-10px}.web-swatches b:nth-child(2){background:#20231f}.web-swatches b:nth-child(3){background:#a7ad96}.web-validation{background:#e8eadf}.web-validation h2{margin-top:24px}.web-validation .button{margin-top:30px}@keyframes web-sun{to{transform:translate(-20px,20px)}}@media(prefers-reduced-motion:reduce){.web-page *{animation:none!important;transition:none!important}}
@media(max-width:1000px){.web-hero-copy{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.web-hero-copy>div{max-width:650px}.web-page h1{font-size:clamp(46px,8vw,78px)}.web-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.web-stage-list article{grid-template-columns:35px 1fr 1.5fr}.web-stage-output{grid-column:3}.web-connect{gap:40px}.web-case-grid{gap:5%}.web-type-tabs button{padding:20px 10px;font-size:14px}.web-solution{gap:6%}.web-page h2{font-size:clamp(36px,5.5vw,60px)}}
@media(max-width:700px){.web-page *{min-width:0}.web-page .section{padding:65px 6%}.web-page .web-hero,.web-page .web-detail-hero{padding-top:115px}.web-page h1{font-size:clamp(39px,10.5vw,64px);line-height:1.07}.web-page h2{font-size:clamp(34px,9vw,52px);line-height:1.08}.web-page h3{line-height:1.15}.web-page h1,.web-page h2,.web-page h3{overflow-wrap:anywhere;hyphens:auto}.web-lead{font-size:17px}.web-hero-copy{gap:5px}.web-preview-body{grid-template-columns:1fr;min-height:0}.web-preview-type{padding:25px;gap:25px}.web-preview-type strong{font-size:70px}.web-preview-type strong br{display:none}.web-preview-type strong em{margin-left:12px}.web-preview-line{display:none}.web-architecture{min-height:260px}.web-sun{width:85px}.web-preview-foot{font-size:7px;gap:20px;padding:15px}.web-browser{font-size:8px;padding:12px;gap:8px}.web-preview-controls{align-items:start;flex-direction:column;gap:12px}.web-preview-controls p{margin:0}.web-switch button{padding:10px 20px;font-size:14px}.web-section-nav{grid-template-columns:1fr 1fr;padding:0 6%}.web-section-nav a{padding:16px 0;font-size:13px;gap:10px}.web-section-head,.web-solution,.web-case-grid,.web-connect,.web-faq,.web-story,.web-styleboard{grid-template-columns:1fr;gap:30px}.web-section-head>p{margin-top:0}.web-type-tabs{grid-template-columns:1fr 1fr;gap:8px;border:0;margin-top:15px}.web-type-tabs button{border:1px solid var(--web-line);border-radius:8px;min-height:65px;font-size:13px}.web-solution{padding-top:35px;min-height:0}.web-solution h3{font-size:30px}.web-case-heading{align-items:start;margin-bottom:35px}.web-case-heading .micro{max-width:190px;font-size:9px}.web-noor{font-size:24px}.web-case-art .web-architecture{height:330px}.web-case-art{border-radius:100px 100px 4px 4px}.web-foundation-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.web-foundation .web-number{margin-bottom:20px}.web-foundation h3{font-size:28px;margin-bottom:12px}.web-foundation p{margin:0}.web-network{margin-top:20px;gap:10px}.web-network-node{padding:20px 12px;font-size:12px}.web-stage-list article{grid-template-columns:25px 1fr;gap:15px}.web-stage-list article>p{grid-column:2}.web-stage-list h3{font-size:28px}.web-stage-list .web-number{margin-top:6px}.web-faq summary{font-size:18px;line-height:1.4}.web-back{margin-bottom:35px;font-size:14px}.web-page .web-detail-show{padding-top:0}.web-sitemap{grid-template-columns:1fr;margin-top:0;gap:8px}.web-sitemap>div{flex-direction:row;gap:20px;padding:20px}.web-type-sample>span:first-child,.web-type-sample>i{font-size:100px}.web-page .button{font-size:14px;max-width:100%;padding:17px 22px}.web-art-link{font-size:14px}}
/* Shared spacing rhythm: the header already occupies its own document row. */
.web-page{--section-space:clamp(56px,6vw,88px)}
.web-page>.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.web-page>.web-hero,.web-page>.web-detail-hero{padding-top:32px}
.web-page>.web-hero{padding-bottom:28px}
.web-page>.web-detail-show{padding-top:0}
.web-hero-copy{margin-bottom:36px}
.web-hero-copy>div{padding-bottom:12px}
.web-section-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.web-section-nav a{align-items:center;line-height:1.4}
.web-solution{min-height:0;padding-top:36px}
.web-foundation-grid{margin-top:40px}
.web-stage-list{margin-top:36px}
.web-stack{background:#20231f;color:#f4f3ed}
.web-stack .web-section-head h2{margin-top:22px}
.web-stack h2 em{color:#d5ff44}
.web-stack .web-section-head>p{color:#c3c7ba}
.web-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.web-stack-grid article{padding:28px;border:1px solid #555b4d;border-radius:16px;display:flex;flex-direction:column;transition:border-color .25s,background .25s}
.web-stack-grid article:hover{border-color:#d5ff44;background:#292e25}
.web-stack-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.web-stack-card-top .micro{color:#bdc3b2;font-size:9px}
.web-stack-symbol{font-size:26px;color:#d5ff44;letter-spacing:-.08em}
.web-stack-grid h3{font-size:clamp(26px,3vw,40px);margin-bottom:18px}
.web-stack-grid p{font-size:15px;color:#c3c7ba;margin-bottom:24px;max-width:540px}
.web-tech-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.web-stack-grid .web-tech-tags{margin-top:auto}
.web-tech-tags li{border:1px solid #646d55;border-radius:30px;padding:8px 13px;font-size:12px;line-height:1.4;white-space:nowrap}
.web-stack-ops{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px 0;border-bottom:1px solid #555b4d;align-items:center}
.web-stack-ops h3{font-size:24px;margin-bottom:12px}
.web-stack-ops p{font-size:14px;color:#c3c7ba;max-width:480px}
.web-stack-ops .web-tech-tags li{color:#d5ff44}
.web-stack-more{border-bottom:1px solid #555b4d;padding:24px 0}
.web-stack-more summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;font-size:18px;line-height:1.4}
.web-stack-more summary::-webkit-details-marker{display:none}
.web-stack-more summary span{color:#d5ff44;font-size:26px}
.web-stack-more[open] summary span{transform:rotate(45deg)}
.web-stack-more p{max-width:850px;margin-top:20px;color:#c3c7ba;font-size:15px}
.web-stack .web-note{opacity:1;color:#adb5a2;max-width:800px;margin-top:24px}
@media(max-width:700px){
 .web-page{--section-space:52px}
 .web-page>.web-hero,.web-page>.web-detail-hero{padding-top:24px}
 .web-hero-copy{margin-bottom:24px}
 .web-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .web-section-nav a:last-child{grid-column:1/-1}
 .web-stack-grid,.web-stack-ops{grid-template-columns:1fr;gap:16px}
 .web-stack-grid{margin-top:12px}
 .web-stack-grid article{padding:22px}
 .web-stack-grid h3{font-size:28px}
 .web-stack-card-top{margin-bottom:18px}
 .web-tech-tags li{font-size:11px;padding:7px 11px}
 .web-stack-ops{padding:28px 0;gap:22px}
 .web-stack-more summary{font-size:16px}
}
/* Solution selector and informative, non-clickable scope cards. */
.web-type-tabs{border:0;gap:10px;margin-top:24px}
.web-type-tabs button{border:1px solid #cbd0c0;border-radius:999px;padding:18px 22px;justify-content:center;transition:background .25s,color .25s,border-color .25s}
.web-type-tabs button[aria-pressed=true]{background:#20231f;border-color:#20231f;color:#d5ff44}
.web-solution{gap:7%;align-items:start;padding-top:34px}
.web-solution-text{padding-top:20px}
.web-goal{border:0;border-radius:22px;background:#e7eadd;padding:22px 24px;margin-top:28px}
.web-goal p{margin-bottom:0}
.web-deliverables>.micro{display:block;margin:0 0 16px 4px}
.web-deliverable-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;background:#e9ece1;border:1px solid #dce0d3;border-radius:24px;padding:24px;margin-top:12px;cursor:default}
.web-deliverable-card::before{content:'';position:absolute;inset:0;z-index:-1;background:#d5ff44;transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.web-deliverable-number{display:grid;place-items:center;align-self:start;width:36px;height:36px;border:1px solid #b9c1aa;border-radius:50%;font-size:11px;line-height:1}
.web-deliverable-card h4{font-size:19px;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:5px 0 10px}
.web-deliverable-card p{font-size:14px;line-height:1.6;color:#51584a;margin:0}
.web-deliverables>.button{margin-top:24px}
@media(hover:hover){.web-deliverable-card:hover::before{transform:scaleX(1)}.web-type-tabs button:not([aria-pressed=true]):hover{background:#e2edc5;border-color:#a5b782}}
@media(max-width:1000px){.web-type-tabs button{padding:16px 12px}.web-solution{gap:5%}}
@media(max-width:700px){.web-type-tabs{gap:8px}.web-type-tabs button{border-radius:24px;min-height:60px;padding:14px 12px;font-size:13px}.web-solution{gap:28px;padding-top:24px}.web-solution-text{padding-top:0}.web-deliverable-card{padding:20px;gap:12px;grid-template-columns:30px minmax(0,1fr);border-radius:22px}.web-deliverable-number{width:30px;height:30px;font-size:10px}.web-deliverable-card h4{font-size:18px;margin-top:3px;overflow-wrap:anywhere}.web-deliverable-card p{font-size:13px}.web-goal{padding:20px}.web-deliverables>.button{margin-top:20px}}