:root{--paper:#f7f7f3;--ink:#1c1a25;--muted:#6d6b75;--teal:#210f6a;--line:#dedde3;--soft:#eeeef1;--dark:#1e1737;--white:#fff;--sans:Arial,Helvetica,sans-serif;--serif:var(--sans)}*{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}a:focus-visible{outline:3px solid #f2a64b;outline-offset:5px}.skip{position:absolute;top:-5rem;left:1rem;z-index:20;background:white;padding:1rem}.skip:focus{top:1rem}.wrap{width:min(1240px,calc(100% - 112px));margin:auto}.header{height:96px;width:min(1400px,calc(100% - 112px));margin:auto;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.04em;font-size:18px;line-height:1}.brand small{display:block;margin-top:6px;font-size:9px;color:#78767f;letter-spacing:.045em;font-weight:600}.brand-mark{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;color:#fff;background:var(--dark);font:italic 27px var(--serif);letter-spacing:-.13em;padding-right:5px}.brand-mark span{color:#b7afd8}.desktop-nav{display:flex;align-items:center;gap:32px;margin:auto;font-size:13px;color:#63616c}.desktop-nav a,.nav-link{text-decoration:none}.desktop-nav a:hover,.nav-link:hover,.text-link:hover{color:var(--teal)}.nav-link{font-size:12px;font-weight:700;white-space:nowrap}.nav-link span{font-size:17px;margin-left:6px}.hero{min-height:665px;padding:86px 0 90px;display:grid;grid-template-columns:1fr .94fr;gap:7%;align-items:center}.eyebrow,.section-index,.area-type,.insight-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--teal)}.eyebrow{display:flex;align-items:center;gap:9px}.pulse,.status-dot{width:7px;height:7px;background:#60519b;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #dddaeb}.hero h1,.section h2,.closing h2{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}.hero h1{font-size:clamp(58px,6vw,90px);line-height:.98;margin:35px 0 28px}.hero h1 em,.closing h2 em{font-weight:400;color:var(--teal)}.hero-desc{max-width:475px;font-size:17px;line-height:1.75;color:#64616e}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:37px}.button{min-height:52px;display:inline-flex;align-items:center;gap:32px;padding:0 21px;border-radius:5px;text-decoration:none;font-size:12px;font-weight:700}.primary{background:var(--dark);color:#fff}.primary:hover{background:#1e0e5f}.button span{font-size:17px}.text-link{text-decoration:none;font-size:12px;font-weight:700}.text-link span{font-size:16px;margin-left:6px}.hero-note{color:#87868e;font-size:11px;margin-top:56px}.hero-note span{margin:0 6px}.hero-art{height:515px;position:relative;overflow:hidden;border-radius:8px;background:#e2e0e9;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#eae9ef 0%,#d3d1dd 100%)}.orb{position:absolute;border:1px solid rgba(60, 51, 96,.17);border-radius:50%}.orb-one{width:470px;height:470px;top:-115px;right:-115px}.orb-two{width:320px;height:320px;bottom:-170px;left:-75px}.viewfinder{position:absolute;width:62%;aspect-ratio:1;top:13%;left:19%;display:grid;place-items:center}.view-inner{border-radius:50%;width:72%;aspect-ratio:1;background:radial-gradient(circle at 49% 49%,#bbb8c8 0 9%,#cac7d5 10% 28%,#d5d3df 29% 48%,#bfbccb 49% 50%,#e0dee7 51%);display:grid;place-items:center;box-shadow:0 0 0 25px rgba(255,255,255,.18),0 0 0 50px rgba(255,255,255,.1)}.ring{position:absolute;border:1px solid rgba(46, 37, 82,.23);border-radius:50%}.ring-one{width:38%;aspect-ratio:1}.ring-two{width:53%;aspect-ratio:1}.view-core{width:20px;height:20px;border-radius:50%;background:#878398;box-shadow:0 0 0 9px rgba(128, 122, 149,.22)}.corner{position:absolute;width:22px;height:22px;border-color:#645d84;border-style:solid}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.art-line{position:absolute;height:1px;background:rgba(45, 35, 85,.3)}.line-a{width:23%;top:39%;left:0}.line-b{width:24%;top:47%;right:0}.art-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#5a5083}.dot-a{left:22%;top:39%}.dot-b{right:23%;top:47%}.art-caption{position:absolute;bottom:22px;left:22px;right:22px;padding:18px 19px;background:rgba(250, 249, 252,.9);border-radius:5px;display:flex;align-items:center;gap:19px;font-size:12px;line-height:1.45;color:#6e6b7a}.art-caption strong{font-size:15px;color:var(--ink);font-weight:600}.art-number{font-size:10px;color:var(--teal);align-self:flex-start;margin-top:4px}.art-caption svg{width:24px;margin-left:auto;color:#6c677f}.art-side{position:absolute;right:20px;top:28px;writing-mode:vertical-rl;letter-spacing:.2em;font-size:8px;font-weight:700;color:#7f7b8e}.strip{background:#e9e8ed;border-block:1px solid #dcdae3}.strip-inner{min-height:83px;display:flex;align-items:center;gap:30px}.strip-inner>span{font-size:9px;color:var(--teal);letter-spacing:.15em;font-weight:700}.strip-inner strong{font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:-.03em}.strip-inner a{margin-left:auto;font-size:11px;font-weight:700;text-decoration:none}.strip-inner a span{font-size:15px}.section{padding-top:130px;padding-bottom:130px;scroll-margin-top:30px}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:35px;margin-bottom:65px}.section-index{padding-top:10px;display:block}.section h2,.closing h2{font-size:clamp(45px,5vw,69px);line-height:1.06;margin:0}.accent{color:var(--teal)}.lead{font-size:16px;line-height:1.8;max-width:620px;color:#6c6a76;margin:25px 0 0}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.route-card{background:#eae9ed;border-radius:8px;padding:32px;min-height:310px;display:flex;flex-direction:column}.route-dark{background:var(--dark);color:#efeef5}.card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--teal);font-size:10px;letter-spacing:.12em;font-weight:700}.route-dark .card-meta{color:#b5aece}.icon{width:27px;height:27px}.route-card h3{font-family:var(--serif);font-size:34px;font-weight:400;letter-spacing:-.04em;margin:37px 0 14px}.route-card p{max-width:460px;font-size:14px;line-height:1.75;color:#64616f;margin:0}.route-dark p{color:#c6c3d2}.card-foot{margin-top:auto;padding-top:27px;display:flex;align-items:center;gap:11px;font-size:11px;color:#76747e}.state{font-size:9px;font-weight:800;letter-spacing:.08em;color:#1e0e5f;background:#dad6e6;border-radius:3px;padding:6px 8px}.route-dark .card-foot{color:#bab7c8}.route-dark .state{background:#342d4e;color:#c6c0df}.boundary{display:flex;align-items:start;gap:15px;padding:24px 5px;border-bottom:1px solid var(--line)}.boundary-icon{width:23px;height:23px;border:1px solid #a9a6b5;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;flex:none;color:var(--teal)}.boundary p{font-size:13px;line-height:1.7;color:#676571;margin:0}.boundary strong{color:var(--ink)}.tinted{background:#eeedf1}.journey{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfcdd7;border-bottom:1px solid #cfcdd7}.journey-step{padding:27px 24px 31px 0}.journey-step+ .journey-step{border-left:1px solid #cfcdd7;padding-left:23px}.journey-step>span{font-family:var(--serif);font-size:28px;font-style:italic;color:#847e9f}.journey-step h3{font-size:15px;margin:26px 0 10px}.journey-step p,.architecture p{font-size:13px;line-height:1.7;color:#6f6d77;margin:0}.architecture{display:grid;grid-template-columns:1fr 1.15fr;gap:12%;margin-top:100px}.architecture h3{font:400 35px/1.12 var(--serif);letter-spacing:-.04em;margin:25px 0 18px}.architecture p{max-width:330px}.architecture-stack div{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #d1cfd9}.architecture-stack span{color:#9692a6;font-size:11px}.architecture-stack strong{font-size:13px}.architecture-stack small{font-size:11px;color:#7b7985}.area-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px}.area-nav a{padding:21px 14px 21px 0;text-decoration:none;font-size:12px;font-weight:700;display:flex;gap:10px;align-items:center}.area-nav a span{font:italic 16px var(--serif);color:#8f8aa3}.area-nav a b{font-size:16px;margin-left:auto;color:var(--teal)}.area-nav a:hover{color:var(--teal)}.area{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:95px 0;border-bottom:1px solid var(--line);scroll-margin-top:10px}.area-aside{padding-right:20px}.area-number{display:block;font:italic 19px var(--serif);color:#9c98ae;margin-bottom:42px}.area-type{font-size:9px}.area-aside h3{font:400 43px/1.1 var(--serif);letter-spacing:-.055em;margin:18px 0}.area-aside h3 em{color:var(--teal);font-weight:400}.area-aside>p{font-size:14px;line-height:1.75;max-width:275px;color:#75737e}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.tags span{font-size:10px;color:#5c586d;border:1px solid #d9d7df;border-radius:100px;padding:7px 10px}.area-content{max-width:720px}.content-block h4,.next h4{font-size:15px;margin:0 0 13px}.content-block p,.next p,.next li{font-size:14px;line-height:1.8;color:#64616e}.content-block p{margin:0}.insight{background:#eae9ee;border-radius:7px;padding:25px 27px;margin-top:28px;display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:end}.insight-label{font-size:9px}.insight strong{display:block;font:400 45px var(--serif);letter-spacing:-.04em;margin-top:10px}.insight strong small{font-size:24px;color:#7f7b8f}.insight p{font-size:11px;line-height:1.5;color:#6d6a7a;margin:4px 0 0;max-width:220px}.bar-wrap{padding-bottom:7px}.bar{height:9px;border-radius:10px;background:#cac6d6;overflow:hidden}.bar span{display:block;background:var(--teal);width:30.88%;height:100%;border-radius:10px}.bar-wrap>div:last-child{display:flex;justify-content:space-between;font-size:10px;color:#767383;margin-top:11px}.caption{font-size:11px;line-height:1.65;color:#88868f;margin:12px 0 0}.next{border-top:1px solid var(--line);margin-top:32px;padding-top:25px}.next ul{padding-left:19px;margin:8px 0}.next li{padding-left:4px;margin:5px 0}.next li::marker{color:var(--teal)}.next p{margin:9px 0}.where{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:27px 0 0;color:#88868f;font-size:10px}.where b{margin-right:5px;color:#75737e}code{font-family:var(--sans);font-size:.85em;background:#ececef;border-radius:3px;padding:4px 6px;color:#423b5f}.comparison{margin-top:27px;padding:22px;display:flex;gap:16px;align-items:center;background:#ebeaef;border-radius:7px}.capture-illustration{background:#d7d5df;width:105px;aspect-ratio:1;border-radius:4px;display:grid;place-items:center;position:relative}.capture-illustration:before{content:'';width:48px;height:48px;border:1px solid #9691ab;border-radius:50%;box-shadow:0 0 0 13px rgba(255,255,255,.25)}.capture-illustration i{position:absolute;top:40%;left:44%;width:12px;height:12px;background:#9591a6;border-radius:50%}.capture-illustration.alt{background:#dfdde6}.capture-illustration.alt i{left:49%;top:43%}.capture-illustration span{position:absolute;bottom:8px;left:9px;color:#625d78;font-size:8px;font-weight:700;letter-spacing:.08em}.compare-arrow{color:#7c7792}.comparison p{font-size:12px;line-height:1.5;color:#7f7b8d;margin-left:10px}.comparison strong{color:#504a69}.module-map{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:27px}.module-map div{background:#ebeaef;padding:14px;border-radius:4px;display:flex;flex-direction:column;gap:7px}.module-map span{font-size:9px;color:#8f89a4}.module-map strong{font-size:12px}.module-map small{font-size:10px;color:#8b8992}.research-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:28px}.research-steps span{background:#ebeaef;color:#5c5674;font-size:9px;font-weight:700;letter-spacing:.08em;text-align:center;padding:18px 5px}.progress-section{background:#211c38;color:#efeef4}.progress-section .section-index,.progress-section .accent{color:#b3acd2}.progress-section .lead{color:#c1bece}.plan-list{border-top:1px solid #5b566d}.plan-list>div{display:grid;grid-template-columns:65px 1fr 1.1fr;gap:25px;padding:25px 0;border-bottom:1px solid #5b566d;align-items:start}.plan-list span{font:italic 20px var(--serif);color:#9b95b6}.plan-list h3{font-size:16px;margin:2px 0}.plan-list p{font-size:13px;color:#c0bdcd;line-height:1.7;margin:0}.test-status{background:#2f2947;border:1px solid #4d4762;border-radius:6px;padding:25px;margin-top:40px;display:grid;grid-template-columns:1fr 2fr;gap:20px}.test-status>div{display:flex;align-items:flex-start;gap:14px;font-size:12px}.test-status .status-dot{margin-top:4px;background:#caa36d;box-shadow:0 0 0 4px #655c45}.test-status p{font-size:12px;line-height:1.7;color:#cac7d5;margin:0}.closing{text-align:center;padding-top:140px;padding-bottom:145px}.closing h2{margin:25px 0}.closing p{font-size:15px;line-height:1.8;color:#6e6c78;max-width:520px;margin:0 auto 30px}.footer{border-top:1px solid var(--line)}.footer-inner{min-height:115px;display:flex;align-items:center;gap:35px}.footer p{font-size:11px;line-height:1.7;color:#8c8a94;margin-left:auto}.footer-inner>a:last-child{font-size:11px;text-decoration:none;font-weight:700}.desktop-nav a,.nav-link,.text-link,.button{transition:color .2s,background .2s}@media(max-width:900px){.wrap,.header{width:calc(100% - 64px)}.desktop-nav{gap:16px}.header{gap:15px}.hero{gap:5%;min-height:auto}.hero-art{height:440px}.section-top,.area{grid-template-columns:1fr 2fr;gap:20px}.area-aside h3{font-size:36px}.architecture-stack div{grid-template-columns:30px 1fr}.architecture-stack small{grid-column:2}.plan-list>div{grid-template-columns:40px 1fr 1.3fr}}@media(max-width:680px){.wrap,.header{width:calc(100% - 40px)}.header{height:76px}.desktop-nav{display:none}.nav-link{margin-left:auto}.hero{padding:64px 0 54px;grid-template-columns:1fr;gap:42px}.hero h1{font-size:59px;margin:28px 0 22px}.hero-desc{font-size:15px}.hero-note{margin-top:30px}.hero-art{height:390px}.strip-inner{padding:20px 0;min-height:0;flex-wrap:wrap;gap:9px 20px}.strip-inner strong{font-size:18px}.strip-inner a{width:100%;margin:3px 0 0}.section{padding-top:83px;padding-bottom:83px}.section-top{grid-template-columns:1fr;gap:19px;margin-bottom:38px}.section h2,.closing h2{font-size:46px}.lead{font-size:15px;margin-top:16px}.split-cards{grid-template-columns:1fr}.route-card{min-height:260px;padding:25px}.route-card h3{margin-top:27px}.journey{grid-template-columns:1fr 1fr}.journey-step:nth-child(3){border-left:0;padding-left:0}.journey-step:nth-child(n+3){border-top:1px solid #cfcdd7}.architecture{grid-template-columns:1fr;gap:30px;margin-top:65px}.area-nav{grid-template-columns:1fr 1fr}.area-nav a{border-bottom:1px solid var(--line)}.area-nav a:nth-child(n+3){border-bottom:0}.area{grid-template-columns:1fr;gap:30px;padding:64px 0}.area-number{margin-bottom:18px}.area-aside h3{font-size:40px}.area-aside>p{max-width:390px}.insight{grid-template-columns:1fr;gap:20px}.comparison{gap:8px;padding:15px}.capture-illustration{width:27%}.comparison p{font-size:10px;margin-left:0}.module-map{grid-template-columns:repeat(2,1fr)}.research-steps{grid-template-columns:repeat(2,1fr)}.plan-list>div{grid-template-columns:32px 1fr;gap:10px}.plan-list p{grid-column:2}.test-status{grid-template-columns:1fr}.closing{padding-top:90px;padding-bottom:90px}.footer-inner{align-items:flex-start;flex-wrap:wrap;padding:28px 0;gap:20px}.footer p{width:100%;margin:0}.footer-inner>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Product illustration and deeper area documentation */
.product-visual{display:grid;grid-template-columns:.8fr 1.2fr;min-height:385px;background:#e2e0e9;border-radius:8px;overflow:hidden;margin-bottom:40px}.body-art{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#d8d5e2,#eae9f0);overflow:hidden}.body-art:before,.body-art:after{content:'';position:absolute;border:1px solid rgba(68, 59, 104,.15);border-radius:50%;width:290px;height:290px}.body-art:after{width:380px;height:380px}.body-art img{position:relative;z-index:1;height:285px;width:auto;filter:drop-shadow(0 13px 15px rgba(57, 52, 80,.1))}.body-pin{position:absolute;z-index:2;top:43%;left:46%;width:12px;height:12px;background:#210f6a;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 8px #210f6a2a}.visual-copy{align-self:center;padding:45px}.visual-copy h3{font:400 35px/1.13 var(--serif);letter-spacing:-.04em;margin:22px 0 15px}.visual-copy p{font-size:13px;line-height:1.75;color:#696674;max-width:460px}.visual-chip{margin-top:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#4b4562;font-size:11px;font-weight:600}.visual-chip span{font:italic 15px var(--serif);color:#85809b}.visual-chip b{color:#938fa5;font-weight:400}.visual-copy small{display:block;font-size:10px;line-height:1.5;margin-top:25px;color:#858291}.detail-link{display:inline-flex;align-items:center;gap:35px;padding:13px 15px;margin-top:22px;border:1px solid #bebacc;border-radius:4px;color:var(--dark);font-size:12px;font-weight:700;text-decoration:none}.detail-link:hover{background:#e6e4ed}.detail-link span{font-size:16px;color:var(--teal)}.detail-wrap{padding-top:50px}.back-link{font-size:12px;font-weight:700;text-decoration:none;color:#6a667c}.back-link:hover{color:var(--teal)}.detail-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center;padding:75px 0 80px}.detail-hero h1{font:400 clamp(48px,5vw,68px)/1.05 var(--serif);letter-spacing:-.06em;margin:28px 0 20px}.detail-hero h1 em{color:var(--teal);font-weight:400}.detail-hero>div>p{font-size:16px;line-height:1.8;color:#6c6a76;max-width:590px}.detail-art{position:relative;height:300px;border-radius:8px;overflow:hidden;background:#e0dee8;display:grid;place-items:center}.detail-art.vision{background:#e0dee8}.detail-art.phone{background:#e2e0e8}.detail-art.people{background:#eee9dc}.detail-orbit{position:absolute;width:235px;height:235px;border:1px solid #928caa55;border-radius:50%}.detail-orbit.orbit-b{width:180px;height:180px;border-style:dashed}.detail-symbol{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#f6f5f9aa;color:var(--teal);font:400 65px var(--serif);box-shadow:0 0 0 22px #f3f2f92d}.detail-art>span{position:absolute;bottom:18px;left:20px;font-size:9px;color:#7a758c;letter-spacing:.15em;font-weight:700}.diagram-panel{background:#eae9ee;border:1px solid #dedce4;border-radius:8px;padding:27px;margin-bottom:90px}.detail-diagram{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:22px}.detail-diagram>div{background:#f7f6fa;min-height:132px;padding:17px 14px;border-radius:5px;display:flex;flex-direction:column;gap:10px}.detail-diagram span{color:#8e88a5;font:italic 16px var(--serif)}.detail-diagram strong{font-size:12px}.detail-diagram small{color:#7f7d89;font-size:10px;line-height:1.5}.diagram-panel>small{font-size:10px;color:#868490;display:block;margin-top:14px;line-height:1.5}.detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:70px}.detail-sidebar nav{display:flex;flex-direction:column;gap:0;margin-top:18px;max-width:240px}.detail-sidebar nav a{font-size:11px;text-decoration:none;color:#7a7785;padding:13px 0;border-bottom:1px solid var(--line);font-weight:600}.detail-sidebar nav a[aria-current=page]{color:var(--teal)}.aside-note{font-size:11px;color:#9997a0;line-height:1.7;margin-top:30px}.article-body{max-width:760px}.article-section{padding:0 0 28px;margin-bottom:38px;border-bottom:1px solid var(--line)}.article-section h2{font:400 31px var(--serif);letter-spacing:-.04em;margin:0 0 20px}.article-section p,.article-section li{font-size:14px;line-height:1.85;color:#64616e}.article-section p{margin:0 0 15px}.tasks-panel{background:#ebeaef;border:0;padding:30px;border-radius:7px}.tasks-panel h2{margin:15px 0}.tasks-panel ol{padding-left:20px;margin:0}.tasks-panel li{padding:5px 0 5px 6px}.tasks-panel li::marker{font-weight:700;color:var(--teal)}.detail-boundary{padding:22px 0}.source-panel{padding:30px 0}.source-panel>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.source-panel p{font-size:12px;line-height:1.7;color:#86848f}.source-panel a{font-size:12px;font-weight:700;color:var(--teal);text-decoration:none}.detail-end{margin:70px 0 100px;border-top:1px solid var(--line);padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-end p{font:400 28px var(--serif);letter-spacing:-.04em}.detail-end .button{gap:15px}@media(max-width:900px){.detail-layout{gap:30px}.detail-diagram{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.product-visual{grid-template-columns:1fr}.body-art{min-height:285px}.body-art img{height:230px}.visual-copy{padding:28px}.visual-copy h3{font-size:30px}.detail-wrap{padding-top:30px}.detail-hero{grid-template-columns:1fr;gap:28px;padding:50px 0}.detail-hero h1{font-size:46px}.detail-art{height:225px}.detail-orbit{width:190px;height:190px}.detail-orbit.orbit-b{width:145px;height:145px}.detail-symbol{width:80px;height:80px;font-size:50px}.diagram-panel{padding:20px;margin-bottom:55px}.detail-diagram{grid-template-columns:1fr 1fr}.detail-diagram>div{min-height:105px}.detail-layout{grid-template-columns:1fr;gap:40px}.detail-sidebar nav{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.article-section h2{font-size:28px}.detail-end{align-items:flex-start;flex-direction:column;margin:50px 0 75px}.detail-end p{font-size:25px}}
/* Illustrated, labelled flows */
.system-diagram{background:#e4e2ea;border:1px solid #d6d4de;border-radius:9px;padding:20px}.system-lane{display:flex;flex-direction:column}.system-badge{font-size:9px;letter-spacing:.13em;font-weight:800;color:#716c87;margin-bottom:12px}.system-node{background:#f7f7fa;display:flex;align-items:center;gap:14px;padding:13px;border-radius:5px}.system-icon{height:39px;width:39px;display:grid;place-items:center;border-radius:5px;background:#e3e1ed;color:var(--teal);flex:none}.system-icon svg{width:23px;height:23px}.system-node strong,.system-node small{display:block}.system-node strong{font-size:13px}.system-node small{font-size:11px;color:#86848e;margin-top:5px}.system-connector{font-size:15px;color:#87819f;padding:5px 0 5px 25px;display:flex;gap:12px;align-items:center}.system-connector span{font-size:10px;color:#868391}.system-research{margin-top:13px;padding:15px;border-radius:5px;background:#d4d2de;border:1px dashed #afabc0}.system-research .system-badge{display:block}.system-research strong{font-size:12px}.system-research p{font-size:11px;line-height:1.6;margin:6px 0 0;color:#777483}.data-story{padding-top:110px;padding-bottom:110px}.story-heading{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:start}.story-heading h2{font:400 41px/1.1 var(--serif);letter-spacing:-.05em;margin:0}.story-heading h2 em{color:var(--teal)}.story-heading p{font-size:13px;line-height:1.8;color:#787682;margin:3px 0}.story-track{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.story-item{position:relative;background:#efeef2;border:1px solid #e4e3e9;padding:21px;border-radius:7px;min-height:215px}.story-item:after{content:'→';position:absolute;top:67px;right:-12px;z-index:1;color:#7b7691;background:var(--paper);border-radius:50%;font-size:18px;width:20px;text-align:center}.story-item:last-child:after{display:none}.story-num{display:block;font:italic 16px var(--serif);color:#8d87a2}.story-item svg{display:block;width:42px;height:42px;color:var(--teal);margin:19px 0}.story-item strong{font-size:14px}.story-item p{font-size:12px;color:#75737f;line-height:1.6;margin:8px 0 0}@media(max-width:900px){.story-heading{grid-template-columns:1fr 1.5fr}.story-heading p{grid-column:2}.story-track{grid-template-columns:repeat(2,1fr)}.story-item:nth-child(2):after{display:none}}@media(max-width:680px){.data-story{padding-top:76px;padding-bottom:76px}.story-heading{grid-template-columns:1fr;gap:18px}.story-heading p{grid-column:auto}.story-heading h2{font-size:36px}.story-track{margin-top:30px;gap:8px}.story-item{min-height:190px;padding:16px}.story-item svg{width:34px;height:34px;margin:14px 0}.system-diagram{padding:14px}}
/* A real historical app screen, clearly distinguished from diagrams. */
.real-screen{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;background:#e5e3eb;border:1px solid #dad8e3;border-radius:8px;margin:28px 0 40px;padding:52px 60px;overflow:hidden}.real-screen-copy h3{font:400 clamp(34px,3vw,48px)/1.1 var(--serif);letter-spacing:-.05em;margin:25px 0 17px}.real-screen-copy h3 em{color:var(--teal)}.real-screen-copy>p,.detail-screen p{font-size:14px;line-height:1.8;color:#6a6776;max-width:450px}.screen-meta{display:flex;gap:14px;align-items:flex-start;margin-top:30px}.screen-meta .status-dot{margin:6px 2px 0;flex:none}.screen-meta strong,.screen-meta small{display:block}.screen-meta strong{font-size:12px;color:#413a5b}.screen-meta small{font-size:10px;color:#848192;line-height:1.6;margin-top:6px}.real-screen-copy .screen-caveat,.detail-screen .screen-caveat{font-size:11px;line-height:1.7;color:#8a8794;margin-top:24px}.screen-figure,.detail-screen figure{margin:0;justify-self:center;text-align:center}.phone-frame{width:205px;padding:7px;background:#2b2838;border:1px solid #605c6f;border-radius:29px;box-shadow:0 18px 42px #4c485d2d}.phone-frame img{width:100%;height:auto;display:block;border-radius:22px}.screen-figure figcaption,.detail-screen figcaption{margin-top:15px;color:#7f7b90;font-size:9px;font-weight:700;letter-spacing:.11em}.detail-screen{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;background:#e9e8ee;border-radius:8px;padding:38px 55px;margin:-35px 0 85px}.detail-screen .phone-frame{width:160px}.detail-screen h2{font:400 32px var(--serif);letter-spacing:-.04em;margin:18px 0}.detail-screen figcaption{max-width:190px;line-height:1.6;letter-spacing:0}@media(max-width:680px){.real-screen{grid-template-columns:1fr;gap:30px;padding:30px 25px}.real-screen-copy h3{font-size:37px}.phone-frame{width:185px}.detail-screen{grid-template-columns:1fr;gap:25px;padding:28px;margin:-10px 0 55px}.detail-screen figure{order:2}.detail-screen>div{order:1}}
.phone-frame a{display:block;border-radius:22px}.phone-frame a:focus-visible{outline-offset:3px}
/* Authentic simulator captures: open each image to inspect at full resolution. */
.screen-gallery{padding:65px 0 38px}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.gallery-head h3,.gallery-head h2{font:400 34px/1.15 var(--serif);letter-spacing:-.04em;margin:17px 0 0}.gallery-head p{max-width:310px;font-size:12px;line-height:1.7;color:#7a7884;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-card{margin:0;border:1px solid #dcdbe3;background:#f8f7fb;border-radius:8px;overflow:hidden}.gallery-card>a{display:block;background:#e6e4ed;padding:23px 20%;text-align:center}.gallery-card img{width:100%;height:auto;display:block;border:5px solid #2c293a;border-radius:19px;box-shadow:0 12px 28px #433e5824}.gallery-card figcaption{padding:19px 21px 22px;display:flex;flex-direction:column;gap:7px}.gallery-card figcaption span{font-size:9px;letter-spacing:.12em;color:#7d7795;font-weight:700}.gallery-card strong{font-family:var(--serif);font-size:20px;letter-spacing:-.025em;font-weight:400}.gallery-card small{color:#817f89;font-size:11px;line-height:1.6}.gallery-note{font-size:11px;line-height:1.7;color:#88868f;margin:18px 0 0}.detail-gallery{padding:0 0 85px}.detail-gallery .gallery-head h2{font-size:34px}@media(max-width:680px){.gallery-head{align-items:start;flex-direction:column;gap:12px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-card>a{padding:15px 19%}.gallery-card figcaption{padding:15px}.gallery-card strong{font-size:18px}.gallery-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.gallery-card:last-child>a{padding:15px 25%}}
.gallery-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.gallery-card:last-child{grid-column:auto;display:block}.gallery-card:last-child>a{padding:15px 19%}}
/* One typeface throughout; size and weight carry the hierarchy. */
body,code,kbd,samp,button,input,select,textarea{font-family:var(--sans)}
.hero h1,.section h2,.closing h2,.detail-hero h1{letter-spacing:-.045em;font-weight:600}
.area-aside h3,.architecture h3,.visual-copy h3,.story-heading h2,.detail-screen h2,.article-section h2,.gallery-head h2,.gallery-head h3,.detail-end p{letter-spacing:-.035em;font-weight:600}
.hero h1 em,.closing h2 em,.detail-hero h1 em,.area-aside h3 em,.story-heading h2 em{font-style:normal;font-weight:inherit}
.hero-desc,.lead{max-width:62ch}
.section-index,.eyebrow,.area-type,.insight-label,.card-meta,.state{font-size:11px;letter-spacing:.105em}
.caption,.gallery-note,.gallery-card small,.visual-copy small,.screen-meta small,.screen-caveat,.aside-note,.where,.footer p,.hero-note{font-size:12px;color:#595664;line-height:1.65}
.gallery-card figcaption span,.gallery-card small,.gallery-head p,.diagram-panel>small,.detail-diagram small,.source-panel p{color:#595664}
.route-card p,.journey-step p,.architecture p,.content-block p,.next p,.next li,.article-section p,.article-section li{font-size:15px;line-height:1.7}
.mobile-jump{display:none}.hero-quick{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-quick span{font-size:10px;color:#5a566a;font-weight:700;letter-spacing:.1em;margin-right:3px}.hero-quick a{font-size:12px;font-weight:600;color:#4d4666;text-decoration:none}.hero-quick a:hover{text-decoration:underline}.hero-note{margin-top:24px}
.start-section{padding:130px 0;background:#eeeef1;scroll-margin-top:30px}.starter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.starter-grid article{background:#faf9fc;border:1px solid #dedce5;border-radius:7px;padding:24px;display:flex;flex-direction:column;min-height:280px}.starter-grid article>span{font-size:11px;font-weight:700;letter-spacing:.08em;color:#463e66}.starter-grid h3{font-size:18px;margin:26px 0 12px}.starter-grid p{font-size:14px;line-height:1.65;color:#595664}.starter-grid strong{font-size:12px;line-height:1.5;margin-top:auto}.starter-grid a{display:inline-block;margin-top:20px;font-size:12px;color:#1e0d5e;font-weight:700;text-decoration:none}.starter-grid a:hover{text-decoration:underline}.join-note{display:flex;gap:25px;align-items:baseline;margin-top:25px;padding:20px 0;border-top:1px solid #d5d3dc}.join-note strong{white-space:nowrap;font-size:14px}.join-note p{font-size:13px;line-height:1.65;color:#595664;margin:0}
.detail-shortcuts{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.detail-shortcuts a{font-size:12px;color:#504b66;font-weight:600;text-decoration:none}.detail-shortcuts a:last-child{margin-left:auto}.detail-shortcuts a:hover{text-decoration:underline}.first-exercise{background:#ebe9f1;border-left:3px solid var(--teal);padding:28px;margin-bottom:38px;scroll-margin-top:25px}.first-exercise h2{font-size:24px;line-height:1.25;margin:15px 0}.first-exercise p{font-size:14px;line-height:1.7;color:#484457}.first-exercise a{font-size:13px;font-weight:700;color:#1d0d5e}.first-exercise small{display:block;font-size:12px;color:#595667;line-height:1.6;margin-top:12px}.source-link{display:inline-block;text-decoration:none}.source-link:hover{text-decoration:underline}.source-panel a.source-link{font-size:12px}.footer p a,.legal-page a:not(.button){color:#1d0d5e}.legal-back{margin-left:auto}.legal-page{padding-top:90px;padding-bottom:110px;max-width:900px}.legal-page h1{font-size:clamp(38px,5vw,56px);line-height:1.1;letter-spacing:-.045em}.legal-page .lead{margin-bottom:60px}.legal-page .article-section{max-width:68ch}
@media(max-width:900px){.starter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.mobile-jump{display:flex;overflow-x:auto;gap:22px;padding:16px 0;scrollbar-width:thin;white-space:nowrap;border-bottom:1px solid var(--line)}.mobile-jump a{font-size:12px;color:#565264;font-weight:700;text-decoration:none}.hero{padding-top:45px}.hero h1{font-size:clamp(42px,11vw,58px)}.hero-quick{gap:11px}.starter-grid{grid-template-columns:1fr}.starter-grid article{min-height:0}.starter-grid h3{margin-top:15px}.start-section{padding:83px 0}.join-note{display:block}.join-note p{margin-top:10px}.detail-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-shortcuts a:last-child{margin-left:0;grid-column:1/-1}.detail-hero h1{font-size:clamp(38px,10vw,46px)}.legal-page{padding-top:60px;padding-bottom:70px}}

/* Opisy ograniczeń zrzutów muszą być równie czytelne jak reszta treści. */
.real-screen-copy .screen-caveat,.detail-screen .screen-caveat{font-size:14px;line-height:1.7;color:#4c4959}
.detail-screen figcaption,.screen-figure figcaption{font-size:11px;color:#4c4959;line-height:1.6}

/* Znak i podgląd prawdziwych ekranów aplikacji. */
.brand-mark{display:block;width:40px;height:40px;background:none;padding:0;flex:none;letter-spacing:normal}
.brand-mark svg{display:block;width:100%;height:100%}
.project-preview{height:515px;background:#e3e1eb;display:flex;flex-direction:column;isolation:isolate;padding:24px;overflow:hidden}
.project-preview:before{background:radial-gradient(circle at 50% 42%,#f5f4f9 0,#dfdde8 55%,#d5d2e0 100%);z-index:-1}
.preview-header{display:flex;justify-content:space-between;gap:10px;color:#59536e;font-size:9px;letter-spacing:.12em;font-weight:700}
.preview-header span:first-child{display:flex;align-items:center;gap:7px}.preview-header i{display:block;width:7px;height:7px;border-radius:50%;background:#210f6a}
.preview-phones{position:relative;flex:1;min-height:0}.preview-phone{position:absolute;overflow:hidden;border:5px solid #221d39;border-radius:21px;background:#f5f4f8;box-shadow:0 18px 35px #271f4730}
.preview-phone img{width:100%;height:auto;display:block}.preview-phone-front{width:158px;top:24px;left:calc(50% - 115px);z-index:2;transform:rotate(-5deg)}
.preview-phone-back{width:146px;top:55px;left:calc(50% + 2px);z-index:1;transform:rotate(7deg)}
.preview-label{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e5e3eb;border-radius:9px;background:#ffffffef;box-shadow:0 8px 24px #3f38581a;color:#221d39}
.preview-label>span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#e8e6f2;color:#210f6a;font-size:10px;font-weight:700}
.preview-label strong,.preview-label small{display:block}.preview-label strong{font-size:12px}.preview-label small{margin-top:3px;color:#686575;font-size:10px}
.preview-label-map{left:2px;bottom:80px}.preview-label-history{right:0;top:120px}
.preview-footer{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #c1becf;padding-top:14px;color:#514b66;font-size:10px;line-height:1.4}
.preview-footer a{white-space:nowrap;color:#1e1250;font-size:11px;font-weight:700;text-decoration:none}.preview-footer a:hover{text-decoration:underline}
@media(max-width:680px){.project-preview{height:475px;padding:18px}.preview-header{font-size:8px}.preview-phone-front{width:146px;left:calc(50% - 106px)}.preview-phone-back{width:135px}.preview-label-map{left:0;bottom:70px}.preview-label-history{right:0;top:120px}.preview-footer{font-size:9px}.preview-footer a{font-size:10px}}
@media(max-width:360px){.preview-label{padding:8px}.preview-label-history{right:-6px;top:102px}.preview-label-map{left:-6px;bottom:72px}.preview-header{letter-spacing:.07em}.preview-footer{align-items:flex-start}}