:root{--bg:#06131d;--sidebar:#04111d;--panel:#091d2b;--panel2:#0c2435;--panel3:#112b3d;--line:#254b62;--line2:#33566d;--text:#ecf4fc;--muted:#adc2d1;--soft:#7f9db0;--red:#f43940;--aqua:#9ccee5;--font:Inter,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ff8588;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.025em}h1{font-size:clamp(34px,3.3vw,54px);line-height:1.06}h2{font-size:20px}h3{font-size:15px}p{line-height:1.5}.ico{flex-shrink:0}.shell{min-height:100vh}.sidebar{width:198px;position:fixed;left:0;top:0;bottom:0;background:#04111c;z-index:30;display:flex;flex-direction:column;border-right:1px solid #13354a}.logo{height:75px;display:flex;align-items:center;gap:13px;padding:18px}.brandmark{display:block;width:27px;height:27px;background:var(--red);clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);position:relative}.brandmark:after{content:'';position:absolute;inset:7px;background:#05121e;clip-path:inherit}.logotext{display:flex;flex-direction:column}.logotext strong{font-size:24px;line-height:1;font-weight:800;letter-spacing:-.045em}.logotext small{font-size:9px;font-weight:800;letter-spacing:.025em}.primary-nav{margin:0 5px}.nav-link{min-height:42px;display:flex;align-items:center;gap:14px;padding:11px 13px;color:#d4e1eb;font-size:12px;border-radius:4px;position:relative;line-height:1.35}.nav-link .ico{color:#aec5d5}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#311720,#201b2b);color:#fff}.nav-link.active{color:#ff686b;font-weight:700}.nav-link.active:before{content:'';width:3px;height:100%;position:absolute;left:0;top:0;border-radius:3px;background:var(--red)}.nav-link.active .ico{color:var(--red)}.sidebar-extras{margin:26px 18px 0;border-top:1px solid #1b3a4d;padding-top:18px}.overline{font-size:9px;letter-spacing:.15em;font-weight:700;color:#96aec0;text-transform:uppercase}.sidebar-extras .nav-link{margin:3px -12px;padding:9px 10px;min-height:33px}.sidebar-bottom{margin-top:auto}.uk-panel{margin:0 12px 65px;min-height:185px;display:flex;align-items:center;gap:15px;padding:13px 12px;background:linear-gradient(135deg,#041725,#092031);border:1px solid #20506b;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,0 100%)}.uk-panel b{font-size:11px;line-height:1.22;display:block}.uk-panel small{display:block;font-size:9px;color:#b8ccda;line-height:1.35}.uk-dots{color:#60b4e0;font-size:10px;line-height:1.3;letter-spacing:5px;transform:rotate(-13deg);opacity:.8}.line{display:block;width:35px;height:2px;background:var(--red);margin:14px 0}.research{border-top:1px solid #1e3a4e;padding:12px 15px 14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;color:#8caabd}.research span{letter-spacing:.09em;font-size:9px}.research b{color:#f4585d;font-size:9px;letter-spacing:.12em}.research small{font-size:9px;line-height:1.4;color:#63859d}.main{margin-left:198px;min-height:100vh;background:linear-gradient(160deg,#071b28 0%,#061621 65%,#05141e 100%)}.mobile-bar,.backdrop{display:none}.hero{height:229px;min-height:229px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#061521}.hero:before{content:'';position:absolute;z-index:-2;inset:0 0 0 26%;background-image:url('./assets/hero.webp');background-position:center right;background-size:cover;filter:saturate(.83) brightness(.88)}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#051420 0%,#051420 20%,rgba(5,20,32,.98) 28%,rgba(5,20,32,.73) 44%,rgba(5,20,32,.05) 85%)}.hero-text{padding:20px 30px;max-width:715px}.hero .overline{color:#a4bdd0;font-size:9px}.hero h1{font-weight:800;font-size:clamp(30px,3.2vw,46px);margin:9px 0 3px}.hero-sub{font-size:15px;max-width:490px;line-height:1.35;margin-bottom:11px}.scarlet-line{height:3px;background:var(--red);width:42px;margin:11px 0 9px}.hero-detail{max-width:405px;font-size:12px;line-height:1.3;margin:0 0 12px}.buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:4px;padding:11px 16px;font-size:11px;font-weight:700;border:1px solid #49697d;min-height:36px}.button.primary{color:white;background:linear-gradient(180deg,#ff4a4d,#ed2932);border-color:#ff4a4d;box-shadow:0 6px 17px #db293320}.button.primary:hover{filter:brightness(1.12)}.button.secondary{background:rgba(5,20,30,.76);color:#fff}.button.secondary:hover{background:#173246}.homepage{display:flex;flex-direction:column;gap:11px;padding:0 20px 12px}.panel{border:1px solid #244d63;border-radius:5px;background:linear-gradient(155deg,#091d2c,#071a28);padding:8px;min-width:0}.panel-heading{display:flex;align-items:baseline;gap:12px;justify-content:space-between;padding:0 2px 9px;min-height:27px}.panel-heading>div{display:flex;align-items:baseline;gap:12px;min-width:0}.panel-heading h2{border-left:3px solid var(--red);padding-left:9px;font-size:17px;margin:0;line-height:1.25;white-space:nowrap}.panel-heading span{font-size:10px;color:#9cb5c7}.text-link{font-size:10px;color:#d0e0ec;white-space:nowrap}.text-link:hover,.more:hover{color:#fff;text-decoration:underline}.patterns-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pattern-card{border:1px solid #355e76;border-radius:4px;min-height:108px;display:flex;align-items:center;gap:11px;padding:12px;background:linear-gradient(140deg,#0c2434,#0b1b2c);position:relative}.pattern-card:hover,.adv-card:hover,.catalogue-card:hover,.adv-detail-card:hover{border-color:#8db8ce;background-color:#122d40}.pattern-icon{width:62px;display:flex;align-items:center;justify-content:center;color:#91cee9}.pattern-icon.red{color:var(--red)}.pattern-card h3{font-size:12px;line-height:1.2;margin:0 0 6px}.pattern-card p{font-size:10px;line-height:1.45;margin:0;color:#b5c8d7}.chevron{position:absolute;top:9px;right:8px;color:#c0d4e2}.advantages-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.adv-card{border:1px solid #34566b;border-radius:5px;background:linear-gradient(165deg,#0a1b2a,#0d2737);min-height:174px;padding:10px;position:relative;display:flex;flex-direction:column}.adv-no{font-size:11px;font-weight:800;background:var(--red);border-radius:50%;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.adv-card h3{font-size:11px;margin:-17px 0 6px 24px;min-height:26px}.technical-symbol{height:69px;display:flex;align-items:center;justify-content:center;color:#9ed4ed;position:relative}.technical-symbol>svg{filter:drop-shadow(0 7px 12px #58b9ef25)}.technical-symbol span{height:15px;width:76px;border:1px solid #477b91;background:#11364755;position:absolute;bottom:5px;transform:skewY(-8deg);z-index:-1}.adv-card p{font-size:10px;color:#ccd8e3;line-height:1.25;margin:5px 0 8px;flex:1}.caption-stripe{border-top:1px solid #406072;position:relative;font-size:9px;color:#9bb9cb;padding-top:6px}.caption-stripe>span{width:38px;height:2px;background:var(--red);position:absolute;top:-1px;left:0}.half-layout,.bottom-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:11px}.bottom-layout{grid-template-columns:1.33fr .86fr}.mapping-grid{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1.2fr) 14px minmax(0,1fr);align-items:stretch;gap:6px;padding:1px 4px}.mapping-column{background:#102b3d;border:1px solid #20485f;border-radius:4px;padding:8px;min-width:0}.mapping-column small{font-size:9px;color:#bdd1df;font-weight:700;display:block;margin-bottom:5px}.mapping-column>div{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;padding:4px 0;color:#cbdbe6}.mapping-column>div .ico{color:#86bdd7}.map-arrows{line-height:29px;text-align:center;color:#c8d8e1}.metrics .tabbar{display:flex;gap:0;padding:0 4px 5px}.tabbar button{flex:1;padding:6px 2px;background:#132b3d;border:1px solid #416177;color:#bfd0dc;font-size:10px}.tabbar button:first-child{border-radius:4px 0 0 4px}.tabbar button:last-child{border-radius:0 4px 4px 0}.tabbar button.selected{border-color:#ed3b45;box-shadow:inset 0 0 0 1px #ed3b45;color:white;background:#202d3c}.metric-body{display:grid;grid-template-columns:1.2fr 1fr;gap:6px;padding:0 4px 0}.metric-body>div{border:1px solid #20485f;border-radius:3px;background:#112c3e;padding:8px}.metric-body h4{font-size:10px;color:#d9e5ee;margin:0 0 8px}.metric-line{font-size:9px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#c1d1df;padding:3px 0}.metric-track{height:5px;width:55px;flex-shrink:0;background:#426073;border-radius:10px;overflow:hidden}.metric-track span{display:block;height:100%;background:linear-gradient(90deg,#f43940,#ab7688)}.metric-explain>.ico{color:var(--red);display:block;margin-bottom:5px}.metric-explain strong{font-size:11px}.metric-explain p{font-size:9px;color:#b1c5d5;margin:5px 0}.more{font-weight:650;color:#d6e9f5;font-size:11px}.sectors-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.sector-card{border:1px solid #355c74;border-radius:4px;min-width:0;height:86px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:9px;text-align:left;color:white;position:relative;overflow:hidden;background:#0d293c}.sector-card:before,.industry-tile:before{content:'';position:absolute;inset:0;background-image:linear-gradient(0deg,#081522 0%,#07172211 80%),var(--sector);background-size:cover;background-position:center;opacity:.88;filter:saturate(.75)}.sector-card>*{position:relative}.sector-card span{font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.sector-card small{font-size:8px;line-height:1.18;color:#cfdae4}.sector-card:hover{border-color:#9ccce4}.deep-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.deep-three a{display:flex;flex-direction:column;gap:4px;background:#102c3e;border:1px solid #2d526a;border-radius:3px;padding:9px;min-height:86px}.deep-three a:hover{border-color:#91bed8}.deep-three a .ico{color:var(--red)}.deep-three b{font-size:10px}.deep-three small{font-size:9px;color:#b5c8d9}.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 27px 18px;font-size:8px;letter-spacing:.1em;color:#678ba1}.page-head{padding:42px 34px 37px;border-bottom:1px solid #1e4054;background:radial-gradient(ellipse at 82% 0%,#183349,#071925 60%)}.page-head .overline{color:#ff777c;font-size:10px}.page-head h1{font-size:clamp(34px,4vw,56px);margin:12px 0}.page-head p{font-size:16px;color:#c7d7e2;max-width:860px;margin:0}.content-wrap{padding:24px 28px 35px;display:flex;flex-direction:column;gap:19px;max-width:1750px}.filter-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:9px;background:#0e293b;border:1px solid #3a6179;border-radius:5px;padding:10px 12px;min-width:315px;flex:1}.search-box .ico{color:#9db9cb}.search-box input{background:transparent;border:0;outline:0;color:white;width:100%;font-size:13px}.search-box input::placeholder{color:#a4bbca}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#102839;border:1px solid #345970;color:#bcd0df;border-radius:40px;font-size:11px;padding:8px 11px}.chip.selected{border-color:var(--red);background:#341b2c;color:#fff}.result-count{font-size:11px;color:#9cb6c7}.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalogue-card,.adv-detail-card{display:flex;flex-direction:column;border:1px solid #28526a;border-radius:6px;background:linear-gradient(150deg,#0e2a3b,#091d2c);padding:18px;min-height:260px}.catalogue-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.id,.tag{letter-spacing:.085em;font-size:10px;color:#87bbd5;font-weight:750}.status{color:#9cbbce;font-size:10px;border:1px solid #365b72;padding:4px 6px;border-radius:4px}.status.done{color:#c9e9de;border-color:#397c6e}.catalogue-heading{display:flex;align-items:center;gap:12px;color:#9fcede;margin:22px 0 13px}.catalogue-heading h2{margin:0;color:white}.catalogue-card p{font-size:12px;color:#b7ccda;margin-bottom:10px}.catalogue-card>b{font-size:11px;margin:4px 0 8px}.card-divider{border-top:1px solid #274b61;margin:10px 0}.catalogue-card .more{margin-top:auto}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border:1px solid #936b45;border-radius:4px;color:#eed9bf;background:#392a221e;font-size:12px;line-height:1.5}.notice .ico{color:#edac69;flex-shrink:0}.notice.compact{font-size:11px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:18px;align-items:start}.prose{padding:23px 27px}.prose h2{color:white;margin:22px 0 12px;font-size:22px}.prose h2:first-child{margin-top:0}.prose h3{font-size:16px}.prose p,.prose li{font-size:14px;line-height:1.75;color:#c1d3e0}.prose ul,.prose ol{padding-left:20px}.prose li{margin:6px 0}.inset{padding:22px}.inset h2{font-size:19px;margin:0 0 17px}.inset p,.inset li{font-size:13px;color:#bcd0de;line-height:1.6;margin-bottom:14px}.inset .button{width:100%}.inset h2:not(:first-child){margin-top:25px}.intro-icon{display:flex;align-items:center;justify-content:center;width:100px;height:90px;border:1px solid #2e536b;background:#123144;border-radius:6px;color:#90c7e4}.refs{display:flex;flex-direction:column;gap:9px}.refs a{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #2c526a;padding:10px 12px;border-radius:3px;color:#c4dce9;font-size:12px}.refs a:hover{border-color:#83bdd6}.advantage-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.adv-detail-card{min-height:290px;position:relative;gap:8px}.adv-detail-card>.technical-symbol{height:95px}.adv-detail-card small{color:#86b8d0;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.adv-detail-card h2{font-size:19px;margin:9px 0}.adv-detail-card p{font-size:13px;line-height:1.5;color:#c6d7e2}.adv-detail-card .more{display:block;margin-top:12px}.simulation-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:16px;align-items:start}.lesson-list{padding:17px;position:sticky;top:12px}.lesson-list h2{font-size:16px;margin:2px 0 17px}.lesson-button{display:flex;gap:9px;align-items:center;width:100%;min-height:50px;text-align:left;border:1px solid transparent;border-left:3px solid transparent;background:transparent;color:#b7ccdb;padding:9px 7px}.lesson-button span{font-size:10px;color:#779bb2}.lesson-button b{font-size:11px;flex:1}.lesson-button .ico{width:13px}.lesson-button.selected{background:#242333;border-color:#bc3a4e;color:white;border-left-color:#f23d45}.mini-divider{border-top:1px solid #33566d;margin:14px 0}.lesson-list>small{font-size:11px;color:#86acbf;line-height:1.5}.lesson-main{display:flex;flex-direction:column;gap:15px}.lesson-heading{padding:12px 4px}.lesson-heading h2{font-size:32px;margin:11px 0 12px}.lesson-heading p{max-width:860px;font-size:15px;color:#c2d3df;line-height:1.7}.lesson-takeaways{padding:20px 24px}.lesson-takeaways h3{font-size:17px}.lesson-takeaways ul{padding-left:18px;margin:8px 0}.lesson-takeaways li{padding:5px 0;color:#c6d9e6;line-height:1.5}.lesson-footer{display:flex;align-items:center;justify-content:space-between}.lesson-footer span{color:#90adbf;font-size:12px}.related{padding:17px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.related h3{margin:0 0 7px}.steps-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.steps-flow div{background:#103044;border:1px solid #3d647b;border-radius:5px;padding:18px 15px;font-weight:750;font-size:12px}.steps-flow span{font-size:24px;color:#86b8d0}.sync-app,.arch-zone{border:1px solid #2d5972;border-radius:6px;background:#0c2535;padding:19px}.sync-header{display:flex;justify-content:space-between;gap:10px}.sync-header h3{font-size:18px;margin:0 0 6px}.sync-header p{font-size:11px;color:#9fbace}.live-pill{font-size:10px;border:1px solid #2a856d;color:#bce9d7;border-radius:3px;padding:5px;height:fit-content}.controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:17px 0}.controls label{font-size:12px;font-weight:650}.controls strong{float:right;color:#ff777c}.controls input{display:block;width:100%;accent-color:#f43e45;margin-top:11px}.sync-chart{padding:16px;background:#061b29;border:1px solid #244c61;border-radius:4px}.sync-row{display:flex;align-items:center;gap:10px;height:31px}.sync-row>span{font-size:10px;color:#abc6d7;width:24px}.sync-track{background:#233c4d;height:11px;flex:1;position:relative}.sync-bar{background:linear-gradient(90deg,#417eaa,#66bdd2);height:100%;display:block}.sync-bar.slow{background:linear-gradient(90deg,#ae4c50,#fc5e62)}.sync-track i{position:absolute;top:-4px;bottom:-4px;border-left:1px dashed #f3a6a6}.sync-info{display:flex;gap:30px;margin:14px 0}.sync-info div{display:flex;flex-direction:column;gap:7px}.sync-info small,.small-muted{font-size:11px;color:#97b4c5;line-height:1.55}.sync-info b{font-size:15px}.arch-zone{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.architecture{padding:20px;background:radial-gradient(ellipse at 50% 50%,#164056,#08202f 80%);border:1px solid #27546a;display:flex;flex-direction:column;align-items:center;justify-content:center}.arch-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.arch-row>span{font-size:25px;color:#99c9d8}.arch-vertical{color:#8fbfd7;font-size:25px;margin:5px}.arch-node{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;text-align:center;padding:14px 10px;border:1px solid #4b7890;background:#102e40;color:#dce9f1;border-radius:5px;min-width:155px;min-height:100px}.arch-node:hover,.arch-node.chosen{border-color:#ff6167;background:#1c3341}.arch-node .ico{color:#93cce7}.arch-node b{font-size:12px}.arch-node small{font-size:10px;color:#9cb9cb}.arch-node.bottom{min-width:225px}.inspector{padding:14px;border-left:1px solid #2d546c}.inspector h3{margin:12px 0;font-size:21px}.inspector p{font-size:13px;color:#c1d3df;line-height:1.6}.boundaries{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:13px}.boundaries>div{border:1px solid #315a74;border-radius:6px;padding:19px}.boundaries svg{color:#f39869}.boundaries h3{margin:12px 0}.boundaries p{color:#c3d7e4;line-height:1.65}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:14px}.proof-grid>div{background:#102d40;border:1px solid #2f5a70;padding:21px}.proof-grid h3{font-size:17px;margin:10px 0}.proof-grid p{font-size:12px;color:#bdd2df;line-height:1.6}.deployment-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.deployment-tabs button{min-height:75px;display:flex;align-items:center;gap:11px;padding:14px;background:#0f293a;border:1px solid #31556c;border-radius:4px;color:#c4d6e3;font-weight:700;font-size:12px;text-align:left}.deployment-tabs button.selected{border-color:#fa515a;color:white;background:#302531}.deployment-visual{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0;padding:20px;background:#0a2434;border:1px solid #2b5871;border-radius:5px}.deployment-visual>div{border:1px solid #365c72;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 9px;flex:1;min-width:0}.deployment-visual>.middle{border-color:#f05863}.deployment-visual>div .ico{color:#97cde7}.deployment-visual strong{font-size:12px}.deployment-visual small{font-size:10px;color:#9fb9ca}.deployment-visual>span{font-size:24px;color:#8bbdd4}.lead{font-size:17px!important;color:#e2ebf1!important}.evidence-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.evidence-tiles .panel{padding:22px}.evidence-tiles h2{margin:15px 0}.evidence-tiles p,.evidence-tiles li{font-size:12px;color:#c1d5e1;line-height:1.6}.evidence-tiles ul{padding-left:20px}.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ladder>div{border:1px solid #315b74;border-top:3px solid var(--red);padding:13px;background:#102b3c}.ladder b{font-size:13px}.ladder p{font-size:11px;margin:10px 0 0}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.industry-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;padding:22px;height:154px;text-align:left;color:white;border:1px solid #3e647c;border-radius:5px;background:#112f44;overflow:hidden}.industry-tile>*{position:relative;z-index:1}.industry-tile:before{opacity:.74}.industry-tile b{font-size:20px}.industry-tile small{font-size:11px;color:#e0e9f0;margin-top:4px}.industry-tile.selected{border:2px solid #f64a51}.industry-detail{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.industry-detail h2{font-size:28px;margin:10px 0}.industry-detail p{color:#c1d2dd}.industry-detail h3{margin:0 0 13px}.linked-patterns{display:flex;flex-direction:column;gap:7px}.pattern-pill{border:1px solid #345b74;padding:11px;color:#ddebf3;font-size:12px}.pattern-pill span{color:#86bdd7;margin-right:10px}.pattern-pill:hover{border-color:#9accdf}.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.source-list a{display:flex;align-items:center;gap:12px;padding:17px;background:#0d2739;border:1px solid #2a536b;border-radius:4px}.source-list a:hover{border-color:#85bad7}.source-list a .tag{flex-shrink:0;min-width:132px}.source-list a strong{font-size:12px;flex:1}.source-list a .ico{color:#8fbed8}
@media(max-width:1250px){.pattern-card{padding:10px;gap:6px}.pattern-icon{width:40px}.pattern-icon svg{width:30px}.adv-card{padding:7px}.adv-card h3{font-size:10px}.panel-heading>div{flex-wrap:wrap;gap:5px}.sectors-six{grid-template-columns:repeat(3,1fr)}.sector-card{height:73px}.bottom-layout{grid-template-columns:1fr}.half-layout{grid-template-columns:1fr}.advantages-six{grid-template-columns:repeat(3,1fr)}.adv-card{min-height:175px}.catalogue{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px}.sidebar.is-open{transform:translateX(0)}.backdrop.visible{display:block;position:fixed;inset:0;background:#0009;z-index:20}.main{margin-left:0}.mobile-bar{height:54px;display:flex;align-items:center;gap:15px;padding:0 16px;background:#061623;border-bottom:1px solid #1e455b}.mobile-bar button{background:transparent;border:0;color:#e6f1f7}.mobile-bar b{font-size:19px}.mobile-bar small{font-size:10px}.hero{height:270px}.hero-text{padding:24px}.hero:before{left:15%}.hero:after{background:linear-gradient(90deg,#051420 0%,rgba(5,20,32,.95) 42%,rgba(5,20,32,.25))}.patterns-five{grid-template-columns:repeat(2,minmax(0,1fr))}.patterns-five .pattern-card:last-child{grid-column:span 2}.advantage-directory{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){h1{font-size:35px}.homepage{padding:0 10px 12px;gap:10px}.hero{height:auto;min-height:330px}.hero-text{padding:25px 18px}.hero h1{font-size:34px}.hero-sub{font-size:14px}.hero:before{inset:0;background-position:center right;opacity:.5}.hero:after{background:linear-gradient(90deg,#061622 0%,rgba(6,22,34,.94) 57%,rgba(6,22,34,.5))}.panel{padding:10px}.panel-heading{align-items:flex-start;gap:6px}.panel-heading>div{display:block}.panel-heading h2{font-size:16px;white-space:normal}.panel-heading span{display:block;margin:6px 0 0 12px}.panel-heading>.text-link{font-size:9px;margin-top:4px}.patterns-five,.advantages-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.patterns-five .pattern-card:last-child{grid-column:auto}.pattern-card{min-height:134px;flex-direction:column;align-items:flex-start;gap:6px}.pattern-card h3{font-size:11px}.pattern-card p{font-size:10px}.pattern-icon{height:36px}.adv-card{min-height:185px}.adv-card .technical-symbol{height:55px}.adv-card p{font-size:10px}.mapping-grid{grid-template-columns:1fr;gap:5px}.map-arrows{line-height:1;transform:rotate(90deg);height:16px;overflow:hidden}.mapping-column>div{padding:3px 0}.metric-body{grid-template-columns:1fr}.sectors-six{grid-template-columns:repeat(3,1fr)}.sector-card{height:87px}.deep-three{grid-template-columns:1fr}.deep-three a{min-height:72px}.page-head{padding:28px 20px 25px}.page-head h1{font-size:36px}.page-head p{font-size:13px}.content-wrap{padding:15px 12px;gap:12px}.search-box{min-width:100%}.catalogue,.advantage-directory,.detail-grid,.evidence-tiles,.industry-detail,.source-list{grid-template-columns:1fr}.catalogue-card{min-height:220px}.adv-detail-card{min-height:210px}.simulation-layout{grid-template-columns:1fr}.lesson-list{position:static}.lesson-button{min-height:41px}.lesson-heading h2{font-size:26px}.lesson-heading p{font-size:13px}.prose{padding:17px}.prose h2{font-size:20px}.prose p,.prose li{font-size:12px}.arch-zone,.boundaries,.proof-grid{grid-template-columns:1fr}.architecture{padding:10px}.arch-node{min-width:0;flex:1;padding:10px 7px;min-height:90px}.arch-node b{font-size:10px}.arch-node small{font-size:9px}.inspector{border-left:0;border-top:1px solid #2d546c}.deployment-tabs{grid-template-columns:repeat(2,1fr)}.deployment-visual{padding:10px;flex-wrap:wrap}.deployment-visual>div{min-width:110px}.ladder{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-tile{height:115px}.foot{font-size:8px;padding:15px}.controls{grid-template-columns:1fr}.lesson-footer .button{padding:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:650px){.pattern-card p,.adv-card p{font-size:11px;line-height:1.45}.panel-heading span{font-size:10px}.mapping-column>div{font-size:11px}.metric-line{font-size:10px}.sector-card small{font-size:9.5px}.deep-three small{font-size:10px}}