:root{color-scheme:light;--ink:#30273e;--green:#1b6662;--cream:#fff8eb}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:860px;margin:auto;padding:24px}header{padding:30px;border-radius:28px;background:#b5e0d8;border:3px solid var(--green)}.brand{font-weight:850;font-size:clamp(32px,6vw,48px);line-height:1.15}.eyebrow{font-weight:650;letter-spacing:.04em}h1{font-size:clamp(25px,4vw,34px);line-height:1.2;margin:18px 0 12px}h2{font-size:22px;line-height:1.3;margin:0 0 12px}nav{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}nav a{display:inline-block;padding:9px 19px;border-radius:24px;background:#fff;border:2px solid var(--green);text-decoration:none;font-weight:650}a{color:var(--green);overflow-wrap:anywhere}a:focus-visible{outline:3px solid #30273e;outline-offset:4px}section{background:#fffffa;border-radius:22px;padding:24px;margin:18px 0;border-left:7px solid #d0c2f1;box-shadow:0 3px 0 #30273e14}section:nth-of-type(3n+2){border-left-color:#ffd578}section:nth-of-type(3n){border-left-color:#efb9a8}p{margin:0}.intro{margin-top:14px}footer{padding:20px 0;color:#645665;font-size:15px}.motif{display:flex;gap:8px;float:right}.motif i{display:block;width:20px;height:20px;border-radius:50%;background:#ffd578;border:2px solid var(--ink)}.motif i:nth-child(2){background:#d0c2f1}.motif i:nth-child(3){background:#efb9a8}@media(max-width:480px){main{padding:16px}header,section{padding:20px}.motif{display:none}}
.feature{display:block;width:100%;height:auto;border-radius:16px;margin-bottom:24px}.product{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:start}.phone{display:block;width:100%;height:auto;border:5px solid #30273e;border-radius:23px;box-shadow:0 8px 20px #30273e22}@media(max-width:620px){.product{grid-template-columns:1fr}.phone{width:200px;max-width:100%;margin:8px auto}}