/* D3 Simulation Atelier, with D1 panel illustrations and a borderless header. */
:root{--navy:#071126;--ink:#f0f3ff;--muted:#b8c5df;--quiet:#8e9fbd;--line:rgba(149,188,241,.2);--radius:6px}
body{background:#071126}.site-header{background:#070f23ed;border:0}.nav{gap:24px}.brand-mark{width:34px;height:34px}.lang{border:0;background:none;border-radius:0;padding:0;font-family:var(--mono)}.lang button{padding:9px 7px;border:0;border-radius:0;color:#98a9c6;font-size:11px}.lang button+button{border-left:1px solid #a5bad52b}.lang button[aria-pressed=true]{background:none;color:var(--cyan)}
.hero,.section{background:#071126;--surface:#071126;--next-surface:#edf2fd}.hero::before,.section::before{opacity:1;background:linear-gradient(100deg,#071126f5 4%,#071126db 47%,#09162bc9),url("./atmosphere/dark-v2.webp") center/cover}
.hero::after,.section::after{inset:auto 0 -1px;height:161px;clip-path:none;background:url("./atmosphere/hero-v2.webp") center bottom/100% 600px no-repeat;opacity:1;mix-blend-mode:normal}
.light-section{color-scheme:light;background:#edf2fd;--ink:#172442;--muted:#4c5b77;--quiet:#677892;--line:rgba(46,70,121,.18)}.light-section::before{background:linear-gradient(100deg,#edf2fdfc,#edf2fdf5 65%,#e8eefacc),url("./atmosphere/pearl-v2.webp") center/cover}.light-section::after{background-image:url("./atmosphere/pearl-v2.webp")}#portfolio::after{background:linear-gradient(transparent,#060d1e)}
.hero-inner{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:38px;min-height:716px;padding:28px 0 164px}.hero-copy{gap:23px;max-width:570px}.hero-brandline{padding:0;border:0;border-radius:0;background:none;font:400 10px/1.6 var(--mono);letter-spacing:.09em;color:#b2cbe8}.hero h1{font-size:clamp(43px,4.1vw,58px);font-weight:600;line-height:1.06;letter-spacing:-.044em}.hero p{font-size:19px;max-width:490px;line-height:1.6}.title-accent{color:#8cecff}.light-section .title-accent{color:#6849c5;-webkit-text-fill-color:#6849c5}.actions{gap:22px}.btn{border-radius:5px;transition:background .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:none}.btn.primary{background:linear-gradient(110deg,#6545d6,#4f3ab5);border-color:#9475f05e;box-shadow:0 5px 25px #4323b72b}.btn.primary:hover{background:linear-gradient(110deg,#7957e4,#6047cc);box-shadow:0 6px 28px #6748d73d}.hero .actions .btn:not(.primary){padding-inline:0;border:0;border-radius:0;border-bottom:1px solid #8295b45e;background:transparent}.hero .actions .btn:not(.primary)::after{content:"↗";font-size:17px}.hero .hero-proof{color:#a6b7d2;font-size:12px}.hero-proof a{display:inline-flex;align-items:center;gap:9px;min-height:38px;text-decoration:none}.hero-proof a::before{content:"◇";color:#7edbff;font-size:18px}
.section{padding:88px 0 180px}.section-head{max-width:820px;margin-bottom:32px;gap:11px}.section-head h2{font-size:32px;line-height:1.13;font-weight:500}.section-head p{font-size:18px;line-height:1.6}.eyebrow,.section-head .eyebrow{font:400 10px/1.5 var(--mono);letter-spacing:.13em;color:#91c9ed}.light-section .eyebrow{color:#52679a}
.artifact-stage-shell::before,.artifact-stage-shell::after{display:none}.artifact-viewport{position:relative;width:100%;height:100%;overflow:hidden}.artifact-caption{min-height:45px;gap:10px;padding:7px 4px;background:none;border-radius:4px;box-shadow:none}.caption-index{font-size:10px;color:#8ad9fa}.caption-rule{width:24px;height:1px;align-self:center;background:#699cbd70;transform:scaleX(1);transform-origin:left}.caption-copy h3{font:500 11px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase}.caption-copy p{margin-top:2px;font:400 10px/1.6 var(--mono);color:var(--quiet)}.artifact-caption.is-lit{background:#498ac412;border-color:#77d6fb35;box-shadow:none}.is-lit .caption-copy h3,.is-lit .caption-copy p{color:var(--cyan)}.is-lit .caption-rule{transform:scaleX(1.2);background:var(--cyan)}.light-section .artifact-caption{background:none}.light-section .artifact-caption.is-lit{background:#e4edff}.hero-artifact{padding:0}.hero-artifact .artifact-stage-shell{height:510px}.hero-artifact .artifact-viewport{width:calc(100% - 63px);margin-left:63px}.hero-artifact .caption-pair{grid-template-columns:1fr 1fr;gap:10px;margin-left:60px}.caption-pair .caption-rule{width:16px}.caption-pair .artifact-caption .caption-copy h3{font-size:11px}.caption-pair .artifact-caption .caption-copy p{font-size:9px}.hero-system-inputs{position:absolute;left:0;top:32%;height:34%;display:flex;flex-direction:column;justify-content:space-between;z-index:2;pointer-events:none;font:9px var(--mono);letter-spacing:.08em;color:#9eb5d5}.hero-system-inputs span{width:max-content;padding:5px 7px;border:1px solid #7db8ec35;background:#0c1a30a3}.hero-system-lines{position:absolute;left:28px;top:0;width:110px;height:100%;fill:none;stroke:#75b8ed70;stroke-width:.6;pointer-events:none}.hero-system-output{position:absolute;right:8px;top:39%;color:#96cde5;font:8px var(--mono);writing-mode:vertical-rl;letter-spacing:.12em;pointer-events:none}
.card,.contact-card,details{backdrop-filter:none;box-shadow:none;transition:border-color .2s,background .2s}.card:hover,.contact-card:hover,details:hover,.light-section .card:hover,.light-section details:hover,.light-section .contact-card:hover{box-shadow:none}.card h3{font-size:18px}.card p{font-size:16px}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;row-gap:0;max-width:1040px}.problem-card,.light-section .problem-card{grid-template-columns:36px 1fr;column-gap:17px;padding:24px 0;border:0;border-top:1px solid var(--line);background:none;border-radius:0}.problem-card h3{font-size:18px;margin-bottom:6px}.problem-card p{font-size:16px}.problem-glyph{grid-row:1/3;width:30px;height:30px;padding-top:2px;border:0;background:none;color:#596cc0;border-radius:0}.problem-glyph svg{width:27px;height:27px;stroke-width:1.25}
.services-layout{grid-template-columns:minmax(0,1fr) 290px;gap:48px}.service-controls{gap:5px;margin-bottom:20px}.service-controls button{min-height:44px;padding:10px 15px;border-radius:4px;background:#ffffff03;color:#c7d1e7;font-size:13px}.service-controls button[aria-selected=true]{border-color:#7dcbf77d;background:#213b6280;color:#b4efff;box-shadow:none}.service-panel{gap:11px}.service-card{border:1px solid #789bdc3b;border-radius:6px;background:linear-gradient(120deg,#0c1c39d9,#111e3ac4)}.service-card summary{grid-template-columns:26px minmax(0,1fr) 62px 20px;gap:14px;min-height:84px;padding:11px 20px}.service-card summary h3{font-size:17px;line-height:1.4}.service-card[open] summary{border-bottom:1px solid #789bdc26;min-height:67px}.service-card[open] summary::after{transform:none}.service-card[open] .service-icon{visibility:hidden}.service-icon{width:62px;height:56px;color:#a2d4ff}.service-icon svg,.service-illustration svg{stroke-width:1.3}.service-body{grid-template-columns:minmax(0,1fr) 190px;gap:10px 22px;padding:24px 24px 25px}.service-body p{font-size:17px;line-height:1.65;color:#bac8e2}.service-illustration{grid-column:2;grid-row:1/4;aspect-ratio:190/170;color:#a9d5ff;opacity:1;filter:drop-shadow(0 4px 15px #427feb1f)}.diagram-structure{fill:#376aaf0c}.diagram-grid{stroke:#7db2e729;stroke-width:.7}.diagram-callout{stroke:#7296c570;stroke-width:.8}.diagram-node{fill:#92e7ff;stroke:none}.tag{border-radius:3px;padding:3px 6px;font-size:10px;line-height:1.5}.service-body .btn{min-height:40px;max-width:100%;padding:7px 12px;margin-top:3px;font-size:12px}.service-artifact{padding-top:43px;top:100px}.service-artifact .artifact-stage-shell{height:280px}.service-artifact .caption-copy p{font-size:10px}.service-artifact .caption-copy h3{font-size:11px}
.entry-layout,.method-layout,.faq-layout{grid-template-columns:minmax(0,1fr) 260px;gap:48px}.offer-grid{gap:22px}.offer-card,.light-section .offer-card{min-height:240px;padding:23px;border:1px solid #596fb431;background:#ffffff4a;border-radius:6px}.offer-card .number{display:block;margin-bottom:16px;color:#5b63a4}.offer-card p{font-size:16px}.offer-card .btn{margin-top:20px;min-height:42px;font-size:12px;background:none;color:#4d45a4;border-color:#6e67b743;box-shadow:none}.entry-artifact .artifact-stage-shell{height:240px}.method-grid{gap:20px}.method-card{min-height:0;padding:17px 0 0;border:0;border-top:1px solid #89b4e566;background:none;border-radius:0}.method-card::after{display:none}.method-card::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:#91e2ff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.method-card h3{font-size:16px}.method-card p{font-size:14px}.method-artifact .artifact-stage-shell{height:270px}.stack-layout{grid-template-columns:minmax(0,1fr) minmax(380px,.98fr);gap:56px}.stack-groups{gap:0 30px}.stack-group,.light-section .stack-group{min-height:0;border:0;border-top:1px solid var(--line);padding:18px 0;background:none;border-radius:0}.stack-group h3{font-size:10px;color:#525b9e}.stack-group li{font-size:15px;line-height:1.65}.stack-artifact .artifact-stage-shell{height:460px}.faq-list{gap:0}.faq-list details{border:0;border-top:1px solid var(--line);background:none;border-radius:0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{min-height:68px;padding:17px 0;font-size:17px}.faq-list details[open] summary{border:0}.faq-list details p{padding:0 30px 22px 0;font-size:16px}.faq-artifact .artifact-stage-shell{height:230px}
.contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}.contact-card,.light-section .contact-card{padding:0;border:0;background:none;border-radius:0}.contact-support-card{padding-top:15px}.contact-links{gap:13px;margin:0;font-size:16px}.contact-links a{overflow-wrap:anywhere}.trust-list{gap:12px;margin-top:28px;font-size:15px}.contact-artifact{grid-template-columns:180px 1fr;gap:8px;margin-top:22px}.contact-artifact .artifact-stage-shell{height:180px}.contact-form-card,.light-section .contact-form-card{padding:28px;border:1px solid #5264a030;border-radius:7px;background:#ffffff6b}.contact-grid form{gap:17px}.form-row{gap:15px}.contact-grid label{font-size:13px;gap:7px}.contact-grid input,.contact-grid select,.contact-grid textarea{min-height:46px;padding:11px 12px;border-radius:4px;font-size:15px}.contact-grid textarea{min-height:126px}
.portfolio-preview{padding:20px;background:#10203c85;border-color:var(--line)}.portfolio-preview h3{font-size:17px}.portfolio-preview p{font-size:14px}.portfolio-disclosure{margin-top:24px}.footer{background:#060d1e}
@media(max-width:1100px){.hero-inner{gap:20px}.hero-artifact .artifact-stage-shell{height:450px}.services-layout{grid-template-columns:minmax(0,1fr) 230px;gap:30px}.service-body{grid-template-columns:minmax(0,1fr) 140px;padding:20px;gap:14px}.service-controls button{padding-inline:11px;font-size:12px}.entry-layout,.method-layout,.faq-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.stack-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:30px}.stack-artifact .artifact-stage-shell{height:380px}.contact-grid{gap:28px}.contact-artifact{grid-template-columns:140px 1fr}.contact-artifact .artifact-stage-shell{height:150px}}
@media(max-width:980px){.hero h1{font-size:47px}.hero-inner{min-height:660px}.hero p{font-size:18px}.hero-artifact .artifact-stage-shell{height:400px}.hero-artifact .caption-pair{margin-left:20px;gap:4px}.caption-pair .caption-rule{display:none}.hero-artifact .artifact-viewport{width:calc(100% - 40px);margin-left:40px}.hero-system-inputs{font-size:7px}.hero-system-inputs span{padding:4px}.hero-system-lines{left:17px;width:70px}.hero-system-output{font-size:7px}.problem-grid{column-gap:40px}.service-body{grid-template-columns:minmax(0,1fr) 125px}.service-card summary{gap:10px;padding-inline:14px}.service-card summary h3{font-size:16px}.section{padding-top:78px}.stack-group li{font-size:14px}}
@media(max-width:720px){.nav{gap:8px}.hero-inner{grid-template-columns:1fr;gap:12px;min-height:0;padding:33px 0 103px}.hero-copy{gap:17px;max-width:540px}.hero h1{font-size:clamp(38px,9.7vw,50px);line-height:1.07}.hero p{font-size:17px;line-height:1.55}.hero-brandline{font-size:8px;letter-spacing:.055em}.actions{gap:17px}.btn{font-size:13px;min-height:44px;padding:10px 13px}.hero .hero-proof{font-size:11px}.hero-artifact .artifact-stage-shell{height:clamp(280px,80vw,400px)}.hero-artifact .artifact-viewport{width:calc(100% - 28px);margin-left:28px}.hero-system-inputs{font-size:6px;top:32%;height:33%}.hero-system-lines{left:12px;width:55px}.hero-system-output{font-size:6px;right:0}.hero-artifact .caption-pair{margin:0;grid-template-columns:1fr 1fr!important;gap:12px!important}.caption-pair .caption-copy h3{font-size:10px!important}.caption-pair .caption-copy p{font-size:9px!important}.caption-pair .artifact-caption{gap:7px;min-height:44px}.hero::after,.section::after{height:97px}.section{padding:62px 0 115px}.section-head{margin-bottom:26px;gap:10px}.section-head h2{font-size:29px;line-height:1.16}.section-head p{font-size:16px}.eyebrow,.section-head .eyebrow{font-size:9px}.problem-grid{grid-template-columns:1fr;gap:0}.problem-card,.light-section .problem-card{padding:19px 0;column-gap:14px}.problem-card h3{font-size:17px}.problem-card p{font-size:15px}.services-layout,.entry-layout,.method-layout,.stack-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.service-controls{gap:4px}.service-controls button{flex:1;padding:8px 7px;min-height:46px;font-size:11px}.service-card summary{grid-template-columns:22px minmax(0,1fr) 47px 16px;min-height:76px;gap:9px;padding:10px 13px}.service-card summary h3{font-size:15px}.service-icon{width:47px;height:45px}.service-body{grid-template-columns:minmax(0,1fr) 100px;gap:10px;padding:18px 15px}.service-body p{font-size:15px;line-height:1.6}.service-body .tags{grid-column:1/-1}.service-body .btn{font-size:12px}.tag{font-size:9px}.service-illustration{grid-row:1/2;align-self:start;margin-top:9px}.service-artifact,.entry-artifact,.method-artifact,.faq-artifact{position:relative;top:auto;order:2;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.9fr);align-items:center;gap:5px}.service-artifact .artifact-stage-shell,.entry-artifact .artifact-stage-shell,.method-artifact .artifact-stage-shell,.faq-artifact .artifact-stage-shell{height:190px}.offer-grid{grid-template-columns:1fr;gap:13px}.offer-card,.light-section .offer-card{min-height:0;padding:20px}.offer-card .number{margin-bottom:10px}.offer-card p{font-size:15px}.offer-card .btn{width:max-content;margin-top:17px}.method-grid{grid-template-columns:1fr;gap:0}.method-card{border:0;border-left:1px solid #89b4e566;padding:0 0 25px 29px;margin-left:5px}.method-card::before{top:5px;left:-4px}.method-card .number{margin-bottom:7px}.method-card h3{font-size:17px}.method-card p{font-size:15px}.stack-groups{gap:0 20px}.stack-group,.light-section .stack-group{padding:15px 0}.stack-group li{font-size:14px}.stack-artifact{display:flex}.stack-artifact .artifact-stage-shell{height:340px}.faq-list summary{font-size:16px;min-height:64px}.faq-list details p{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:20px}.contact-form-card,.light-section .contact-form-card{order:-1;padding:20px}.contact-grid label{font-size:12px}.contact-grid input,.contact-grid select,.contact-grid textarea{font-size:15px}.contact-links{font-size:15px}.trust-list{font-size:14px}.contact-artifact{grid-template-columns:150px 1fr}.contact-artifact .artifact-stage-shell{height:160px}.portfolio-preview{grid-template-columns:104px minmax(0,1fr);padding:16px;gap:6px 13px}.portfolio-media{width:104px;height:95px}.portfolio-preview h3{font-size:15px}.portfolio-preview p{font-size:13px}.portfolio-preview .preview-link{font-size:11px}}
@media(max-width:390px){.hero-copy{gap:15px}.hero h1{font-size:38px}.hero .actions{gap:15px}.hero p{font-size:16px}.hero-artifact .artifact-stage-shell{height:290px}.caption-pair .caption-copy p{font-size:8px!important}.service-body{grid-template-columns:minmax(0,1fr) 84px;padding:15px 13px}.service-card summary{gap:7px}.service-card summary h3{font-size:14px}.portfolio-preview{grid-template-columns:84px minmax(0,1fr);padding:13px;gap:5px 10px}.portfolio-media{width:84px;height:80px}.portfolio-preview h3{font-size:14px}.portfolio-preview p{font-size:12px}}
.light-section .card,.light-section .contact-card,.light-section details{box-shadow:none}
.service-controls button[aria-selected=true]{background:linear-gradient(110deg,#6148dc,#3c3ca5);border-color:#9b8dfb70;color:#f4f1ff}
.service-card[open]{border-color:#7067dc9c;background:linear-gradient(120deg,#191c4680,#0e1d3be6)}
.service-heading p{margin:4px 0 0;color:#98aace;font-size:12px;line-height:1.5}
.service-highlights{grid-column:1;display:flex;flex-wrap:wrap;gap:7px 17px;padding:0;margin:5px 0;list-style:none;color:#c0d3ef;font-size:11px}
.service-highlights li::before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;border:1px solid #8a9dec8c;border-radius:50%;color:#d3ceff;font-size:10px}
@media(max-width:720px){.service-heading p{font-size:11px}.service-highlights{grid-column:1/-1;font-size:10px}.service-highlights li::before{width:14px;height:14px}}
.hero-system-inputs{top:29%;height:38%;font:10px var(--sans);letter-spacing:0;gap:12px}
.hero-system-inputs>span{display:flex;align-items:center;gap:7px;padding:6px 9px;background:#0a1732b8;border-color:#527cb96b;border-radius:5px}
.hero-system-inputs>span>span{padding:0;border:0;background:none}
.hero-system-inputs svg,.hero-system-output svg{width:17px;height:17px;fill:none;stroke:#c3e2ff;stroke-width:1.2;stroke-linejoin:round}
.hero-system-lines{inset:0;width:100%;height:100%;z-index:2;stroke:#76baff;stroke-width:1;filter:drop-shadow(0 0 3px #427bdb99);opacity:.8}
.hero-system-lines circle{stroke:none;fill:#bceaff}.hero-system-lines .is-lit{stroke:#b0f2ff;filter:drop-shadow(0 0 4px #79d8ff)}
.hero-system-output{display:flex;align-items:center;gap:7px;max-width:110px;right:-8px;top:38%;padding:8px;writing-mode:horizontal-tb;letter-spacing:0;line-height:1.5;font:9px/1.5 var(--sans);background:#101936b8;border:1px solid #6278ba7a;border-radius:5px}
.hero-system-output{right:0}
@media(min-width:1280px){.hero-artifact{width:calc(100% + 80px)}}
@media(min-width:981px) and (max-width:1279px){.hero-artifact{width:calc(100% + 20px)}}
@media(min-width:721px){.hero-artifact .caption-pair{position:absolute;inset:0;display:block;margin:0;pointer-events:none}.hero-artifact .artifact-caption{position:absolute;max-width:175px;background:#07112699;pointer-events:auto}.hero-artifact [data-artifact-caption="01"]{top:10px;left:60px}.hero-artifact [data-artifact-caption="07"]{top:115px;right:0}.caption-pair .caption-rule{display:none}.hero-artifact .artifact-stage-shell{height:540px}.hero-artifact .artifact-viewport{width:calc(100% - 50px);margin-left:50px}}
@media(max-width:980px) and (min-width:721px){.hero-artifact .artifact-stage-shell{height:440px}.hero-artifact [data-artifact-caption="01"]{left:30px;top:5px}.hero-artifact [data-artifact-caption="07"]{top:100px;max-width:135px}.hero-system-inputs{font-size:8px}.hero-system-inputs>span{gap:4px;padding:5px}.hero-system-inputs svg{width:13px;height:13px}.hero-system-output{right:-7px;max-width:88px;font-size:8px;padding:6px}}
@media(max-width:720px){.hero-system-inputs{top:32%;height:33%;font-size:7px;gap:8px}.hero-system-inputs>span{gap:4px;padding:4px 5px}.hero-system-inputs svg{width:11px;height:11px}.hero-system-output{right:0;top:34%;max-width:71px;font-size:7px;padding:5px;gap:4px}.hero-system-output svg{width:12px;height:12px;flex-shrink:0}.hero-system-lines{stroke-width:.7;opacity:.65}}