:root{--navy:#1d4f6f;--blue:#286889;--cyan:#31b6f3;--ink:#102234;--muted:#607286;--soft:#eef7fc;--line:#d7e5ee}*{box-sizing:border-box}body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:var(--ink);background:#fff}.demo-nav{min-height:76px;padding:18px clamp(24px,6vw,84px);display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:22px;font-weight:800;color:var(--navy);text-decoration:none}.demo-nav>span{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--blue)}.feedback-link,.demo-grid a,.feedback-card>a{margin-left:auto;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;padding:13px 18px;border-radius:5px}.demo-hero{padding:clamp(70px,10vw,130px) clamp(24px,9vw,140px);background:linear-gradient(135deg,#1d4f6f,#347ca3);color:#fff}.eyebrow{color:#91dcff;font-size:12px;font-weight:800;letter-spacing:2px}.demo-hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;line-height:1.02;max-width:850px;margin:18px 0}.demo-hero>p:not(.eyebrow){max-width:760px;font-size:18px;line-height:1.7;color:#dceef8}.notice{max-width:820px;margin-top:30px;padding:18px 20px;background:#fff;color:var(--ink);border-left:5px solid var(--cyan);border-radius:5px;line-height:1.55}.demo-grid{padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-grid article{border:1px solid var(--line);padding:36px;min-height:310px;display:flex;flex-direction:column}.demo-grid article.featured{background:var(--soft);border-top:5px solid var(--cyan)}.demo-grid article>span{font-size:12px;font-weight:800;color:var(--blue)}.demo-grid h2{font-size:27px;margin:22px 0 10px}.demo-grid p{color:var(--muted);line-height:1.7}.demo-grid a{margin:auto 0 0;align-self:flex-start}.feedback-card{margin:0 clamp(24px,7vw,110px) 80px;padding:50px;background:var(--soft);display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.feedback-card .eyebrow{color:var(--blue)}.feedback-card h2{font-size:34px;margin:8px 0}.feedback-card p{color:var(--muted);line-height:1.7}footer{padding:30px clamp(24px,7vw,110px);display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);color:#000;background:#fff}@media(max-width:850px){.demo-nav{flex-wrap:wrap}.demo-nav>span{order:3;width:100%}.demo-grid{grid-template-columns:1fr}.feedback-card{grid-template-columns:1fr}.feedback-card>a{margin-left:0;justify-self:start}footer{flex-direction:column}}