:root{--sdk-navy:#071a33;--sdk-navy2:#0b294d;--sdk-blue:#0c83b2;--sdk-cyan:#24b8e2;--sdk-green:#31d579;--sdk-text:#09213d;--sdk-muted:#526b7d;--sdk-line:#d7e5ed;--sdk-soft:#f2f8fb;--sdk-white:#fff}.sdk-page{margin:0;color:var(--sdk-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}.sdk-page *{box-sizing:border-box}.sdk-shell{width:min(1180px,calc(100% - 40px));margin:auto}.sdk-skip{position:fixed;left:12px;top:10px;z-index:1000;transform:translateY(-160%);background:#fff;color:#071a33;padding:10px 14px;border-radius:8px}.sdk-skip:focus{transform:none}.sdk-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid #e2ebf1}.sdk-header-inner{height:72px;display:flex;align-items:center;gap:28px}.sdk-logo{margin-right:auto}.sdk-logo img{width:220px;height:auto;display:block}.sdk-main-nav{display:flex;gap:28px}.sdk-main-nav a,.sdk-header-cta{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:800;font-size:.9rem;color:#102c45}.sdk-main-nav a[aria-current=page]{color:#057746}.sdk-header-cta{padding:0 18px;border-radius:10px;background:#071a33;color:#fff}.sdk-menu-toggle{display:none;width:44px;height:44px;border:0;background:#fff;border-radius:8px}.sdk-menu-toggle span{display:block;width:20px;height:2px;background:#0b294d;margin:4px auto}.sdk-mobile-nav{display:none}.sdk-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbfd 0,#edf7fb 56%,#f8fbfd 100%);border-bottom:1px solid #dae7ee}.sdk-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#dceaf1 1px,transparent 1px),linear-gradient(90deg,#dceaf1 1px,transparent 1px);background-size:44px 44px;opacity:.48}.sdk-blueprint-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sdk-blueprint-bg>strong{position:absolute;right:-30px;top:125px;font-size:9.6rem;letter-spacing:-.05em;color:#0b4262;opacity:.055;transform:rotate(-6deg);white-space:nowrap}.sdk-blueprint-bg>span{position:absolute;right:7%;bottom:42px;font-size:.72rem;font-weight:900;letter-spacing:.18em;color:#0a83b3;opacity:.5}.sdk-blueprint-bg>em{position:absolute;right:11%;bottom:85px;font-size:1.05rem;font-style:normal;font-weight:900;color:#0b4262;opacity:.15}.sdk-bg-wall{position:absolute;right:0;top:82px;width:43%;height:420px;border:2px solid rgba(12,131,178,.12);transform:skewY(-4deg);border-radius:28px}.sdk-bg-wall i{position:absolute;top:0;bottom:0;width:2px;background:rgba(12,131,178,.14)}.sdk-bg-wall i:nth-child(1){left:16%}.sdk-bg-wall i:nth-child(2){left:37%}.sdk-bg-wall i:nth-child(3){left:58%}.sdk-bg-wall i:nth-child(4){left:79%}.sdk-bg-wall b{position:absolute;left:43%;bottom:0;width:25%;height:52%;border:2px solid rgba(49,213,121,.16);border-bottom:0}.sdk-bg-dots{position:absolute;right:8%;top:160px;width:300px;height:220px;background-image:radial-gradient(circle,rgba(10,61,91,.16) 1.2px,transparent 1.3px);background-size:18px 18px;opacity:.4}.sdk-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:70px;align-items:center;min-height:555px;padding:62px 0}.sdk-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.72rem;color:#61788a;margin-bottom:14px}.sdk-breadcrumb a{color:#4c6678;text-decoration:none;min-height:28px;display:inline-flex;align-items:center}.sdk-eyebrow{margin:0 0 12px;color:#07779d;font-weight:950;font-size:.73rem;letter-spacing:.105em;text-transform:uppercase}.sdk-hero h1{font-size:clamp(2.7rem,4.5vw,4.85rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:760px}.sdk-lead{font-size:1.05rem;line-height:1.72;color:#526b7d;max-width:720px}.sdk-hero-actions{display:flex;gap:10px;margin:26px 0 18px}.sdk-btn{min-height:46px;padding:0 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;font-size:.86rem}.sdk-btn-primary{background:#071a33;color:#fff}.sdk-btn-secondary{background:#fff;color:#123853;border:1px solid #cedfe8}.sdk-trust{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.sdk-trust li{padding:7px 10px;border:1px solid #d7e5ed;background:#fff;border-radius:999px;font-size:.7rem;font-weight:800;color:#436074}.sdk-frame-scene{position:relative;background:rgba(255,255,255,.91);border:1px solid #cfe0e9;border-radius:24px;padding:20px;box-shadow:0 28px 70px rgba(7,34,58,.11);backdrop-filter:blur(6px)}.sdk-scene-head{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #dce7ed;padding-bottom:13px}.sdk-scene-head span{font-size:.68rem;color:#07779d;font-weight:950;letter-spacing:.13em}.sdk-scene-head b{font-size:.64rem;color:#526b7d}.sdk-wall-stage{height:210px;position:relative;margin:18px 0;border:1px solid #d2e2e9;border-radius:16px;background:#edf5f8;overflow:hidden}.sdk-board-face{position:absolute;top:17px;bottom:17px;width:12%;background:linear-gradient(135deg,#f2f2ef,#fff);border:1px solid #cbd8df}.sdk-board-face.left{left:7%}.sdk-board-face.right{right:7%}.sdk-frame-line{position:absolute;top:24px;bottom:24px;width:14px;border-radius:4px;background:linear-gradient(90deg,#80a4ba,#d9e5ec,#6e93aa);box-shadow:0 0 0 1px rgba(55,99,123,.18)}.sdk-frame-line.f1{left:25%}.sdk-frame-line.f2{left:38%}.sdk-frame-line.f3{left:51%}.sdk-frame-line.f4{left:64%}.sdk-frame-line.f5{left:77%}.sdk-door-cut{position:absolute;left:43%;bottom:0;width:19%;height:54%;background:#fff;border:2px solid rgba(49,213,121,.55);border-bottom:0}.sdk-dim{position:absolute;top:14px;left:39%;color:#087a4a;font-weight:950;font-size:1.2rem}.sdk-wall-stage small{position:absolute;top:39px;left:39%;color:#4f6a7b;font-size:.58rem}.sdk-scene-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sdk-scene-metrics div{border:1px solid #d6e5ed;background:#f9fcfd;border-radius:11px;padding:11px}.sdk-scene-metrics span,.sdk-scene-order span{display:block;color:#5a7283;font-size:.59rem}.sdk-scene-metrics strong{display:block;margin-top:3px;font-size:.92rem}.sdk-scene-order{margin-top:10px;padding:14px;border-left:3px solid #31d579;border-radius:10px;background:linear-gradient(90deg,#effbf5,#f8fcfa)}.sdk-scene-order strong{display:block;font-size:1.7rem;color:#075a36}.sdk-scene-order small{color:#4f6d5e}.sdk-frame-scene>p{font-size:.61rem;color:#526b7d;margin:10px 0 0;font-weight:750}.sdk-proof{border-bottom:1px solid #dde8ee;background:#fff}.sdk-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.sdk-proof-grid>div{padding:13px 18px;display:grid;grid-template-columns:30px 1fr;column-gap:8px;border-right:1px solid #e2ebf0}.sdk-proof-grid span{grid-row:1/3;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#071a33;color:#fff;font-size:.62rem;font-weight:900}.sdk-proof-grid strong{font-size:.72rem}.sdk-proof-grid small{font-size:.58rem;color:#536b7d}.sdk-anchor{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e3ebf0}.sdk-anchor-scroll{display:flex;gap:26px;overflow:auto;scrollbar-width:none}.sdk-anchor a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:#345369;font-size:.72rem;font-weight:850;white-space:nowrap}.sdk-calculator,.sdk-section,.sdk-related{padding:70px 0}.sdk-section.sdk-soft{background:#f3f8fb}.sdk-section-head{max-width:880px;margin-bottom:28px}.sdk-section-head.compact{margin-bottom:22px}.sdk-section-head h2,.sdk-method-grid h2,.sdk-faq-grid h2{font-size:clamp(2rem,3vw,3.15rem);letter-spacing:-.04em;line-height:1.02;margin:0 0 13px}.sdk-section-head p:not(.sdk-eyebrow),.sdk-method-grid p,.sdk-faq-grid p{color:#526b7d;line-height:1.7}.sdk-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;border:1px solid #d0e0e8;background:#edf5f8;border-radius:14px;margin-bottom:16px}.sdk-mode button{min-height:64px;border:0;border-radius:10px;padding:10px 14px;text-align:left;background:transparent;color:#173b54;cursor:pointer}.sdk-mode button strong,.sdk-mode button small{display:block}.sdk-mode button strong{font-size:.82rem}.sdk-mode button small{margin-top:3px;color:#536b7d;font-size:.58rem}.sdk-mode button.is-active{background:#071a33;color:#fff;box-shadow:0 4px 12px rgba(7,26,51,.18)}.sdk-mode button.is-active small{color:#cbdce8}.sdk-workbench{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:22px;align-items:start}.sdk-form{border:1px solid #d4e2e9;border-radius:21px;background:#fbfdfe;padding:20px;box-shadow:0 18px 40px rgba(12,52,78,.055)}.sdk-error{margin-bottom:12px;padding:12px;border-radius:10px;background:#fff1ee;color:#8a2918;font-weight:700}.sdk-step{padding:5px 0 20px}.sdk-step+.sdk-step{padding-top:20px;border-top:1px solid #dce7ed}.sdk-step-head{display:flex;gap:10px;margin-bottom:15px}.sdk-step-head>span{width:30px;height:30px;border-radius:9px;background:#071a33;color:#fff;display:grid;place-items:center;font-weight:900;font-size:.64rem;flex:none}.sdk-step-head strong,.sdk-step-head small{display:block}.sdk-step-head strong{font-size:.85rem}.sdk-step-head small{color:#536b7d;margin-top:3px;font-size:.6rem}.sdk-two,.sdk-three{display:grid;gap:10px}.sdk-two{grid-template-columns:repeat(2,1fr)}.sdk-three{grid-template-columns:repeat(3,1fr)}.sdk-field{display:grid;gap:6px;margin-bottom:10px}.sdk-field>span{font-weight:850;font-size:.68rem}.sdk-field small{color:#536b7d;font-size:.58rem;line-height:1.5}.sdk-control,.sdk-unit{width:100%;min-height:45px;border:1px solid #cbdce6;border-radius:9px;background:#fff}.sdk-control{padding:0 12px;color:#0a2b43}.sdk-unit{display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden}.sdk-unit input{border:0;outline:0;min-width:0;width:100%;height:43px;padding:0 12px;font:inherit;color:#0a2b43;background:transparent}.sdk-unit b{padding:0 11px;color:#62798a;font-size:.62rem}.sdk-product-card{margin:8px 0 12px;padding:13px;border-left:3px solid #18a6d4;background:#eaf7fc;border-radius:0 10px 10px 0}.sdk-product-card strong{display:block;font-size:.74rem}.sdk-product-card p{font-size:.59rem;color:#536b7d;margin:5px 0 0;line-height:1.5}.sdk-product-card ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:9px 0 0}.sdk-product-card li{font-size:.55rem;font-weight:850;background:#fff;border:1px solid #d2e4ec;border-radius:999px;padding:5px 7px}.sdk-result-rail{position:sticky;top:58px;min-width:0}.sdk-result{background:linear-gradient(145deg,#072344,#06182e);color:#fff;border-radius:22px;padding:22px;box-shadow:0 25px 55px rgba(7,26,51,.13);position:relative;overflow:hidden}.sdk-result:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(78,147,190,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(78,147,190,.10) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}.sdk-result>*{position:relative}.sdk-result-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(192,220,236,.17);padding-bottom:12px;color:#5bd5f2}.sdk-result-head span{font-size:.67rem;font-weight:950;letter-spacing:.13em}.sdk-result-head small{color:#afc6d5;font-size:.58rem}.sdk-result-primary{padding:18px 0 14px}.sdk-result-primary>span{font-size:.62rem;color:#b5cbd8}.sdk-result-primary strong{display:block;font-size:3.25rem;line-height:1;letter-spacing:-.04em;margin:5px 0}.sdk-result-primary small{color:#c8d9e4}.sdk-result-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sdk-result-kpis div{border:1px solid rgba(191,216,231,.19);background:rgba(255,255,255,.045);padding:11px;border-radius:11px}.sdk-result-kpis span{display:block;color:#aac0ce;font-size:.57rem}.sdk-result-kpis strong{display:block;margin-top:3px;font-size:.83rem}.sdk-result-list{display:grid;gap:7px;margin-top:10px}.sdk-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(186,213,229,.18);border-radius:10px;background:rgba(255,255,255,.035)}.sdk-result-row strong{font-size:.7rem}.sdk-result-row span{font-size:.64rem;color:#55ef9c;font-weight:900}.sdk-result-row small{display:block;color:#aabfcd;font-size:.55rem;margin-top:3px}.sdk-sanity,.sdk-result-note{margin-top:10px;padding:11px;border-radius:10px}.sdk-sanity{border-left:3px solid #31d579;background:rgba(38,197,111,.10)}.sdk-sanity.is-warn{border-left-color:#ffbe47;background:rgba(255,190,71,.11)}.sdk-sanity strong,.sdk-result-note strong{font-size:.66rem}.sdk-sanity p,.sdk-result-note p{font-size:.58rem;line-height:1.5;margin:4px 0 0;color:#c2d6e2}.sdk-result-note{border:1px solid rgba(188,214,229,.15);background:rgba(255,255,255,.035)}.sdk-result-actions{display:flex;gap:8px;margin-top:12px}.sdk-result-actions button{min-height:44px;border:1px solid rgba(202,224,237,.24);border-radius:9px;background:transparent;color:#fff;padding:0 12px;font-weight:800;cursor:pointer}.sdk-reference-grid,.sdk-use-grid,.sdk-scenario-grid,.sdk-mistake-grid,.sdk-related-grid{display:grid;gap:14px}.sdk-reference-grid{grid-template-columns:repeat(3,1fr)}.sdk-reference-grid article,.sdk-use-grid article,.sdk-scenario-grid article,.sdk-mistake-grid article{border:1px solid #d6e4eb;border-radius:15px;background:#fff;padding:18px}.sdk-reference-grid span,.sdk-use-grid span,.sdk-scenario-grid span,.sdk-mistake-grid>article>span{color:#07779d;font-size:.6rem;font-weight:950;letter-spacing:.08em}.sdk-reference-grid strong,.sdk-use-grid strong,.sdk-scenario-grid strong,.sdk-mistake-grid strong{display:block;margin:7px 0;font-size:1rem;line-height:1.3}.sdk-reference-grid p,.sdk-use-grid p,.sdk-scenario-grid p,.sdk-mistake-grid p{color:#526b7d;font-size:.76rem;line-height:1.65}.sdk-reference-grid a{min-height:32px;display:inline-flex;align-items:center;color:#08789f;font-size:.67rem;font-weight:850}.sdk-data-callout{margin-top:15px;border-radius:15px;background:#071a33;color:#fff;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sdk-data-callout span{font-size:.61rem;color:#62d7ef}.sdk-data-callout strong{display:block;font-size:1rem;margin:3px 0}.sdk-data-callout p{font-size:.68rem;color:#c0d3df;margin:0}.sdk-data-callout a{min-height:44px;display:inline-flex;align-items:center;background:#fff;color:#09213d;text-decoration:none;padding:0 14px;border-radius:9px;font-weight:850;white-space:nowrap}.sdk-use-grid{grid-template-columns:repeat(2,1fr)}.sdk-scenario-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;border:1px solid #d4e3ea;background:#fff;border-radius:18px;padding:22px;margin-bottom:14px}.sdk-scenario-feature>div>span{color:#07779d;font-size:.62rem;font-weight:950}.sdk-scenario-feature h3{font-size:1.55rem;margin:7px 0}.sdk-scenario-feature p{color:#526b7d;line-height:1.7}.sdk-scenario-result{padding:22px;border-radius:14px;background:#071a33;color:#fff}.sdk-scenario-result strong{display:block;font-size:2.3rem}.sdk-scenario-result span,.sdk-scenario-result b{display:block;margin-top:5px}.sdk-scenario-result span{color:#b9cfdb;font-size:.7rem}.sdk-scenario-result b{color:#5ff2a3}.sdk-scenario-grid{grid-template-columns:repeat(3,1fr)}.sdk-method-grid{display:grid;grid-template-columns:1fr .9fr;gap:38px;align-items:start}.sdk-formula{padding:12px 14px;border-left:3px solid #0c83b2;background:#eef7fb;margin:9px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.sdk-method-cards{display:grid;gap:10px}.sdk-method-cards>div{padding:16px;border:1px solid #d5e3ea;border-radius:13px;background:#fbfdfe}.sdk-method-cards span{color:#07779d;font-size:.58rem;font-weight:950}.sdk-method-cards strong{display:block;margin:5px 0}.sdk-method-cards p{font-size:.72rem;margin:0;color:#526b7d}.sdk-mistakes{background:#f7fafc}.sdk-mistake-grid{grid-template-columns:repeat(3,1fr)}.sdk-mistake-check{background:#071a33!important;color:#fff}.sdk-mistake-check span{color:#62d7ef!important}.sdk-mistake-check ol{margin:10px 0 0;padding-left:18px;font-size:.72rem;line-height:1.75;color:#d4e3ec}.sdk-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px}.sdk-faq-list{display:grid;gap:8px}.sdk-faq-list details{border:1px solid #d8e5ec;border-radius:12px;background:#fff}.sdk-faq-list summary{min-height:48px;display:flex;align-items:center;padding:0 14px;font-weight:850;cursor:pointer}.sdk-faq-list p{padding:0 14px 14px;margin:0;color:#526b7d;line-height:1.7;font-size:.76rem}.sdk-related{background:#eef6fa}.sdk-related-grid{grid-template-columns:repeat(4,1fr)}.sdk-related-grid a{display:block;text-decoration:none;color:#09213d;border:1px solid #d2e1e9;background:#fff;border-radius:14px;padding:16px}.sdk-related-grid span{font-size:.58rem;color:#07779d;font-weight:950}.sdk-related-grid strong{display:block;margin:7px 0}.sdk-related-grid p{font-size:.68rem;color:#526b7d;line-height:1.5}.sdk-footer{background:#06172c;color:#dce9f1;padding:46px 0 18px}.sdk-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px}.sdk-footer h3{color:#fff;font-size:.78rem}.sdk-footer a{color:#c7d9e5;text-decoration:none;min-height:30px;display:flex;align-items:center;font-size:.7rem}.sdk-footer-brand p{max-width:360px;color:#9fb8c8;line-height:1.65;font-size:.7rem}.sdk-socials{display:flex;gap:8px;margin-top:10px}.sdk-socials a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #34506a;border-radius:9px}.sdk-socials svg{width:20px;height:20px}.sdk-footer-bottom{border-top:1px solid #263c53;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;gap:25px;color:#8ea9ba;font-size:.62rem}.sdk-footer-bottom span:last-child{max-width:720px;text-align:right}.sdk-page a:focus-visible,.sdk-page button:focus-visible,.sdk-page summary:focus-visible,.sdk-page input:focus-visible,.sdk-page select:focus-visible{outline:3px solid rgba(7,119,157,.35);outline-offset:3px}@media(max-width:1050px){.sdk-hero-grid{grid-template-columns:1fr .8fr;gap:35px}.sdk-workbench{grid-template-columns:1fr}.sdk-result-rail{position:relative;top:auto}.sdk-reference-grid,.sdk-scenario-grid,.sdk-mistake-grid{grid-template-columns:repeat(2,1fr)}.sdk-related-grid{grid-template-columns:repeat(2,1fr)}.sdk-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.sdk-footer-grid>div:last-child{display:none}}@media(max-width:780px){.sdk-shell{width:min(100% - 28px,1180px)}.sdk-main-nav,.sdk-header-cta{display:none}.sdk-menu-toggle{display:block}.sdk-mobile-nav.is-open{display:grid;gap:4px;padding:8px 18px 16px;background:#fff;border-top:1px solid #e3ebf0}.sdk-mobile-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;color:#193a52;font-weight:800}.sdk-hero-grid{grid-template-columns:1fr;padding:42px 0}.sdk-blueprint-bg>strong{font-size:5.2rem;top:370px;right:-80px}.sdk-frame-scene{max-width:620px}.sdk-proof-grid{grid-template-columns:repeat(2,1fr)}.sdk-mode{grid-template-columns:1fr}.sdk-mode button{min-height:58px}.sdk-two,.sdk-three{grid-template-columns:1fr 1fr}.sdk-reference-grid,.sdk-use-grid,.sdk-scenario-grid,.sdk-mistake-grid,.sdk-related-grid{grid-template-columns:1fr 1fr}.sdk-scenario-feature,.sdk-method-grid,.sdk-faq-grid{grid-template-columns:1fr}.sdk-footer-grid{grid-template-columns:1fr 1fr}.sdk-footer-brand{grid-column:1/-1}.sdk-footer-bottom{display:block}.sdk-footer-bottom span{display:block;margin-top:8px;text-align:left!important}}@media(max-width:560px){.sdk-header-inner{height:62px}.sdk-logo img{width:184px}.sdk-hero h1{font-size:2.65rem}.sdk-lead{font-size:.92rem}.sdk-hero-actions{display:grid;grid-template-columns:1fr 1fr}.sdk-trust{gap:6px}.sdk-frame-scene{padding:14px;border-radius:18px}.sdk-wall-stage{height:170px}.sdk-scene-head b{display:none}.sdk-scene-metrics{grid-template-columns:1fr 1fr}.sdk-scene-metrics div:last-child{grid-column:1/-1}.sdk-proof-grid{grid-template-columns:1fr 1fr}.sdk-proof-grid>div{padding:10px}.sdk-calculator,.sdk-section,.sdk-related{padding:50px 0}.sdk-form{padding:14px}.sdk-two,.sdk-three{grid-template-columns:1fr}.sdk-result{padding:16px}.sdk-result-primary strong{font-size:2.8rem}.sdk-reference-grid,.sdk-use-grid,.sdk-scenario-grid,.sdk-mistake-grid,.sdk-related-grid{grid-template-columns:1fr}.sdk-data-callout{display:block}.sdk-data-callout a{margin-top:14px;width:100%;justify-content:center}.sdk-footer-grid{grid-template-columns:1fr}.sdk-footer-brand{grid-column:auto}.sdk-footer-grid>div:nth-child(3){display:none}.sdk-footer-bottom{font-size:.58rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ==========================================================================
   V-NEXT #13 PREMIUM ART DIRECTION — SYSTEM STUDIO / MATERIAL ATLAS
   ========================================================================== */
.sdk-hero-premium{background:linear-gradient(90deg,#f6fafc 0 56%,#081c34 56% 100%);min-height:650px}
.sdk-hero-premium:before{background-image:linear-gradient(rgba(20,83,119,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(20,83,119,.09) 1px,transparent 1px);opacity:.75}
.sdk-hero-premium:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48%;background:radial-gradient(circle at 28% 32%,rgba(39,183,222,.16),transparent 34%),linear-gradient(145deg,rgba(18,58,95,.16),transparent 50%);pointer-events:none}
.sdk-hero-premium .sdk-blueprint-bg>strong{right:-5%;top:110px;font-size:8.5rem;color:#d5e4ee;opacity:.06;transform:rotate(-5deg)}
.sdk-hero-premium .sdk-blueprint-bg>span,.sdk-hero-premium .sdk-blueprint-bg>em{color:#7ed8f2}
.sdk-hero-premium .sdk-bg-wall{right:-3%;top:90px;width:45%;height:470px;border-color:rgba(92,209,240,.12)}
.sdk-hero-premium .sdk-bg-wall i{background:rgba(92,209,240,.13)}
.sdk-hero-premium .sdk-bg-wall b{border-color:rgba(61,227,136,.18)}
.sdk-hero-premium .sdk-bg-dots{opacity:.22}
.sdk-hero-premium .sdk-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);gap:64px;min-height:650px}
.sdk-hero-premium .sdk-hero-copy{padding:20px 0}
.sdk-hero-premium .sdk-hero-copy h1{font-size:clamp(3rem,4.2vw,4.45rem);max-width:690px;margin-bottom:18px}
.sdk-hero-premium .sdk-lead{max-width:690px}
.sdk-hero-stamp{display:flex;align-items:center;gap:12px;margin:0 0 16px}.sdk-hero-stamp span{padding:7px 10px;border-radius:999px;background:#071a33;color:#fff;font-size:.61rem;font-weight:900;letter-spacing:.12em}.sdk-hero-stamp b{color:#08789f;font-size:.68rem;letter-spacing:.11em}
.sdk-assembly-lab{position:relative;z-index:3;min-height:475px;padding:20px;border:1px solid rgba(134,199,226,.32);border-radius:28px;background:linear-gradient(155deg,rgba(14,46,79,.97),rgba(5,22,44,.99));color:#fff;box-shadow:0 35px 95px rgba(0,13,31,.28);overflow:hidden}
.sdk-assembly-lab:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(103,191,224,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(103,191,224,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 55%,transparent);pointer-events:none}
.sdk-assembly-lab:after{content:"";position:absolute;right:-65px;top:-65px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(66,226,151,.22);box-shadow:0 0 0 36px rgba(66,226,151,.03),0 0 0 72px rgba(66,226,151,.02);pointer-events:none}
.sdk-assembly-lab>*{position:relative;z-index:1}.sdk-lab-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(190,222,237,.16)}.sdk-lab-head span{display:block;color:#63d9f4;font-size:.63rem;font-weight:950;letter-spacing:.15em}.sdk-lab-head strong{display:block;margin-top:4px;font-size:.83rem}.sdk-lab-head>b{font-size:.58rem;color:#9fbac9;letter-spacing:.12em}
.sdk-exploded-wall{height:285px;position:relative;margin:14px 0 8px;perspective:900px;overflow:hidden}.sdk-layer{position:absolute;top:42px;bottom:35px;width:33%;border-radius:7px;box-shadow:0 16px 35px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.5)}.sdk-layer span{position:absolute;left:12px;bottom:10px;color:#2a4658;font-weight:950;font-size:.58rem;letter-spacing:.08em}.sdk-layer-rear{left:5%;background:linear-gradient(135deg,#e6e5df,#fcfbf7);transform:rotateY(15deg) translateZ(-18px)}.sdk-layer-front{right:4%;background:linear-gradient(135deg,#f7f6f1,#fff);transform:rotateY(-13deg) translateZ(26px)}.sdk-layer-front>i{position:absolute;width:5px;height:5px;border-radius:50%;background:#8aa3b2;box-shadow:0 0 0 2px rgba(255,255,255,.65)}.sdk-layer-front>i:nth-of-type(1){left:15%;top:18%}.sdk-layer-front>i:nth-of-type(2){left:48%;top:18%}.sdk-layer-front>i:nth-of-type(3){left:82%;top:18%}.sdk-layer-front>i:nth-of-type(4){left:15%;bottom:20%}.sdk-layer-front>i:nth-of-type(5){left:48%;bottom:20%}.sdk-layer-front>i:nth-of-type(6){left:82%;bottom:20%}
.sdk-cavity{position:absolute;left:34%;right:33%;top:55px;bottom:48px;border-radius:8px;background:repeating-linear-gradient(135deg,rgba(78,204,149,.20) 0 8px,rgba(78,204,149,.06) 8px 16px);border:1px dashed rgba(96,229,169,.32)}.sdk-cavity i{position:absolute;left:12%;right:12%;height:1px;background:rgba(102,233,174,.24)}.sdk-cavity i:nth-child(1){top:20%}.sdk-cavity i:nth-child(2){top:40%}.sdk-cavity i:nth-child(3){top:60%}.sdk-cavity i:nth-child(4){top:80%}
.sdk-stud{position:absolute;top:49px;bottom:42px;width:13px;border-radius:4px;background:linear-gradient(90deg,#789eb6,#dbe8ef 45%,#6d91a9);box-shadow:0 8px 18px rgba(0,0,0,.2)}.sdk-stud.s1{left:36%}.sdk-stud.s2{left:43%}.sdk-stud.s3{left:50%}.sdk-stud.s4{left:57%}.sdk-stud.s5{left:64%}.sdk-door-void{position:absolute;left:46%;bottom:35px;width:18%;height:42%;background:#071a33;border:1px solid rgba(74,229,151,.55);border-bottom:0;box-shadow:inset 0 0 0 1px rgba(74,229,151,.1)}
.sdk-dim-rail{position:absolute;left:36%;right:35%;top:12px;height:24px;border-top:1px solid #55daf4}.sdk-dim-rail:before,.sdk-dim-rail:after{content:"";position:absolute;top:-5px;width:1px;height:10px;background:#55daf4}.sdk-dim-rail:before{left:0}.sdk-dim-rail:after{right:0}.sdk-dim-rail span{position:absolute;left:50%;transform:translate(-50%,-100%);top:-4px;color:#69e6ff;font-size:.61rem;font-weight:950}.sdk-spec-tag{position:absolute;padding:6px 8px;border:1px solid rgba(181,218,235,.18);border-radius:8px;background:rgba(7,26,51,.74);backdrop-filter:blur(8px)}.sdk-spec-tag span{display:block;color:#82cfe8;font-size:.48rem;letter-spacing:.1em}.sdk-spec-tag b{display:block;margin-top:2px;font-size:.65rem}.sdk-spec-tag.tag-board{left:3%;bottom:4px}.sdk-spec-tag.tag-frame{right:2%;bottom:4px}
.sdk-lab-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sdk-lab-bottom>div:not(.sdk-lab-status){padding:12px;border:1px solid rgba(193,222,236,.15);border-radius:12px;background:rgba(255,255,255,.04)}.sdk-lab-bottom span{display:block;color:#9db8c8;font-size:.53rem}.sdk-lab-bottom strong{display:block;font-size:1.35rem;margin:3px 0}.sdk-lab-bottom small{color:#c0d2dd;font-size:.55rem}.sdk-lab-status{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-left:3px solid #31d579;background:rgba(49,213,121,.08);border-radius:8px}.sdk-lab-status i{width:8px;height:8px;border-radius:50%;background:#31d579;box-shadow:0 0 0 5px rgba(49,213,121,.11)}.sdk-lab-status span{color:#cce6d9;font-weight:800}
.sdk-custom-board{margin:10px 0 14px;padding:14px;border:1px solid #bedce8;border-radius:13px;background:linear-gradient(135deg,#f3fbfe,#edf7fb);box-shadow:inset 3px 0 #1ba9d4}.sdk-custom-board[hidden]{display:none}.sdk-custom-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.sdk-custom-head span{color:#07779d;font-size:.58rem;font-weight:950;letter-spacing:.09em}.sdk-custom-head strong{font-size:.68rem}.sdk-custom-board>p{margin:0;color:#536b7d;font-size:.62rem;line-height:1.6}.sdk-product-card.is-custom{border-left-color:#0d6e91;background:#eef6f9}.sdk-product-card a{display:inline-flex;min-height:28px;align-items:center;margin-top:8px;color:#08789f;font-weight:850;font-size:.62rem}
.sdk-material-section{position:relative;overflow:hidden;background:#071a33;color:#fff}.sdk-material-section:before{content:"MATERIAL / ATLAS";position:absolute;right:-20px;top:36px;font-size:7rem;font-weight:950;color:#fff;opacity:.025;letter-spacing:-.04em}.sdk-material-section .sdk-section-head h2,.sdk-material-section h2{color:#fff}.sdk-material-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:end;margin-bottom:26px}.sdk-material-intro h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 13px}.sdk-material-intro p:not(.sdk-eyebrow){color:#b9cfdb;line-height:1.7}.sdk-atlas-rule{padding:18px;border:1px solid rgba(183,218,235,.18);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06)}.sdk-atlas-rule span{color:#5bd8f4;font-size:.58rem;font-weight:950;letter-spacing:.12em}.sdk-atlas-rule strong{display:block;font-size:1.45rem;margin:7px 0}.sdk-atlas-rule small{display:block;color:#a9c1cf;line-height:1.55}.sdk-material-atlas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sdk-material-sample{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:16px;border:1px solid rgba(187,218,232,.15);border-radius:17px;background:rgba(255,255,255,.045);min-height:230px}.sdk-board-swatch{position:relative;border-radius:9px;border:1px solid rgba(255,255,255,.45);box-shadow:0 15px 30px rgba(0,0,0,.18);overflow:hidden}.sdk-board-swatch:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 48%,rgba(86,106,115,.18) 49%,transparent 50%),linear-gradient(transparent 48%,rgba(86,106,115,.12) 49%,transparent 50%);background-size:28px 28px;opacity:.32}.sample-rb .sdk-board-swatch{background:linear-gradient(145deg,#ecebe6,#fff)}.sample-rbi .sdk-board-swatch{background:linear-gradient(145deg,#bce9d0,#e8fbf1)}.sample-rf .sdk-board-swatch{background:linear-gradient(145deg,#efc1c1,#fff0f0)}.sdk-board-swatch span{position:absolute;left:9px;bottom:10px;color:#17384d;font-size:.8rem;font-weight:950}.sdk-board-swatch i{position:absolute;right:-8px;top:12%;bottom:12%;width:10px;background:linear-gradient(#d9d6cf,#fff,#c9c6bf);box-shadow:-3px 0 8px rgba(0,0,0,.15)}.sdk-material-sample>div:last-child>span{color:#63d8f2;font-size:.55rem;font-weight:950;letter-spacing:.09em}.sdk-material-sample strong{display:block;margin:6px 0;font-size:1.05rem}.sdk-material-sample p{color:#b6cbd8;font-size:.7rem;line-height:1.6}.sdk-material-meta{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.sdk-material-meta b{padding:6px 7px;border-radius:999px;background:rgba(255,255,255,.075);font-size:.54rem;color:#e6f1f6}.sdk-material-sample a{color:#6ddcf5;text-decoration:none;font-size:.62rem;font-weight:850;min-height:30px;display:inline-flex;align-items:center}.sdk-data-callout-premium{background:linear-gradient(90deg,#0d2b4d,#103f5b);border:1px solid rgba(116,212,238,.18)}
.sdk-decision-section{background:#fff}.sdk-decision-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.sdk-decision-copy h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 13px}.sdk-decision-copy>p:not(.sdk-eyebrow){color:#526b7d;line-height:1.7}.sdk-decision-path{display:flex;align-items:center;gap:10px;margin-top:24px}.sdk-decision-path>div{flex:1;min-width:0;padding:14px 12px;border:1px solid #d5e3ea;border-radius:14px;background:#fbfdfe}.sdk-decision-path>div>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#071a33;color:#fff;font-size:.55rem;font-weight:950;margin-bottom:12px}.sdk-decision-path b,.sdk-decision-path strong{display:block}.sdk-decision-path b{color:#07779d;font-size:.51rem;letter-spacing:.08em}.sdk-decision-path strong{margin-top:4px;font-size:.7rem}.sdk-decision-path>i{width:22px;height:1px;background:#b7cfdb;position:relative;flex:none}.sdk-decision-path>i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #87a9ba;border-top:3px solid transparent;border-bottom:3px solid transparent}.sdk-decision-console{padding:20px;border-radius:20px;background:linear-gradient(155deg,#0b294d,#071a33);color:#fff;box-shadow:0 25px 55px rgba(7,26,51,.13)}.sdk-console-head{padding-bottom:12px;border-bottom:1px solid rgba(192,220,235,.14)}.sdk-console-head span{display:block;color:#5cd9f4;font-size:.55rem;font-weight:950;letter-spacing:.11em}.sdk-console-head b{display:block;margin-top:4px;font-size:.8rem}.sdk-console-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(192,220,235,.10)}.sdk-console-row span{color:#c7d9e4;font-size:.68rem}.sdk-console-row strong{font-size:.63rem}.sdk-console-row.ok strong{color:#5ef0a0}.sdk-console-row.warn strong{color:#ffd07a}.sdk-decision-console>p{color:#b6cbd8;line-height:1.6;font-size:.65rem;margin:14px 0 0}.sdk-decision-console>p b{color:#fff}
.sdk-scenarios-premium{background:linear-gradient(180deg,#f1f7fa,#f8fbfd)}.sdk-scenario-feature-premium{position:relative;overflow:hidden;box-shadow:0 20px 45px rgba(12,52,78,.06)}.sdk-scenario-feature-premium:before{content:"4.0 × 2.6 / 625";position:absolute;right:20px;top:14px;color:#0b5070;opacity:.06;font-size:2.6rem;font-weight:950;letter-spacing:-.04em}.sdk-scenario-grid article{position:relative;overflow:hidden}.sdk-mini-system{height:54px;margin:-4px -4px 12px;border-radius:10px;background:#eef6f9;position:relative;overflow:hidden}.sdk-mini-system i{position:absolute;background:#789db3;border-radius:2px}.scenario-ceiling .sdk-mini-system i{height:6px;left:8%;right:8%}.scenario-ceiling .sdk-mini-system i:nth-child(1){top:12px}.scenario-ceiling .sdk-mini-system i:nth-child(2){top:25px}.scenario-ceiling .sdk-mini-system i:nth-child(3){top:38px}.scenario-lining .sdk-mini-system i{top:8px;bottom:8px;width:7px}.scenario-lining .sdk-mini-system i:nth-child(1){left:20%}.scenario-lining .sdk-mini-system i:nth-child(2){left:48%}.scenario-lining .sdk-mini-system i:nth-child(3){left:76%}.scenario-warning .sdk-mini-system{background:#fff6e6}.scenario-warning .sdk-mini-system:before{content:"700";position:absolute;left:12px;top:8px;color:#9b6400;font-weight:950;font-size:1.3rem}.scenario-warning .sdk-mini-system i{top:9px;bottom:9px;width:5px;background:#d6a23a}.scenario-warning .sdk-mini-system i:nth-child(1){right:20%}.scenario-warning .sdk-mini-system i:nth-child(2){right:42%}.scenario-warning .sdk-mini-system i:nth-child(3){right:64%}
@media(max-width:1050px){.sdk-hero-premium{background:linear-gradient(180deg,#f6fafc 0 58%,#081c34 58% 100%)}.sdk-hero-premium:after{width:100%;top:52%;height:48%;clip-path:none}.sdk-hero-premium .sdk-hero-grid{grid-template-columns:1fr;padding-bottom:60px}.sdk-assembly-lab{max-width:720px}.sdk-material-intro,.sdk-decision-layout{grid-template-columns:1fr}.sdk-material-atlas{grid-template-columns:1fr 1fr}.sdk-decision-path{flex-wrap:wrap}.sdk-decision-path>i{display:none}}
@media(max-width:700px){.sdk-hero-premium{background:linear-gradient(180deg,#f6fafc 0 52%,#081c34 52% 100%)}.sdk-hero-premium .sdk-hero-copy h1{font-size:clamp(2.65rem,12vw,3.5rem)}.sdk-hero-stamp{align-items:flex-start;flex-direction:column;gap:6px}.sdk-assembly-lab{padding:14px;border-radius:20px}.sdk-exploded-wall{height:230px}.sdk-layer{width:35%}.sdk-stud{width:10px}.sdk-lab-bottom{grid-template-columns:1fr}.sdk-lab-status{grid-column:auto}.sdk-material-atlas{grid-template-columns:1fr}.sdk-material-sample{grid-template-columns:76px 1fr;min-height:210px}.sdk-decision-path{display:grid;grid-template-columns:1fr 1fr}.sdk-custom-head{display:block}.sdk-custom-head strong{display:block;margin-top:4px}}
@media(max-width:430px){.sdk-decision-path{grid-template-columns:1fr}.sdk-material-sample{grid-template-columns:64px 1fr}.sdk-hero-premium .sdk-hero-actions{grid-template-columns:1fr}.sdk-hero-premium .sdk-trust{display:grid;grid-template-columns:1fr 1fr}}

/* ======================================================================
   V3 VISUAL PIVOT · 2026-08-18
   Light material desk / order ticket / verified-source experience.
   Deliberately replaces the previous dark "system laboratory" treatment.
   ====================================================================== */
:root{
  --sdk-ink:#10233d;
  --sdk-ink-2:#263f57;
  --sdk-paper:#fffdf8;
  --sdk-paper-warm:#fff8ee;
  --sdk-sand:#f3e8d5;
  --sdk-sky:#eaf5ff;
  --sdk-mint:#e9f8f1;
  --sdk-peach:#fff0e8;
  --sdk-coral:#e66f4d;
  --sdk-success:#168a61;
  --sdk-shadow:0 24px 65px rgba(31,54,73,.10);
  --sdk-accent:#168a61;
  --sdk-accent-strong:#0d7250;
  --sdk-accent-soft:#e9f8f1;
  --sdk-accent-line:#a9dfc9;
}
body.sdk-page[data-sdk-mode="partition"]{
  --sdk-accent:#168a61;
  --sdk-accent-strong:#0d7250;
  --sdk-accent-soft:#e9f8f1;
  --sdk-accent-line:#a9dfc9;
}
body.sdk-page[data-sdk-mode="ceiling"]{
  --sdk-accent:#367bc3;
  --sdk-accent-strong:#245f9f;
  --sdk-accent-soft:#eaf4ff;
  --sdk-accent-line:#b9d8f6;
}
body.sdk-page[data-sdk-mode="lining"]{
  --sdk-accent:#d86e4e;
  --sdk-accent-strong:#b95438;
  --sdk-accent-soft:#fff0e8;
  --sdk-accent-line:#f1c4b5;
}

/* Hero: bright workshop table, not a dashboard. */
.sdk-hero-premium{
  min-height:0;
  background:
    radial-gradient(circle at 84% 13%,rgba(255,207,137,.28),transparent 24%),
    radial-gradient(circle at 72% 68%,rgba(150,220,196,.18),transparent 29%),
    linear-gradient(118deg,#fffdf8 0 58%,#eef7f4 58% 100%);
  border-bottom:1px solid #eadfce;
}
.sdk-hero-premium:before{
  opacity:.46;
  background-image:
    linear-gradient(rgba(83,105,120,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(83,105,120,.08) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,#000 0 45%,transparent 83%);
  mask-image:linear-gradient(90deg,#000 0 45%,transparent 83%);
}
.sdk-hero-premium:after{
  content:"";
  position:absolute;
  width:210px;
  height:72px;
  top:48px;
  right:7%;
  bottom:auto;
  background:rgba(255,220,139,.62);
  border:0;
  border-radius:4px;
  transform:rotate(4deg);
  box-shadow:none;
  clip-path:none;
  opacity:.78;
  pointer-events:none;
}
.sdk-hero-premium .sdk-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(455px,.9fr);
  gap:58px;
  min-height:615px;
  padding:58px 0 64px;
}
.sdk-hero-premium .sdk-hero-copy{padding:10px 0}
.sdk-hero-premium .sdk-hero-copy h1{
  max-width:720px;
  font-size:clamp(3.05rem,4.4vw,4.75rem);
  color:var(--sdk-ink);
  text-wrap:balance;
}
.sdk-hero-premium .sdk-lead{font-size:1.08rem;color:#50677a;max-width:700px}
.sdk-hero-premium .sdk-lead strong{color:#263f57}
.sdk-hero-stamp{gap:10px;flex-wrap:wrap}
.sdk-hero-stamp span{
  background:var(--sdk-ink);
  border-radius:8px;
  padding:8px 11px;
  box-shadow:4px 4px 0 #dfe8e2;
}
.sdk-hero-stamp b{
  color:#356b59;
  background:#eff8f3;
  border:1px solid #cfe7db;
  border-radius:999px;
  padding:7px 10px;
  letter-spacing:.035em;
  text-transform:none;
}
.sdk-btn{min-height:52px;border-radius:12px;padding:0 19px}
.sdk-btn-primary{background:var(--sdk-ink);box-shadow:0 8px 18px rgba(16,35,61,.14)}
.sdk-btn-primary:hover{background:#193554}
.sdk-btn-secondary{background:rgba(255,255,255,.86);border-color:#d9cebd;color:#274058}
.sdk-trust li{
  background:rgba(255,255,255,.76);
  border-color:#e3d9ca;
  color:#486174;
  padding:8px 11px;
}

/* Decorative blueprint layer becomes sparse and warm. */
.sdk-hero-premium .sdk-blueprint-bg>strong{
  right:-3%;top:108px;font-size:7.2rem;color:#52705f;opacity:.045;transform:rotate(-3deg)
}
.sdk-hero-premium .sdk-blueprint-bg>span{
  right:6%;bottom:32px;color:#567767;opacity:.45;font-size:.65rem
}
.sdk-hero-premium .sdk-blueprint-bg>em{
  right:10%;bottom:70px;color:#d17b57;opacity:.24
}
.sdk-hero-premium .sdk-bg-wall{
  right:-3%;top:110px;width:44%;height:430px;border:1px dashed rgba(54,112,87,.13);border-radius:34px;transform:rotate(-2deg)
}
.sdk-hero-premium .sdk-bg-wall i{background:rgba(54,112,87,.10)}
.sdk-hero-premium .sdk-bg-wall b{border-color:rgba(219,111,78,.17)}
.sdk-hero-premium .sdk-bg-dots{right:2%;top:185px;opacity:.16}

/* Hero visual: a light physical sample board / cutaway. */
.sdk-assembly-lab{
  min-height:470px;
  padding:22px;
  color:var(--sdk-ink);
  border:1px solid #d9d1c5;
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,252,245,.94)),
    #fff;
  box-shadow:var(--sdk-shadow),10px 12px 0 rgba(228,220,206,.42);
  transform:rotate(.45deg);
  overflow:visible;
}
.sdk-assembly-lab:before{
  inset:12px;
  border-radius:16px;
  background-image:
    linear-gradient(rgba(73,97,112,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(73,97,112,.045) 1px,transparent 1px);
  background-size:28px 28px;
  -webkit-mask-image:linear-gradient(180deg,#000 0 72%,transparent 97%);
  mask-image:linear-gradient(180deg,#000 0 72%,transparent 97%);
}
.sdk-assembly-lab:after{
  right:34px;top:-14px;width:108px;height:28px;border:0;border-radius:3px;
  background:rgba(255,212,119,.68);
  box-shadow:none;
  transform:rotate(-5deg);
}
.sdk-lab-head{border-bottom:1px solid #e3dbcf;padding-bottom:13px}
.sdk-lab-head span{color:#278266;font-size:.64rem}
.sdk-lab-head strong{color:#1c354d;font-size:.9rem}
.sdk-lab-head>b{
  color:#745e4f;
  background:#fff2d7;
  border:1px solid #f2dfb8;
  border-radius:999px;
  padding:6px 8px;
  letter-spacing:.04em;
}
.sdk-exploded-wall{
  height:282px;
  margin:14px 0 10px;
  border-radius:17px;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,218,145,.36),transparent 24%),
    linear-gradient(145deg,#eff8f5 0,#f7fbfa 45%,#fff8ed 100%);
  border:1px solid #dbe6df;
  perspective:900px;
}
.sdk-layer{
  top:43px;bottom:35px;
  box-shadow:0 14px 25px rgba(47,66,78,.12);
  border:1px solid #d7d2c9;
}
.sdk-layer-rear{left:5%;background:linear-gradient(135deg,#f2efe7,#fffefa);transform:rotateY(14deg) rotate(-1deg) translateZ(-18px)}
.sdk-layer-front{right:4%;background:linear-gradient(135deg,#fffdf6,#fff);transform:rotateY(-12deg) rotate(1deg) translateZ(26px)}
.sdk-layer span{color:#38566a;font-size:.61rem}
.sdk-layer-front>i{background:#9aaeba;box-shadow:0 0 0 2px rgba(255,255,255,.78)}
.sdk-stud{
  top:52px;bottom:43px;width:13px;
  background:linear-gradient(90deg,#8ba3b2,#eef4f6 45%,#7d98a8);
  box-shadow:0 7px 13px rgba(49,77,92,.13)
}
.sdk-door-void{
  background:#edf7f3;
  border-color:#54b58b;
  box-shadow:inset 0 0 0 1px rgba(84,181,139,.12)
}
.sdk-dim-rail{border-top-color:#2b9c78}
.sdk-dim-rail:before,.sdk-dim-rail:after{background:#2b9c78}
.sdk-dim-rail span{
  color:#176c51;background:#f1faf6;padding:2px 6px;border-radius:999px;white-space:nowrap
}
.sdk-spec-tag{
  color:var(--sdk-ink);
  border:1px solid #d5ddd8;
  background:rgba(255,255,255,.92);
  box-shadow:0 5px 13px rgba(32,59,73,.08);
  backdrop-filter:none;
}
.sdk-spec-tag span{color:#678071}
.sdk-spec-tag b{color:#1f4154}
.sdk-lab-bottom{gap:10px}
.sdk-lab-bottom>div:not(.sdk-lab-status){
  padding:13px 14px;
  border:1px solid #ded7ca;
  background:#fffdf9;
  border-radius:13px;
}
.sdk-lab-bottom>div:first-child{border-top:3px solid #63b991}
.sdk-lab-bottom>div:nth-child(2){border-top:3px solid #70a8d8}
.sdk-lab-bottom span{color:#687c87;font-size:.56rem}
.sdk-lab-bottom strong{color:#15324a;font-size:1.45rem}
.sdk-lab-bottom small{color:#637786;font-size:.58rem;line-height:1.45}
.sdk-lab-status{
  border-left:0;
  border:1px solid #b8e1cd;
  background:#eaf8f1;
  border-radius:11px;
}
.sdk-lab-status span{color:#22634c}
.sdk-lab-status i{background:#28a671;box-shadow:0 0 0 5px rgba(40,166,113,.12)}

/* Four-step proof strip becomes more playful and scan-friendly. */
.sdk-proof{background:#fffaf2;border-color:#eee1cf}
.sdk-proof-grid>div{border-color:#eee1cf;padding:15px 18px}
.sdk-proof-grid>div:nth-child(1) span{background:#1b8060}
.sdk-proof-grid>div:nth-child(2) span{background:#3b7fbf}
.sdk-proof-grid>div:nth-child(3) span{background:#d8734f}
.sdk-proof-grid>div:nth-child(4) span{background:#172f4a}
.sdk-proof-grid strong{font-size:.76rem;color:#263f57}
.sdk-proof-grid small{font-size:.62rem;color:#6c7a84}
.sdk-anchor{box-shadow:0 6px 18px rgba(25,51,70,.035)}
.sdk-anchor a{min-height:48px}

/* Calculator shell and mode cards. */
.sdk-calculator{
  position:relative;
  background:linear-gradient(180deg,#fff 0,#fffdf9 100%);
}
.sdk-calculator:before{
  content:"1250 × 2600";
  position:absolute;
  right:4%;top:42px;
  font-size:clamp(3rem,7vw,7rem);
  font-weight:950;
  letter-spacing:-.055em;
  color:#10233d;
  opacity:.025;
  pointer-events:none;
}
.sdk-mode{
  gap:10px;padding:0;border:0;background:transparent;border-radius:0;margin-bottom:18px
}
.sdk-mode button{
  min-height:78px;
  padding:14px 16px;
  border:1px solid #dfe4df;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 20px rgba(31,54,73,.045);
  color:#254056;
  position:relative;
  overflow:hidden;
}
.sdk-mode button:before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#a8b7c0
}
.sdk-mode button:nth-child(1):before{background:#55b68c}
.sdk-mode button:nth-child(2):before{background:#6ea8dd}
.sdk-mode button:nth-child(3):before{background:#e28b6d}
.sdk-mode button strong{font-size:.95rem}
.sdk-mode button small{font-size:.68rem;line-height:1.35;color:#6d7e89;margin-top:5px}
.sdk-mode button.is-active{
  color:var(--sdk-ink);
  background:var(--sdk-accent-soft);
  border-color:var(--sdk-accent-line);
  box-shadow:0 10px 25px rgba(35,67,80,.075);
}
.sdk-mode button.is-active:after{
  content:"✓";
  position:absolute;right:13px;top:12px;
  width:25px;height:25px;display:grid;place-items:center;
  border-radius:50%;background:#fff;color:var(--sdk-accent-strong);
  font-size:.7rem;font-weight:950;border:1px solid var(--sdk-accent-line)
}
.sdk-mode button.is-active small{color:#526c64}
.sdk-workbench{gap:26px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr)}
.sdk-form{
  border-color:#e2ded5;
  background:#fff;
  border-radius:22px;
  padding:22px 24px;
  box-shadow:0 18px 45px rgba(38,57,72,.065);
}
.sdk-step+.sdk-step{border-color:#eee7dc}
.sdk-step-head{gap:12px;margin-bottom:18px}
.sdk-step-head>span{
  width:34px;height:34px;border-radius:11px;background:var(--sdk-accent-soft);color:var(--sdk-accent-strong);
  border:1px solid var(--sdk-accent-line);font-size:.68rem
}
.sdk-step-head strong{font-size:1rem;color:#18344b}
.sdk-step-head small{font-size:.69rem;line-height:1.48;color:#6a7e8a;margin-top:4px}
.sdk-field{gap:7px;margin-bottom:13px}
.sdk-field>span{font-size:.82rem;color:#29465a}
.sdk-field small{font-size:.66rem;color:#71828c}
.sdk-control,.sdk-unit{
  min-height:52px;
  border-color:#cfd9dc;
  border-radius:11px;
  box-shadow:inset 0 1px rgba(16,35,61,.015)
}
.sdk-control{font-size:.94rem;padding:0 13px}
.sdk-unit input{height:50px;font-size:.94rem;padding:0 13px}
.sdk-unit b{font-size:.68rem;color:#667a86}
.sdk-control:hover,.sdk-unit:hover{border-color:#aebfc4}
.sdk-control:focus,.sdk-unit:focus-within{border-color:var(--sdk-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sdk-accent) 15%,transparent)}
.sdk-product-card{
  margin:9px 0 15px;
  padding:14px 15px;
  border-left:0;
  border:1px solid #cce2dc;
  border-radius:12px;
  background:#f1faf6;
}
.sdk-product-card.is-custom{border-color:#c9dbe7;background:#f2f8fc}
.sdk-custom-board{border-color:#c7dde7;background:#f2f9fc;box-shadow:none;border-radius:14px}
.sdk-error{border:1px solid #f0b8ab;background:#fff2ef;color:#873624}

/* Results = order ticket / receipt rather than a dark grid box. */
.sdk-result-rail{position:sticky;top:66px}
.sdk-result{
  color:var(--sdk-ink);
  border:1px solid #ddd5c7;
  border-top:6px solid var(--sdk-accent);
  border-radius:20px;
  background:#fffdf8;
  padding:21px 22px 19px;
  box-shadow:0 24px 54px rgba(38,57,72,.10),8px 9px 0 rgba(235,227,214,.48);
  overflow:visible;
}
.sdk-result:before{
  content:"OBJEDNÁVKOVÝ PLÁN";
  position:absolute;
  inset:auto 20px 16px auto;
  background:none;
  color:#19364c;
  font-size:2.1rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  opacity:.025;
  transform:rotate(-5deg);
  pointer-events:none;
}
.sdk-result:after{
  content:"";
  position:absolute;
  right:42px;top:-13px;
  width:92px;height:24px;
  border-radius:3px;
  background:rgba(255,211,117,.70);
  transform:rotate(3deg);
  pointer-events:none;
}
.sdk-result-head{
  align-items:center;
  border-bottom:1px dashed #d7cebf;
  padding-bottom:12px;
  color:var(--sdk-accent-strong)
}
.sdk-result-head span{font-size:.7rem;letter-spacing:.105em}
.sdk-result-head small{
  color:#667b85;
  background:#f0f5f3;
  border-radius:999px;
  padding:5px 7px;
  font-size:.58rem
}
.sdk-result-primary{padding:19px 0 16px}
.sdk-result-primary>span{font-size:.7rem;color:#617886;font-weight:750}
.sdk-result-primary strong{font-size:clamp(3.1rem,5vw,4.15rem);color:#132f48;margin:5px 0 3px}
.sdk-result-primary small{color:var(--sdk-accent-strong);font-size:.82rem;font-weight:900}
.sdk-result-primary em{display:block;margin-top:8px;font-style:normal;color:#718087;font-size:.65rem;line-height:1.45}
.sdk-result-kpis{
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid #e8e0d4;
  border-bottom:1px solid #e8e0d4;
  padding:12px 0;
}
.sdk-result-kpis div{
  border:0;
  border-right:1px solid #e8e0d4;
  background:transparent;
  padding:2px 9px;
  border-radius:0;
}
.sdk-result-kpis div:first-child{padding-left:0}
.sdk-result-kpis div:last-child{border-right:0;padding-right:0}
.sdk-result-kpis span{color:#7a878d;font-size:.57rem;line-height:1.3}
.sdk-result-kpis strong{color:#203d53;font-size:.81rem;margin-top:5px}
.sdk-result-list{gap:0;margin-top:13px;border-top:1px solid #ede5da}
.sdk-result-row{
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:11px 2px;
  border:0;
  border-bottom:1px dashed #e3d9cb;
  border-radius:0;
  background:transparent;
}
.sdk-result-row strong{font-size:.76rem;color:#29465b}
.sdk-result-row span{font-size:.72rem;color:var(--sdk-accent-strong)}
.sdk-result-row small{font-size:.61rem;color:#7c898f;margin-top:4px;line-height:1.4}
.sdk-sanity,.sdk-result-note,.sdk-layout-check{margin-top:12px;padding:12px 13px;border-radius:12px}
.sdk-sanity{
  border:1px solid #b9e0cc;
  border-left:4px solid #31a775;
  background:#edf9f3;
}
.sdk-sanity.is-warn{
  border-color:#efd59b;
  border-left-color:#dda83e;
  background:#fff8e8
}
.sdk-sanity strong,.sdk-result-note strong,.sdk-layout-check strong{font-size:.72rem;color:#254657}
.sdk-sanity p,.sdk-result-note p,.sdk-layout-check p{
  font-size:.65rem;line-height:1.55;margin:4px 0 0;color:#607681
}
.sdk-layout-check{
  border:1px solid #bfded2;
  background:linear-gradient(135deg,#eef9f4,#f9fcfa)
}
.sdk-layout-check.is-warn{border-color:#efc7ad;background:#fff4ed}
.sdk-layout-check.is-warn strong{color:#a34f34}
.sdk-result-note{border:1px solid #e3ddd4;background:#f8f6f1}
.sdk-result-trust{
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:8px 10px;
  align-items:center;
  margin-top:12px;
  padding:11px 12px;
  border:1px solid #b9dfcc;
  border-radius:12px;
  background:#ecf8f2;
  color:#225d47;
  font-size:.66rem
}
.sdk-result-trust span{font-weight:900}
.sdk-result-trust span i{
  display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;
  background:#168a61;color:#fff;border-radius:50%;font-style:normal;font-size:.6rem
}
.sdk-result-trust b{color:#355f50}
.sdk-result-trust a{justify-self:end;color:#146c50;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.sdk-result-actions{gap:9px;margin-top:13px}
.sdk-result-actions button{
  flex:1;
  min-height:48px;
  border:1px solid #cfd8d5;
  border-radius:11px;
  background:#fff;
  color:#244359;
  padding:0 12px;
}
.sdk-result-actions button:first-child{background:var(--sdk-ink);border-color:var(--sdk-ink);color:#fff}
.sdk-result-actions button:hover{transform:translateY(-1px)}

/* Verification strip: methodology is visible, not buried in body copy. */
.sdk-verification{
  padding:34px 0 62px;
  background:linear-gradient(180deg,#fffdf9,#f5fbf7);
}
.sdk-verification-card{
  width:min(1180px,calc(100% - 40px));
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:28px;
  align-items:center;
  padding:25px 27px;
  border:1px solid #c7dfd2;
  border-radius:22px;
  background:
    radial-gradient(circle at 5% 12%,rgba(101,191,151,.13),transparent 26%),
    #fff;
  box-shadow:0 18px 42px rgba(35,69,53,.065);
  position:relative;
  overflow:hidden;
}
.sdk-verification-card:before{
  content:"✓";
  position:absolute;
  right:-8px;bottom:-42px;
  width:180px;height:180px;
  display:grid;place-items:center;
  border:18px solid #1e9a6e;
  border-radius:50%;
  color:#1e9a6e;
  font-size:6rem;font-weight:950;
  opacity:.045;
  transform:rotate(-10deg)
}
.sdk-verification-copy{position:relative}
.sdk-verification-copy .sdk-eyebrow{color:#147453}
.sdk-verification-copy h2{margin:0 0 10px;color:#18354a;font-size:clamp(1.65rem,2.5vw,2.55rem);line-height:1.05;letter-spacing:-.035em}
.sdk-verification-copy p:not(.sdk-eyebrow){margin:0;color:#5b706d;line-height:1.65;font-size:.82rem}
.sdk-verification-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative}
.sdk-verification-links a{
  min-height:72px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:12px 14px;
  border:1px solid #d5dfda;
  border-radius:14px;
  background:#fbfdfc;
  color:#244359;
  text-decoration:none;
  box-shadow:0 7px 16px rgba(30,65,53,.035)
}
.sdk-verification-links a:nth-child(1){background:#f7fbff;border-color:#cfe0ed}
.sdk-verification-links a:nth-child(2){background:#eff9f4;border-color:#c5e0d2}
.sdk-verification-links a:nth-child(3){background:#fff6ee;border-color:#efd8c5}
.sdk-verification-links a:nth-child(4){background:#fffbed;border-color:#ece0b6}
.sdk-verification-links a span{font-size:.58rem;color:#73838a;font-weight:900;letter-spacing:.07em}
.sdk-verification-links a strong{font-size:.77rem;line-height:1.35}
.sdk-verification-links a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(30,65,53,.075)}

/* Material atlas: tactile product samples, no dark section. */
.sdk-material-section{
  color:var(--sdk-ink);
  background:
    radial-gradient(circle at 92% 10%,rgba(240,186,127,.18),transparent 23%),
    linear-gradient(180deg,#fff9ef,#fffdf9);
  border-top:1px solid #efe2d0;
  border-bottom:1px solid #efe2d0;
}
.sdk-material-section:before{
  content:"MATERIAL / ATLAS";
  color:#6d533d;
  opacity:.035;
  right:1%;top:30px;font-size:6rem
}
.sdk-material-section .sdk-section-head h2,.sdk-material-section h2{color:#17334a}
.sdk-material-intro p:not(.sdk-eyebrow){color:#61717a}
.sdk-atlas-rule{
  padding:18px 19px;
  border:1px solid #e2d6c7;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 25px rgba(94,68,40,.04)
}
.sdk-atlas-rule span{color:#b66042}
.sdk-atlas-rule strong{color:#213f53}
.sdk-atlas-rule small{color:#6c777c}
.sdk-material-atlas{gap:16px}
.sdk-material-sample{
  grid-template-columns:92px 1fr;
  min-height:238px;
  border:1px solid #e2d9ce;
  background:#fff;
  box-shadow:0 13px 28px rgba(77,61,45,.05)
}
.sdk-material-sample:nth-child(1){transform:rotate(-.35deg)}
.sdk-material-sample:nth-child(2){transform:translateY(4px)}
.sdk-material-sample:nth-child(3){transform:rotate(.35deg)}
.sdk-board-swatch{border-color:#d4cfc8;box-shadow:0 13px 22px rgba(65,62,58,.10)}
.sdk-material-sample>div:last-child>span{color:#5f7d6d}
.sdk-material-sample strong{color:#1e3a50}
.sdk-material-sample p{color:#667780;font-size:.73rem}
.sdk-material-meta b{background:#f2f5f3;color:#536c60;border:1px solid #e2e8e4}
.sdk-material-sample a{color:#147453}
.sdk-data-callout-premium{
  background:#fff;
  color:var(--sdk-ink);
  border:1px solid #ddcfbd;
  box-shadow:0 10px 24px rgba(85,62,37,.045)
}
.sdk-data-callout-premium span{color:#b45d3e}
.sdk-data-callout-premium p{color:#68767c}
.sdk-data-callout-premium a{background:#17344b;color:#fff}

/* Decision map becomes a light annotated note. */
.sdk-decision-section{background:#f5f9fc}
.sdk-decision-path>div{
  border-color:#d3e0e7;background:#fff;box-shadow:0 8px 18px rgba(35,65,84,.035)
}
.sdk-decision-path>div:nth-child(1){border-top:3px solid #65ae8c}
.sdk-decision-path>div:nth-child(2){border-top:3px solid #6ba3d0}
.sdk-decision-path>div:nth-child(3){border-top:3px solid #df8b6e}
.sdk-decision-path>div:nth-child(4){border-top:3px solid #25455f}
.sdk-decision-path>div>span{background:#f0f5f7;color:#36556b}
.sdk-decision-path b{color:#617d8e}
.sdk-decision-console{
  color:var(--sdk-ink);
  background:#fffdf7;
  border:1px solid #ded4c4;
  border-radius:18px;
  box-shadow:0 20px 40px rgba(60,54,45,.07);
  transform:rotate(-.45deg)
}
.sdk-console-head{border-bottom:1px dashed #d9cdbb}
.sdk-console-head span{color:#b05c3e}
.sdk-console-head b{color:#253f53}
.sdk-console-row{border-bottom:1px solid #ebe3d6}
.sdk-console-row span{color:#657781}
.sdk-console-row strong{color:#415c6d}
.sdk-console-row.ok strong{color:#187653}
.sdk-console-row.warn strong{color:#aa6a1d}
.sdk-decision-console>p{color:#68777d}
.sdk-decision-console>p b{color:#254259}

/* Scenarios: magazine-like cards with distinct soft palettes. */
.sdk-scenarios-premium{background:linear-gradient(180deg,#fff,#f7fbfb)}
.sdk-scenario-feature-premium{
  border-color:#d9dfd9;
  background:linear-gradient(135deg,#f0faf5,#fffdf7);
  box-shadow:0 19px 42px rgba(36,69,59,.07);
  padding:26px 27px
}
.sdk-scenario-feature-premium:before{color:#237858;opacity:.045}
.sdk-scenario-result{
  color:#17334a;
  background:#fff;
  border:1px solid #cce0d5;
  border-left:6px solid #3daa7c;
  box-shadow:7px 7px 0 rgba(206,231,218,.5)
}
.sdk-scenario-result strong{color:#12364a}
.sdk-scenario-result span{color:#697c85}
.sdk-scenario-result b{color:#187653}
.sdk-scenario-grid article{box-shadow:0 10px 25px rgba(41,65,76,.045)}
.sdk-scenario-grid article:nth-child(1){background:#f3f8ff;border-color:#d4e3f2}
.sdk-scenario-grid article:nth-child(2){background:#fff6f0;border-color:#efdace}
.sdk-scenario-grid article:nth-child(3){background:#fffbed;border-color:#eee0ae}
.sdk-mini-system{background:#fff;border:1px solid rgba(81,113,132,.12)}
.scenario-ceiling .sdk-mini-system{background:#eaf4ff}
.scenario-lining .sdk-mini-system{background:#fff1e8}

/* Methodology: technical-note aesthetic with a visible verified ribbon. */
#metodika{position:relative;background:#fffaf3;overflow:hidden}
#metodika:before{
  content:"OVĚŘENO 18·08·2026";
  position:absolute;right:4%;top:36px;
  color:#1d8d64;border:3px solid #1d8d64;border-radius:999px;
  padding:10px 16px;font-size:.78rem;font-weight:950;letter-spacing:.08em;
  opacity:.10;transform:rotate(8deg)
}
.sdk-method-grid{gap:44px}
.sdk-formula{
  border-left:0;
  border:1px solid #d8ded9;
  border-radius:11px;
  background:#fff;
  margin:10px 0;
  padding:14px 16px;
  box-shadow:inset 4px 0 var(--sdk-accent),0 7px 14px rgba(47,65,55,.03);
  color:#26455a;
  font-size:.78rem
}
.sdk-method-cards{gap:12px}
.sdk-method-cards>div{
  border-color:#ddd8cf;
  background:#fff;
  border-radius:14px;
  box-shadow:0 8px 20px rgba(67,55,42,.035)
}
.sdk-method-cards>div:nth-child(1){border-left:4px solid #52a985}
.sdk-method-cards>div:nth-child(2){border-left:4px solid #679ed0}
.sdk-method-cards>div:nth-child(3){border-left:4px solid #de8665}
.sdk-method-cards span{color:#677c86}

/* Mistakes = editorial safety cards instead of another dark block. */
.sdk-mistakes{background:#f7f9f8}
.sdk-mistake-grid article{box-shadow:0 8px 18px rgba(39,61,72,.035)}
.sdk-mistake-grid article:nth-child(1),.sdk-mistake-grid article:nth-child(4){background:#fff7f3;border-color:#ecd9cf}
.sdk-mistake-grid article:nth-child(2),.sdk-mistake-grid article:nth-child(5){background:#f5faf7;border-color:#d8e6de}
.sdk-mistake-grid article:nth-child(3){background:#f4f8fc;border-color:#d8e4ed}
.sdk-mistake-check{
  background:#fff8e7!important;
  color:#243f52!important;
  border-color:#ecd7a3!important;
  box-shadow:7px 7px 0 rgba(238,220,171,.35)!important
}
.sdk-mistake-check span{color:#a56d16!important}
.sdk-mistake-check ol{color:#5f6f78;font-size:.76rem}

/* FAQ + related tools continue the light editorial rhythm. */
.sdk-faq-list details{border-color:#dce3df;box-shadow:0 5px 14px rgba(38,60,71,.025)}
.sdk-faq-list details[open]{border-color:#bcdccb;background:#fbfefc}
.sdk-faq-list summary{min-height:54px}
.sdk-related{background:#eef6f3}
.sdk-related-grid a{
  border-color:#d0dfd8;
  background:#fff;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 18px rgba(33,68,52,.035)
}
.sdk-related-grid a:nth-child(1){border-top:4px solid #51a98a}
.sdk-related-grid a:nth-child(2){border-top:4px solid #6ea0cc}
.sdk-related-grid a:nth-child(3){border-top:4px solid #db8464}
.sdk-related-grid a:nth-child(4){border-top:4px solid #1e4258}
.sdk-related-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(33,68,52,.075)}

/* Gentle transitions only; no ornamental motion. */
.sdk-mode button,.sdk-verification-links a,.sdk-result-actions button,.sdk-related-grid a{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease
}

@media(max-width:1050px){
  .sdk-hero-premium{background:linear-gradient(180deg,#fffdf8 0,#f0f8f5 100%)}
  .sdk-hero-premium:after{top:54%;right:9%;width:165px}
  .sdk-hero-premium .sdk-hero-grid{grid-template-columns:1fr;padding:50px 0 62px;gap:34px}
  .sdk-assembly-lab{max-width:760px;transform:none}
  .sdk-verification-card{grid-template-columns:1fr;width:min(100% - 40px,1180px)}
  .sdk-workbench{grid-template-columns:1fr}
  .sdk-result-rail{position:relative;top:auto}
  .sdk-result-kpis{grid-template-columns:repeat(4,1fr)}
  .sdk-decision-console{transform:none}
}
@media(max-width:780px){
  .sdk-hero-premium .sdk-hero-grid{padding:38px 0 48px}
  .sdk-hero-premium .sdk-hero-copy h1{font-size:clamp(2.7rem,10vw,3.65rem)}
  .sdk-hero-premium:after{display:none}
  .sdk-assembly-lab{padding:17px;border-radius:20px;box-shadow:0 18px 45px rgba(31,54,73,.09),6px 7px 0 rgba(228,220,206,.42)}
  .sdk-mode{grid-template-columns:1fr}
  .sdk-mode button{min-height:68px}
  .sdk-verification-links{grid-template-columns:1fr 1fr}
  .sdk-material-atlas{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .sdk-hero-actions{grid-template-columns:1fr;display:grid}
  .sdk-hero-actions .sdk-btn{width:100%}
  .sdk-trust{display:grid!important;grid-template-columns:1fr!important}
  .sdk-exploded-wall{height:245px}
  .sdk-lab-bottom{grid-template-columns:1fr 1fr}
  .sdk-result{padding:18px 16px 16px;box-shadow:0 18px 40px rgba(38,57,72,.09),5px 6px 0 rgba(235,227,214,.45)}
  .sdk-result-kpis{grid-template-columns:1fr 1fr;row-gap:12px}
  .sdk-result-kpis div:nth-child(2){border-right:0}
  .sdk-result-kpis div:nth-child(3){padding-left:0}
  .sdk-result-trust{grid-template-columns:1fr auto}
  .sdk-result-trust a{grid-column:1/-1;justify-self:start}
  .sdk-verification-card{width:min(100% - 28px,1180px);padding:20px 18px}
  .sdk-verification-links{grid-template-columns:1fr}
  .sdk-material-atlas{grid-template-columns:1fr}
  .sdk-material-sample{transform:none!important}
}
@media(max-width:430px){
  .sdk-assembly-lab{padding:14px}
  .sdk-lab-head{display:block}
  .sdk-lab-head>b{display:inline-block;margin-top:8px}
  .sdk-exploded-wall{height:225px}
  .sdk-layer{width:36%}
  .sdk-stud{width:9px}
  .sdk-lab-bottom{grid-template-columns:1fr}
  .sdk-lab-status{grid-column:auto}
  .sdk-result-kpis{grid-template-columns:1fr 1fr}
  .sdk-result-actions{display:grid;grid-template-columns:1fr}
}

/* Verification card child layout + layout-check illustration. */
.sdk-verification-card{
  width:100%;
  grid-template-columns:104px minmax(0,.9fr) minmax(420px,1.1fr);
}
.sdk-verified-seal{
  width:90px;height:90px;
  display:grid;place-items:center;
  align-content:center;
  border:2px solid #83c7a9;
  border-radius:50%;
  background:#effaf4;
  color:#157450;
  transform:rotate(-7deg);
  box-shadow:inset 0 0 0 6px #fff,0 8px 18px rgba(36,105,76,.06)
}
.sdk-verified-seal span{font-size:1.65rem;font-weight:950;line-height:1}
.sdk-verified-seal b{font-size:.68rem;letter-spacing:.16em;margin-top:5px}
.sdk-verification-links a b{font-size:.78rem;line-height:1.3;color:#254359}
.sdk-verification-links a small{font-size:.62rem;color:#75838a}
.sdk-layout-check{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:11px;
  align-items:center;
}
.sdk-layout-icon{
  height:44px;
  display:flex;
  gap:4px;
  align-items:stretch;
  padding:6px;
  border:1px solid #c7ded4;
  border-radius:9px;
  background:#fff
}
.sdk-layout-icon i{
  flex:1;
  border-radius:2px;
  background:linear-gradient(180deg,#fff,#ece8df);
  border:1px solid #d4d0c8;
  box-shadow:inset 3px 0 #76b99b
}
.sdk-layout-check.is-warn .sdk-layout-icon{border-color:#ecc9b7;background:#fffaf7}
.sdk-layout-check.is-warn .sdk-layout-icon i{box-shadow:inset 3px 0 #d77a58}
@media(max-width:1050px){
  .sdk-verification-card{grid-template-columns:90px minmax(0,1fr)}
  .sdk-verification-links{grid-column:1/-1}
}
@media(max-width:620px){
  .sdk-verification-card{grid-template-columns:1fr}
  .sdk-verified-seal{width:74px;height:74px}
  .sdk-verification-links{grid-column:auto}
}