@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b172b;--navy2:#132641;--gold:#e5b66d;--ink:#15243b;--muted:#637087;--paper:#f7f8fb;--line:#e5e8ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,sans-serif;line-height:1.2}h1{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.055em;margin:20px 0}h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.04em}h3{margin:.5rem 0;font-size:1.2rem}p{margin:.6rem 0 1.2rem}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{max-width:1140px;margin:auto;padding:0 24px}.top{background:var(--navy);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1c}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{font-size:1.45rem;font-weight:800;letter-spacing:-.06em}.brand span,.gold{color:var(--gold)}.brand small{display:block;font:500 .57rem 'DM Sans',sans-serif;letter-spacing:.18em;color:#b7c2d4}.navlinks{display:flex;gap:25px;align-items:center}.navlinks a:not(.btn){font-size:.92rem;color:#d8dfec}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);color:#0b172b;border:1px solid var(--gold);border-radius:9px;padding:13px 22px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn.outline{background:transparent;color:white;border-color:#65738a}.btn.dark{background:var(--navy);color:white;border-color:var(--navy)}.hero{background:radial-gradient(circle at 85% 25%,#27466b 0,transparent 40%),var(--navy);color:white;padding:95px 0 110px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.eyebrow{font-weight:800;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.hero p{color:#cad4e3;font-size:1.09rem;max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{color:#c4cfdd;font-size:.84rem;margin-top:19px}.browser{background:#fff;border:8px solid #273b58;border-radius:17px;box-shadow:0 25px 60px #0007;transform:rotate(2deg);overflow:hidden;color:var(--ink)}.browser-head{height:31px;background:#e9edf4;padding:10px;display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%;background:#b6bfce}.browser-content{padding:28px;background:linear-gradient(135deg,#fff8eb,#fff)}.browser-content .sample-title{font:800 1.9rem Manrope;letter-spacing:-.05em}.browser-content .sample-title span{color:#b88a3e}.browser-content p{color:#5f6673;font-size:.8rem}.sample-pills{display:flex;gap:8px}.sample-pills span{background:#f1e2c9;border-radius:5px;padding:7px;font-size:.68rem;color:#7b5620}.sample-photo{height:160px;margin-top:17px;border-radius:9px;background:linear-gradient(135deg,#263d5c,#d3ac70);display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem}.section{padding:88px 0}.section.alt{background:var(--paper)}.section-header{text-align:center;max-width:690px;margin:0 auto 38px}.section-header p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:28px;box-shadow:0 8px 24px #14213808}.card.featured{border:2px solid #d5a454;box-shadow:0 18px 45px #1b2e4d17}.pill{display:inline-block;background:#fff2d8;color:#80561c;border-radius:99px;padding:5px 12px;font-size:.75rem;font-weight:800}.price{font:800 2.45rem Manrope;letter-spacing:-.055em;margin:16px 0 0}.price small{font:500 .92rem 'DM Sans';color:var(--muted)}.muted{color:var(--muted)}.checklist{padding:0;list-style:none;margin:22px 0}.checklist li{padding:7px 0}.checklist li:before{content:'✓';color:#1c9266;font-weight:800;margin-right:10px}.card .btn{width:100%}.portfolio-visual{height:185px;border-radius:12px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative;overflow:hidden}.portfolio-visual b{font:800 1.75rem Manrope;z-index:1}.restaurant{background:linear-gradient(130deg,#281a14,#ab7542);color:#fff}.salon{background:linear-gradient(130deg,#fae8e0,#c58e89);color:#633c3a}.clinic{background:linear-gradient(130deg,#d8f3f1,#80b9b6);color:#155d61}.portfolio-visual:after{content:'✦';position:absolute;font-size:11rem;right:-30px;bottom:-90px;opacity:.12}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-num{width:43px;height:43px;border-radius:12px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:800}.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.form-wrap .side{background:var(--navy);border-radius:18px;color:white;padding:35px}.form-wrap .side p{color:#c4cfdd}.form{display:grid;gap:15px}.form label{font-size:.86rem;font-weight:700;display:block;margin-bottom:6px}.form input,.form select,.form textarea{width:100%;border:1px solid #d5dce7;border-radius:9px;padding:12px 14px;background:#fff;color:var(--ink)}.form textarea{min-height:90px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #cba462}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice{font-size:.78rem;color:var(--muted)}.footer{background:var(--navy);color:#c4cfdd;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{font-size:.83rem}.menu-btn{display:none}.toast{background:#e8f6ee;color:#146340;padding:13px 15px;border-radius:9px}.faq{max-width:800px;margin:auto}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}@media(max-width:800px){.hero-grid,.form-wrap{grid-template-columns:1fr}.browser{max-width:480px}.cards,.steps{grid-template-columns:1fr 1fr}.navlinks{gap:12px}.navlinks a:not(.btn){display:none}.hero{padding:65px 0}.section{padding:62px 0}}@media(max-width:560px){.container{padding:0 18px}.cards,.steps,.form .row{grid-template-columns:1fr}.nav .btn{padding:10px 12px;font-size:.78rem}.hero{padding:55px 0}.hero-grid{gap:36px}.section{padding:55px 0}.card{padding:23px}}