@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500&family=Inter:wght@400;500;600&display=swap";:root{--parchment: #f5f4ed;--ivory: #faf9f5;--sand: #e8e6dc;--ink: #141413;--charcoal: #4d4c48;--olive: #5e5d59;--stone: #87867f;--silver: #b0aea5;--border: #e8e5da;--border-2: #e0ddd2;--brand: #1b365d;--brand-deep: #11233f;--brand-pale: #e8eef6;--brand-border: #cfdce9;--serif: "Newsreader", "Source Serif 4", Charter, Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--parchment);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}:root{--deep: #ece9dd;--warm: #efece0}a{color:inherit;text-decoration:none}#root{min-height:100%}.shell{position:relative;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(120% 90% at 22% 18%,#faf8f0 0%,var(--parchment) 42%,var(--deep) 100%)}.ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(130% 120% at 50% 42%,transparent 55%,rgba(60,54,40,.05) 100%)}.ambient .blob{position:absolute;border-radius:50%;filter:blur(80px)}.ambient .b1{width:50vw;height:50vw;right:-4vw;top:2vh;background:radial-gradient(circle,rgba(27,54,93,.13),transparent 68%);animation:drift1 26s var(--ease) infinite alternate}.ambient .b2{width:38vw;height:38vw;right:14vw;bottom:-10vh;background:radial-gradient(circle,rgba(27,54,93,.09),transparent 68%);animation:drift2 32s var(--ease) infinite alternate}.ambient .b3{width:40vw;height:40vw;left:-10vw;top:24vh;background:radial-gradient(circle,rgba(150,120,70,.08),transparent 70%);animation:drift1 38s var(--ease) infinite alternate-reverse}.ambient .grain{position:absolute;inset:0;opacity:.85;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}@keyframes drift1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-4vw,4vh,0) scale(1.08)}}@keyframes drift2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3vw,-3vh,0) scale(1.12)}}.header{position:relative;z-index:10;height:76px;display:flex;align-items:center}.header .wrap{width:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:30px;height:30px;border-radius:6px;mix-blend-mode:multiply;display:block}.wordmark{font-family:var(--serif);font-weight:500;font-size:21px;letter-spacing:.02em;color:var(--ink)}.nav{display:flex;align-items:center;gap:28px}.nav a.link{font-size:14px;color:var(--olive);transition:color .2s var(--ease)}.nav a.link:hover{color:var(--ink)}.btn{font-family:var(--sans);font-size:14px;font-weight:500;padding:9px 18px;border-radius:8px;border:1px solid var(--border-2);background:var(--ivory);color:var(--charcoal);cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.btn:hover{border-color:var(--stone);color:var(--ink)}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--ivory)}.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--ivory)}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}.stage{flex:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(24px,4vw,72px);padding:clamp(24px,4vh,56px) 0 clamp(16px,3vh,40px)}.eyebrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);display:inline-flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--brand);display:inline-block}.hero-title{font-family:var(--serif);font-weight:500;font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-.015em;color:var(--ink);margin-top:26px}.hero-title .em{color:var(--brand)}.hero-sub{font-family:var(--sans);font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--olive);max-width:30em;margin-top:26px}.principle{display:flex;align-items:center;gap:16px;margin-top:38px;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.02em;color:var(--charcoal)}.principle .sep{color:var(--silver)}.hero-cta{display:flex;align-items:center;gap:14px;margin-top:44px}.hero-cta .quiet{font-size:13.5px;color:var(--stone)}.diagram{position:relative;width:100%;aspect-ratio:1.18 / 1;max-height:68vh}.diagram svg{width:100%;height:100%;overflow:hidden}.d-label{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;fill:var(--stone)}.d-node-label{font-family:var(--sans);font-size:12.5px;fill:var(--charcoal)}.d-source-label{font-size:11.5px}.brand-glyph{fill:var(--charcoal);opacity:.82}.s3-rim{fill:var(--ivory)}.d-concept-label{font-family:var(--serif);font-size:15px;font-weight:500;fill:var(--brand)}.d-center-cap{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;fill:var(--brand)}.wire{fill:none;stroke:var(--border-2);stroke-width:1.2}.wire-lit{fill:none;stroke:var(--brand);stroke-width:1.4;stroke-dasharray:4 9;opacity:.55;animation:flow 2.4s linear infinite}@keyframes flow{to{stroke-dashoffset:-26}}.pulse{fill:var(--brand)}.node-rect{fill:var(--ivory);stroke:var(--border-2);stroke-width:1}.node-dot{fill:var(--stone)}.center-panel{fill:var(--ivory);stroke:var(--brand);stroke-width:1}.center-halo{fill:var(--brand);opacity:.08;animation:breathe 5.5s var(--ease) infinite;transform-box:fill-box;transform-origin:center}@keyframes breathe{0%,to{opacity:.07;transform:scale(1)}50%{opacity:.13;transform:scale(1.07)}}.concept-chip{fill:var(--brand-pale);stroke:var(--brand-border);stroke-width:.75}.ont-edge{stroke:var(--brand);stroke-width:1;opacity:.3}.ont-node{fill:var(--ivory);stroke:var(--border-2);stroke-width:1}.ont-node-accent{fill:var(--brand-pale);stroke:var(--brand-border)}.ont-label{font-family:var(--sans);font-size:10.5px;font-weight:500;fill:var(--charcoal)}.ont-label-accent{font-family:var(--serif);font-size:11.5px;font-weight:500;fill:var(--brand)}.footer{position:relative;z-index:10;border-top:1px solid var(--border);padding:22px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer .muted{font-size:13px;color:var(--stone)}.footer .foot-word{font-family:var(--serif);font-weight:500;font-size:14px;color:var(--olive);letter-spacing:.04em}.dataspec-shell{min-height:100svh}.dataspec-main{flex:1}.dataspec-hero{padding-top:clamp(72px,11vw,148px);padding-bottom:clamp(86px,12vw,156px);text-align:center}.dataspec-kicker,.section-label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}.dataspec-hero h1{max-width:920px;margin:22px auto 0;font-family:var(--serif);font-size:clamp(48px,7vw,88px);font-weight:500;line-height:1.02;letter-spacing:-.025em}.dataspec-lede{max-width:700px;margin:28px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.62;color:var(--olive)}.dataspec-pipeline{display:inline-flex;align-items:center;gap:clamp(12px,2vw,24px);margin-top:48px;padding:13px 18px;border:1px solid var(--border-2);border-radius:999px;background:#faf9f5b8;font-size:13px;color:var(--olive)}.dataspec-pipeline strong{color:var(--brand);font-weight:600}.pipeline-arrow{color:var(--silver)}.dataspec-section{padding-top:clamp(72px,9vw,118px);padding-bottom:clamp(72px,9vw,118px)}.section-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:clamp(32px,8vw,120px);align-items:end}.section-intro .section-label{grid-column:1 / -1;margin-bottom:20px}.dataspec-section h2{font-family:var(--serif);font-size:clamp(34px,4.8vw,56px);font-weight:500;line-height:1.08;letter-spacing:-.02em}.section-intro p,.example-copy>p{max-width:600px;font-size:16px;line-height:1.75;color:var(--olive)}.concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(52px,7vw,90px);border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}.concept-card{min-height:280px;padding:28px clamp(20px,2.4vw,34px) 32px;border-left:1px solid var(--border-2)}.concept-card:first-child{border-left:0}.concept-number{font-size:11px;letter-spacing:.12em;color:var(--stone)}.concept-card h3,.principle-list h3{margin-top:54px;font-family:var(--serif);font-size:24px;font-weight:500}.concept-card p,.principle-list p{margin-top:16px;font-size:14px;line-height:1.7;color:var(--olive)}.dataspec-example-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#e8e6dc6b}.example-layout{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:clamp(44px,8vw,110px);align-items:start}.example-copy{position:sticky;top:40px}.example-copy h2{margin-top:20px}.example-copy>p{margin-top:24px}.language-points{list-style:none;margin-top:34px;border-top:1px solid var(--border-2)}.language-points li{padding:13px 0;border-bottom:1px solid var(--border-2);font-size:13px;color:var(--charcoal)}.language-points li:before{content:"—";margin-right:12px;color:var(--brand)}.code-frame{min-width:0;overflow:hidden;border:1px solid #24364e;border-radius:12px;background:#101a28;box-shadow:0 26px 70px #14141324}.code-frame-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.1);color:#aebbd0;font-size:11px;letter-spacing:.04em}.code-frame pre{max-height:720px;overflow:auto;padding:22px;color:#e7edf6;font:12px/1.72 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2}.dataspec-principles>h2{max-width:680px;margin-top:20px}.principle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:60px;border:1px solid var(--border-2);background:var(--border-2)}.principle-list article{min-height:220px;padding:4px 34px 34px;background:#faf9f5d6}.dataspec-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:clamp(72px,9vw,118px);padding-top:34px;padding-bottom:34px;border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}.dataspec-cta p{font-family:var(--serif);font-size:clamp(22px,3vw,32px)}@media(max-width:900px){.shell{min-height:100svh}.header{height:60px}.stage{grid-template-columns:1fr;gap:14px;align-content:center;padding:10px 0 14px}.hero{order:1}.diagram{order:2;max-height:36vh;aspect-ratio:1.4 / 1;margin:0 auto;max-width:440px;width:100%}.nav .contact-link{display:none}.nav{gap:16px}.hero-title{font-size:clamp(34px,9vw,48px);margin-top:16px}.hero-sub{font-size:15.5px;margin-top:14px}.principle{margin-top:20px}.hero-cta{margin-top:22px;flex-wrap:wrap}.eyebrow{font-size:11px}.footer{padding:14px 0}.footer .muted{display:none}.dataspec-hero{padding-top:62px;padding-bottom:76px}.dataspec-pipeline{margin-top:34px}.section-intro,.example-layout{grid-template-columns:1fr}.section-intro p{margin-top:22px}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-card:nth-child(3){border-left:0;border-top:1px solid var(--border-2)}.concept-card:nth-child(4){border-top:1px solid var(--border-2)}.example-copy{position:static}.principle-list{grid-template-columns:1fr}.principle-list article{min-height:0;padding-bottom:28px}.principle-list h3{margin-top:28px}}@media(max-width:560px){.nav{gap:12px}.nav a.link{font-size:13px}.dataspec-hero h1{font-size:clamp(42px,13vw,58px)}.dataspec-pipeline{width:100%;justify-content:center;gap:9px;font-size:11px}.concept-grid{grid-template-columns:1fr}.concept-card,.concept-card:nth-child(2),.concept-card:nth-child(4){min-height:0;border-left:0;border-top:1px solid var(--border-2)}.concept-card:first-child{border-top:0}.concept-card h3{margin-top:30px}.code-frame pre{max-height:580px;padding:16px;font-size:10.5px}.dataspec-cta{align-items:flex-start;flex-direction:column}}@media(max-width:900px)and (max-height:720px){.diagram{max-height:30vh}.hero-sub{margin-top:10px}.principle,.hero-cta{margin-top:14px}}@media(prefers-reduced-motion:reduce){.ambient .blob,.wire-lit,.center-halo,.pulse{animation:none!important}.wire-lit{opacity:.4}}