:root{--navy:#243e60;--navy2:#17324f;--copper:#b4661d;--gold:#d9ad68;--cream:#faf7f1;--line:#dbe3ea;--muted:#6d7d91;--white:#fff;--shadow:0 18px 50px #233b5615}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Inter,Segoe UI,Arial,sans-serif;background:#fff}h1,h2,h3,p{margin-top:0}h2{font-family:Georgia,serif;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.05;color:var(--navy2)}a{text-decoration:none;color:inherit}.top{height:82px;display:flex;align-items:center;padding:0 max(4vw,24px);gap:36px;border-bottom:1px solid #edf0f3;background:#fffc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:52px;height:52px;object-fit:cover;border-radius:50%}.brand span{display:grid}.brand b{font-family:Georgia,serif;font-size:21px}.brand small{color:var(--copper);letter-spacing:.12em}.top nav{display:flex;gap:28px;font-size:14px}.top nav a:hover{color:var(--copper)}.menu{display:none;border:0;background:none;font-size:24px;color:var(--navy)}.hero{min-height:670px;padding:70px max(5vw,32px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 30%,#f4e6ce 0,transparent 32%),linear-gradient(125deg,#fff 20%,#faf6ef 100%)}.hero-copy{max-width:680px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--copper);margin-bottom:18px}.hero h1{font-size:clamp(3.2rem,6vw,6.2rem);line-height:.94;letter-spacing:-.045em;margin-bottom:28px;color:var(--navy2)}.hero h1 span{display:block;font-family:cursive;font-weight:500;color:var(--copper);font-size:1.04em;margin-bottom:20px}.lead{font-size:20px;line-height:1.6;max-width:610px;color:#53677f}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 20px}.btn{display:inline-flex;padding:15px 24px;border-radius:14px;font-weight:750;transition:.2s}.primary{background:var(--navy);color:white;box-shadow:var(--shadow)}.primary:hover{transform:translateY(-2px);background:var(--navy2)}.secondary{border:1px solid var(--navy);background:#fff9}.note{font-size:13px;letter-spacing:.13em;color:var(--muted)}.phones{height:590px;position:relative}.phone{position:absolute;height:560px;border-radius:34px;filter:drop-shadow(0 24px 25px #18324b35)}.phone.front{right:8%;top:0;transform:rotate(3deg);z-index:2}.phone.back{left:4%;top:70px;transform:rotate(-5deg);opacity:.97}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:24px max(3vw,20px);background:#fff}.features article{padding:26px 18px;border:1px solid #edf0f3;border-radius:20px;text-align:center;background:linear-gradient(#fff,#fcfaf6);box-shadow:0 8px 25px #20395408}.features i{font-style:normal;font-size:31px;color:var(--copper)}.features h3{font-size:16px;margin:14px 0 8px}.features p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.intro,.book,.about{padding:90px max(6vw,34px);display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.intro{background:var(--cream)}.intro>div{max-width:680px}.intro p:not(.eyebrow),.book p:not(.eyebrow),.about p:not(.eyebrow){font-size:17px;line-height:1.7;color:#566a80}.intro>img{height:600px;justify-self:center;filter:drop-shadow(0 24px 35px #1d344b22);border-radius:38px}.compat{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.compat span{padding:10px 15px;background:white;border:1px solid var(--line);border-radius:12px;font-weight:700}.showcase{padding:90px max(4vw,28px);background:#fff}.section-head{text-align:center;max-width:720px;margin:0 auto 45px}.section-head>p:last-child{color:var(--muted);font-size:17px}.shots{display:flex;justify-content:center;gap:28px;overflow:auto;padding:10px 15px 35px}.shots figure{margin:0;min-width:220px;text-align:center}.shots img{height:470px;max-width:100%;border-radius:28px;box-shadow:var(--shadow)}.shots figcaption{margin-top:14px;font-weight:700}.book{background:linear-gradient(135deg,#f9f5ed,#fff)}.book>img{height:610px;justify-self:center;box-shadow:var(--shadow);border-radius:18px}.mini{display:grid;gap:6px;margin-top:28px;padding:18px;border-left:3px solid var(--copper);background:#fff}.mini span{color:var(--muted)}.values{padding:80px max(5vw,30px);background:#fff;text-align:center}.values>div:first-child{max-width:760px;margin:auto}.values>div:first-child p{color:var(--muted);font-size:17px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1050px;margin:40px auto 0}.value-grid article{padding:35px;border:1px solid var(--line);border-radius:22px}.value-grid b{font-size:32px;color:var(--copper)}.value-grid p{color:var(--muted);line-height:1.6}.about{grid-template-columns:.35fr 1fr}.mark img{width:min(300px,100%);border-radius:34px;box-shadow:var(--shadow)}.muted{font-size:14px!important;color:#8a96a5!important}.contact{padding:85px 25px;text-align:center;background:var(--navy2);color:white}.contact p{font-family:cursive;font-size:26px;color:#e9cfaa}.contact h2{color:white}.light{background:white;color:var(--navy2)}footer{padding:32px max(5vw,30px);background:#10283f;color:#dce4eb;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;font-size:13px}footer>div:first-child{display:grid;gap:5px}footer>div:nth-child(2){display:flex;gap:18px}footer span,footer small{color:#9fb0c0}@media(max-width:900px){.top nav{display:none}.top nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:white;padding:24px;flex-direction:column;box-shadow:var(--shadow)}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.phones{height:510px;margin-top:35px}.phone{height:470px}.features{grid-template-columns:repeat(2,1fr)}.intro,.book,.about{grid-template-columns:1fr}.intro>img,.book>img{height:auto;max-height:580px;max-width:100%}.about{grid-template-columns:1fr}.mark img{width:180px}.value-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer>div:nth-child(2){justify-content:center}}@media(max-width:520px){.top{height:68px}.brand img{width:42px;height:42px}.brand b{font-size:17px}.top nav.open{top:68px}.hero{padding:45px 20px}.hero h1{font-size:3.35rem}.lead{font-size:17px}.phones{height:420px}.phone{height:390px}.phone.back{left:-4%}.phone.front{right:-2%}.features{grid-template-columns:1fr 1fr;padding:14px}.features article{padding:20px 10px}.intro,.book,.about,.showcase{padding:65px 20px}.shots{justify-content:flex-start}.shots img{height:410px}.contact p{font-size:21px}}