
#vanao-how-design .hw-hero{padding:65px 0 50px;background:linear-gradient(90deg,#0c0d0ff7 5%,#0c0d0fe0 55%,#0c0d0f90),url('visual-21caf81d5155.jpg') center/cover}#vanao-how-design .hw-breadcrumb{font-size:12px;color:#b9a892;margin-bottom:30px}#vanao-how-design .hw-hero p{max-width:580px;margin-top:24px;font-size:17px;color:#d2ccc3}#vanao-how-design .hw-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}#vanao-how-design .hw-path{display:block;padding:27px;background:#161719;border:1px solid #635340;border-radius:12px;min-height:195px}#vanao-how-design .hw-path:first-child{background:#29251f;border-color:#af9270}#vanao-how-design .hw-path .va-mini{margin-bottom:20px}#vanao-how-design .hw-path h3{font-size:24px}#vanao-how-design .hw-path p{font-size:15px;margin:0;color:#bfb7ac}#vanao-how-design .hw-path>span{display:block;margin-top:20px;color:#d4bda3;font-size:14px}#vanao-how-design .hw-title{max-width:690px;margin-bottom:40px}#vanao-how-design .hw-heading{display:grid;grid-template-columns:80px 1fr;gap:26px;align-items:start}#vanao-how-design .hw-index{font-size:46px;line-height:1;color:#a98e6e}#vanao-how-design .va-light .hw-index{color:#806a53}#vanao-how-design .hw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:35px 0}#vanao-how-design .hw-step{border-top:1px solid #bba88e;padding-top:20px}#vanao-how-design .hw-step>span{display:block;font-size:12px;color:#806a53;margin-bottom:15px}#vanao-how-design .hw-step h3{font-size:20px}#vanao-how-design .hw-step p{font-size:15px}#vanao-how-design .hw-dark .hw-step{border-color:#62513c}#vanao-how-design .hw-dark .hw-step>span{color:#c4aa8a}#vanao-how-design .hw-six{grid-template-columns:repeat(3,1fr)}#vanao-how-design .hw-note{font-size:13px;max-width:850px!important}#vanao-how-design .hw-models{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #c5b69f;margin-top:40px;padding-top:30px}#vanao-how-design .hw-models article{padding:25px;border:1px solid #c5b69f;border-radius:12px}#vanao-how-design .hw-models article:last-child{background:#e7ddd0}#vanao-how-design .hw-models h3{font-size:24px}#vanao-how-design .hw-models p{font-size:15px}#vanao-how-design .hw-models .va-mini{color:#806a53}#vanao-how-design .hw-scope{margin-top:22px;padding:20px 0;border-top:1px solid #c5b69f;font-size:13px;color:#625a50}#vanao-how-design .hw-candidate-note{margin-top:30px;border-left:2px solid #ad9070;padding:0 0 0 24px}#vanao-how-design .hw-candidate-note p{font-size:15px}#vanao-how-design .hw-candidate-note h3{font-size:20px}#vanao-how-design .hw-ai-checkpoint{padding:27px;background:#25211c;color:#f3f0eb;border-radius:12px;margin-top:30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}#vanao-how-design .hw-ai-checkpoint p{color:#c9bdae;font-size:15px}#vanao-how-design .hw-ai-checkpoint h3{font-size:23px}#vanao-how-design .hw-ai-checkpoint ul{padding-left:20px;font-size:15px;color:#c9bdae;line-height:1.85;margin:0}#vanao-how-design .hw-ai-checkpoint .va-mini{color:#d4bda3}#vanao-how-design .hw-combo .va-grid2{align-items:center;gap:45px}#vanao-how-design .hw-combo-map{padding:32px;border:1px solid #7a6145;background:linear-gradient(120deg,#2d261f,#151618);border-radius:14px}#vanao-how-design .hw-combo-row{border-top:1px solid #584b3a;padding:20px 0;display:grid;grid-template-columns:110px 1fr;gap:20px}#vanao-how-design .hw-combo-row h3{font-size:17px;color:#d4bda3;margin:0}#vanao-how-design .hw-combo-row p{font-size:15px}#vanao-how-design .hw-combo-map .va-mini{margin-bottom:24px}#vanao-how-design .hw-prepare-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}#vanao-how-design .hw-prepare-controls{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}#vanao-how-design .hw-prepare-controls button{min-height:44px;padding:11px 19px;border:1px solid #a58b6b;border-radius:100px;background:transparent;color:#594c3d;font-size:14px}#vanao-how-design .hw-prepare-controls button[aria-pressed=true]{background:#28231e;color:#f3f0eb}#vanao-how-design .hw-prep-list{border-top:1px solid #baa88f}#vanao-how-design .hw-prep-list li{list-style:none;border-bottom:1px solid #baa88f;padding:20px 0;display:grid;grid-template-columns:25px 1fr;gap:15px;font-size:16px}#vanao-how-design .hw-prep-list li span{font-size:12px;color:#806a53;padding-top:4px}#vanao-how-design .hw-prep-list{padding:0;margin:0}#vanao-how-design .hw-faq{max-width:850px}#vanao-how-design .hw-faq details{padding:23px 0;border-bottom:1px solid #4f4437}#vanao-how-design .hw-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:17px;min-height:30px}#vanao-how-design .hw-faq summary::-webkit-details-marker{display:none}#vanao-how-design .hw-faq summary:after{content:'+';font-size:24px;color:#d4bda3}#vanao-how-design .hw-faq details[open] summary:after{content:'−'}#vanao-how-design .hw-faq details p{font-size:15px;margin-top:15px}#vanao-how-design .hw-cta{background:radial-gradient(ellipse at bottom,#382d21,transparent 70%),#0d0e10;text-align:center}#vanao-how-design .hw-cta h2,#vanao-how-design .hw-cta p{margin-left:auto;margin-right:auto}#vanao-how-design .hw-cta .va-actions{justify-content:center}#vanao-how-design .hw-active{border-bottom:1px solid #d4bda3;color:#d4bda3}#vanao-how-design .va-navlinks a:first-child{border-bottom:0}#vanao-how-design .va-link:after{content:none}#vanao-how-design button.va-link{background:transparent;border-width:0 0 1px;border-style:solid}#vanao-how-design .hw-brief{position:sticky;bottom:15px;z-index:20;width:calc(100% - 30px);max-width:630px;padding:30px;background:#1c1d1f;border:1px solid #a68b6a;border-radius:14px;box-shadow:0 20px 60px #000b;margin:-330px auto 15px}#vanao-how-design .hw-brief[hidden]{display:none}#vanao-how-design .hw-brief h2{font-size:27px}#vanao-how-design .hw-brief ul{font-size:15px;color:#c9bdae;padding-left:20px}#vanao-how-design .hw-close{float:right;width:44px;height:44px;font-size:21px;background:#31291f;color:#f3f0eb;border:1px solid #a68b6a;border-radius:50%}
@media(max-width:900px){#vanao-how-design .hw-steps{grid-template-columns:repeat(2,1fr)}#vanao-how-design .hw-paths{gap:12px}#vanao-how-design .hw-path{padding:22px}}
@media(max-width:760px){#vanao-how-design .hw-paths,#vanao-how-design .hw-prepare-grid,#vanao-how-design .hw-ai-checkpoint{grid-template-columns:1fr}#vanao-how-design .hw-hero{padding-top:45px}#vanao-how-design .hw-path{min-height:0}#vanao-how-design .hw-path .va-mini{margin-bottom:10px}#vanao-how-design .hw-heading{grid-template-columns:45px 1fr;gap:18px}#vanao-how-design .hw-index{font-size:34px}#vanao-how-design .hw-prepare-grid{gap:30px}#vanao-how-design .hw-models{grid-template-columns:1fr}}
@media(max-width:420px){#vanao-how-design .hw-steps{grid-template-columns:1fr}#vanao-how-design .hw-combo-row{grid-template-columns:1fr;gap:8px}#vanao-how-design .hw-combo-map{padding:25px}#vanao-how-design .hw-heading{grid-template-columns:1fr}#vanao-how-design .hw-index{font-size:26px}}
