.drawing-plan{--ink:#102d48;--muted:#60788a;--line:#d4e1e8;--teal:#087f8d;--navy:#071d36;background:#eef3f7;color:var(--ink)}
.drawing-plan *{box-sizing:border-box}.drawing-plan-hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:560px;background:linear-gradient(135deg,#061a31,#0a4861);color:#fff}.drawing-plan-hero>div{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(26px,7vw,110px)}.drawing-plan-kicker{margin:0 0 15px;color:#4de3e5;font-size:11px;font-weight:800;letter-spacing:.17em}.drawing-plan-hero h2{max-width:760px;margin:0;font-size:clamp(40px,5.2vw,72px);line-height:1.1;letter-spacing:-.045em}.drawing-plan-hero h2 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.drawing-plan-hero p:not(.drawing-plan-kicker){max-width:720px;margin:24px 0 0;color:#c4d8e4;font-size:15px;line-height:1.9}.drawing-plan-hero figure{display:flex;align-items:center;margin:0;padding:42px;background:radial-gradient(circle,rgba(72,220,226,.17),transparent 67%)}.drawing-plan-hero img{width:100%;height:auto;box-shadow:0 25px 60px rgba(0,0,0,.28)}
.drawing-plan-nav{position:sticky;top:82px;z-index:4;display:flex;gap:9px;padding:14px clamp(22px,6vw,90px);overflow-x:auto;background:#fff;box-shadow:0 7px 24px rgba(13,42,63,.09)}.drawing-plan-nav a{flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);color:#36556e;font-size:11px;text-decoration:none}.drawing-plan-nav a:hover,.drawing-plan-nav a:focus{border-color:#087f8d;color:#087f8d}
.drawing-plan-section{padding:76px clamp(22px,7vw,110px)}.drawing-plan-section.white{background:#fff}.drawing-plan-head{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:end;margin-bottom:34px}.drawing-plan-number{display:block;margin-bottom:11px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.16em}.drawing-plan-head h2{margin:0;font-size:clamp(29px,3.7vw,49px);line-height:1.18}.drawing-plan-head>p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.drawing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.drawing-plan-grid article{min-height:188px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.drawing-plan-grid b{display:block;color:var(--teal);font-size:12px}.drawing-plan-grid h3{margin:34px 0 10px;font-size:19px}.drawing-plan-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.drawing-plan-dark{background:var(--navy);color:#fff}.drawing-plan-dark .drawing-plan-head>p{color:#b8ccd9}.drawing-plan-dark .drawing-plan-number{color:#49e0df}.drawing-pipeline{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;border:1px solid rgba(255,255,255,.2);list-style:none}.drawing-pipeline li{min-height:220px;padding:25px;border-right:1px solid rgba(255,255,255,.2)}.drawing-pipeline li:last-child{border-right:0}.drawing-pipeline b,.drawing-pipeline strong,.drawing-pipeline span{display:block}.drawing-pipeline b{color:#4de3e5;font-size:11px}.drawing-pipeline strong{margin:42px 0 12px;font-size:17px}.drawing-pipeline span{color:#b8cad7;font-size:12px;line-height:1.7}
.drawing-architecture{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.drawing-architecture article{padding:28px;background:#fff;border:1px solid var(--line)}.drawing-architecture small{color:var(--teal);font-weight:800;letter-spacing:.12em}.drawing-architecture h3{margin:28px 0 10px;font-size:19px}.drawing-architecture ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.9}
.drawing-table-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff}.drawing-table{width:100%;min-width:760px;border-collapse:collapse}.drawing-table th,.drawing-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;line-height:1.6}.drawing-table th{background:#e8f0f4;color:#25445c}.drawing-table td{color:#526d80}.drawing-table tr:last-child td{border-bottom:0}
.drawing-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.drawing-roadmap article{position:relative;min-height:235px;padding:28px;background:#fff;border-top:4px solid #0a8290}.drawing-roadmap b{color:#0a8290;font-size:13px}.drawing-roadmap h3{margin:42px 0 11px;font-size:19px}.drawing-roadmap p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.drawing-callout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.drawing-callout>div{padding:34px;background:linear-gradient(135deg,#0a3157,#087c8c);color:#fff}.drawing-callout h3{margin:0 0 14px;font-size:clamp(25px,3vw,39px)}.drawing-callout p{margin:0;color:#cae3e8;line-height:1.8}.drawing-callout ul{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;border:1px solid var(--line);background:#fff;list-style:none}.drawing-callout li{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#36536a;font-size:12px;line-height:1.65}.drawing-callout li:nth-child(2n){border-right:0}.drawing-callout li:nth-last-child(-n+2){border-bottom:0}
.drawing-plan-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:62px clamp(22px,7vw,110px);background:#dfeaf0}.drawing-plan-cta h2{margin:0 0 10px;font-size:clamp(28px,3.2vw,43px)}.drawing-plan-cta p{margin:0;color:var(--muted)}.drawing-plan-cta a{display:inline-flex;min-height:48px;align-items:center;padding:12px 20px;background:#1267e8;color:#fff;font-size:12px;font-weight:700;text-decoration:none}
@media(max-width:1000px){.drawing-plan-hero{grid-template-columns:1fr}.drawing-plan-hero figure{min-height:360px}.drawing-plan-head,.drawing-callout{grid-template-columns:1fr}.drawing-plan-grid{grid-template-columns:repeat(2,1fr)}.drawing-pipeline{grid-template-columns:repeat(2,1fr)}.drawing-pipeline li{border-bottom:1px solid rgba(255,255,255,.2)}.drawing-architecture,.drawing-roadmap{grid-template-columns:repeat(2,1fr)}.drawing-plan-nav{top:70px}}
@media(max-width:640px){.drawing-plan-hero>div{padding:58px 22px 38px}.drawing-plan-hero figure{min-height:0;padding:22px}.drawing-plan-section{padding:56px 22px}.drawing-plan-grid,.drawing-pipeline,.drawing-architecture,.drawing-roadmap{grid-template-columns:1fr}.drawing-plan-grid article,.drawing-pipeline li{min-height:0;border-right:0}.drawing-callout ul{grid-template-columns:1fr}.drawing-callout li{border-right:0}.drawing-callout li:nth-last-child(2){border-bottom:1px solid var(--line)}.drawing-plan-cta{align-items:flex-start;flex-direction:column}}