:root{--dark:#151412;--ink:#24201c;--cream:#f4ecdf;--paper:#fbf7ef;--gold:#b39261;--muted:#70675d;--line:rgba(36,32,28,.13);--serif:'Playfair Display',Georgia,serif;--sans:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink)}img{max-width:100%;display:block}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,64px);background:rgba(20,19,17,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mark{width:54px;height:54px;border:1px solid rgba(179,146,97,.55);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:27px;color:#d6bc8b}.menu{display:flex;gap:26px}.menu a{color:rgba(255,255,255,.78);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#111;color:#fff;padding:130px clamp(22px,5vw,64px) 70px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28) 48%,rgba(0,0,0,.18));z-index:1}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.hero-content{position:relative;z-index:2;max-width:780px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:13px;font-weight:900;margin:0 0 22px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.06em;line-height:.95}h1{font-size:clamp(58px,8vw,126px);margin:0 0 24px}h2{font-size:clamp(42px,6vw,86px);margin:0}h3{font-size:clamp(28px,3.8vw,48px);margin:0}.lead{font-size:clamp(19px,2vw,28px);line-height:1.55;color:rgba(255,255,255,.82);max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;border-radius:999px;text-decoration:none;font-weight:900;color:#111;background:#f8f1e7}.btn.alt{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.25)}section{padding:clamp(76px,10vw,140px) clamp(22px,5vw,64px)}.dark{background:var(--dark);color:#fff}.cream{background:var(--cream)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,70px);align-items:center}.narrow{max-width:960px}.copy{font-size:clamp(18px,2vw,26px);line-height:1.72;color:var(--muted)}.dark .copy{color:rgba(255,255,255,.7)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}.card{background:rgba(255,255,255,.52);border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:0 30px 90px rgba(36,32,28,.08)}.card img{height:330px;width:100%;object-fit:cover}.card-body{padding:34px}.card .tag{display:inline-flex;border-radius:999px;background:#fff;padding:10px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#7f633b;margin-bottom:22px}.card p{color:var(--muted);line-height:1.65;font-size:17px}.split-image{border-radius:44px;overflow:hidden;box-shadow:0 30px 120px rgba(36,32,28,.16)}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:44px}.service{background:var(--paper);padding:36px;min-height:230px}.service span{color:var(--gold);font-family:var(--serif);font-size:34px}.service p{color:var(--muted);line-height:1.65}.dark .service{background:#1d1b18}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}.gallery img{height:520px;width:100%;object-fit:cover;border-radius:36px;box-shadow:0 30px 90px rgba(0,0,0,.18)}.contact-box{background:#111;color:#fff;border-radius:44px;padding:clamp(36px,6vw,70px);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.contact-box p{color:rgba(255,255,255,.72);font-size:19px;line-height:1.6}.footer{padding:30px clamp(22px,5vw,64px);background:#0d0c0b;color:rgba(255,255,255,.55);display:flex;justify-content:space-between;gap:20px}.footer a{color:#fff}.note{font-size:13px;color:#7a7066;margin-top:30px;line-height:1.6}.back{position:fixed;right:22px;bottom:22px;z-index:30;background:#111;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:14px 18px;text-decoration:none;font-size:13px;font-weight:900;box-shadow:0 20px 70px rgba(0,0,0,.22)}@media(max-width:900px){.topbar{height:86px}.menu{display:none}.hero{padding-top:120px}.hero:after{background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.62) 38%,rgba(0,0,0,.82))}.grid,.contact-box{grid-template-columns:1fr}.cards,.services,.gallery{grid-template-columns:1fr}.card img,.gallery img{height:auto}.footer{display:block}.footer p{margin-top:0}}@media(max-width:520px){.brand{font-size:13px}.mark{width:48px;height:48px}.hero{min-height:94svh}.lead{font-size:20px}.btn{width:100%;padding:0 20px}.service,.card-body{padding:28px}.contact-box{border-radius:30px}.back{left:22px;right:22px;text-align:center}}

/* v46 visual differences per demo */
.beauty-demo{--dark:#2f2527;--ink:#2d2526;--cream:#f8eceb;--paper:#fff8f5;--gold:#c6928e;--muted:#7c6663;--line:rgba(78,53,51,.12)}
.beauty-demo .hero:after{background:linear-gradient(90deg,rgba(53,31,36,.70),rgba(118,74,79,.22) 56%,rgba(255,255,255,.05))}.beauty-demo .topbar{background:rgba(53,38,41,.72)}.beauty-demo .card{border-radius:44px}.beauty-demo .btn{background:#f3d2cf}.beauty-demo .btn.alt{background:rgba(255,255,255,.12);color:#fff}
.restaurant-demo{--dark:#14100c;--ink:#241810;--cream:#f0e1cf;--paper:#fff8ed;--gold:#c38445;--muted:#765f4b}.restaurant-demo .hero:after{background:linear-gradient(90deg,rgba(15,8,3,.86),rgba(80,38,11,.28) 55%,rgba(0,0,0,.16))}.restaurant-demo .topbar{background:rgba(19,13,9,.84)}.restaurant-demo .btn{background:#d3995c}.restaurant-demo .card{border-radius:18px}.restaurant-demo .gallery img{border-radius:6px}
.hotel-demo{--dark:#172029;--ink:#1b2430;--cream:#edf1f3;--paper:#fbfbf8;--gold:#9b835e;--muted:#65707a}.hotel-demo .hero:after{background:linear-gradient(90deg,rgba(11,18,26,.78),rgba(32,45,55,.18) 58%,rgba(255,255,255,.04))}.hotel-demo .topbar{background:rgba(21,30,38,.78)}.hotel-demo .card{border-radius:26px}.hotel-demo .btn{background:#f7f3eb;color:#14202a}.hotel-demo .contact-box{background:#172029}
.services-demo{--dark:#111417;--ink:#151a1f;--cream:#eef0ef;--paper:#fafafa;--gold:#7a8fa5;--muted:#66707a}.services-demo .hero:after{background:linear-gradient(90deg,rgba(10,13,16,.84),rgba(10,13,16,.28) 55%,rgba(0,0,0,.08))}.services-demo .topbar{background:rgba(15,18,21,.86)}.services-demo h1,.services-demo h2,.services-demo h3{font-family:var(--sans);letter-spacing:-.055em;font-weight:900}.services-demo .btn{background:#dfe8ef}.services-demo .service{border-left:3px solid var(--gold)}
.personal-demo{--dark:#171311;--ink:#1d1916;--cream:#f1e9dc;--paper:#fffaf1;--gold:#a8784e;--muted:#77695c}.personal-demo .hero:after{background:linear-gradient(90deg,rgba(20,15,12,.80),rgba(20,15,12,.20) 55%,rgba(0,0,0,.04))}.personal-demo .topbar{background:rgba(24,19,16,.80)}.personal-demo .hero-content{max-width:880px}.personal-demo .btn{background:#1d1916;color:#fff}.personal-demo .btn.alt{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.personal-demo .dark .card{background:#fff;color:#1d1916}.personal-demo .dark .card p{color:#77695c}


/* v47 additional demo directions */
.medical-demo{--dark:#15201f;--ink:#172321;--cream:#eaf4f0;--paper:#fbfffc;--gold:#7aa092;--muted:#62736e}.medical-demo .hero:after{background:linear-gradient(90deg,rgba(13,28,26,.80),rgba(18,48,43,.22) 58%,rgba(255,255,255,.04))}.medical-demo .topbar{background:rgba(18,32,31,.78)}.medical-demo .btn{background:#dceee8;color:#11201d}.medical-demo .card{border-radius:38px}.medical-demo .contact-box{background:#15201f}
.fitness-demo{--dark:#101214;--ink:#141414;--cream:#f0efe9;--paper:#f9f7ee;--gold:#c9a14c;--muted:#6f6a5d}.fitness-demo .hero:after{background:linear-gradient(90deg,rgba(4,5,6,.84),rgba(24,24,20,.22) 56%,rgba(230,180,65,.08))}.fitness-demo .topbar{background:rgba(12,13,14,.86)}.fitness-demo h1,.fitness-demo h2,.fitness-demo h3{font-family:var(--sans);font-weight:900;letter-spacing:-.075em}.fitness-demo .btn{background:#d8ad4f}.fitness-demo .card{border-radius:18px}.fitness-demo .service{background:#fff}
.product-demo{--dark:#11100f;--ink:#1a1815;--cream:#efe7dc;--paper:#fbf4ea;--gold:#b08a52;--muted:#74675a}.product-demo .hero:after{background:linear-gradient(90deg,rgba(15,13,10,.86),rgba(30,24,18,.18) 55%,rgba(0,0,0,.08))}.product-demo .topbar{background:rgba(17,16,15,.84)}.product-demo .btn{background:#f4e6cf}.product-demo .card{border-radius:12px}.product-demo .gallery img{border-radius:18px}.product-demo .service span{font-size:48px}
.startup-demo{--dark:#080b16;--ink:#111827;--cream:#e9edf7;--paper:#fbfcff;--gold:#7c94ff;--muted:#647086}.startup-demo .hero:after{background:linear-gradient(90deg,rgba(5,8,18,.86),rgba(20,32,75,.32) 58%,rgba(100,130,255,.10))}.startup-demo .topbar{background:rgba(6,9,18,.86)}.startup-demo h1,.startup-demo h2,.startup-demo h3{font-family:var(--sans);font-weight:900;letter-spacing:-.08em}.startup-demo .btn{background:#dfe5ff;color:#08101f}.startup-demo .card{border-radius:26px}.startup-demo .service{border-top:3px solid var(--gold)}.startup-demo .contact-box{background:#080b16}
.education-demo{--dark:#201812;--ink:#241b14;--cream:#f4eadc;--paper:#fffaf2;--gold:#b1763d;--muted:#7a6655}.education-demo .hero:after{background:linear-gradient(90deg,rgba(35,22,12,.78),rgba(92,56,28,.23) 58%,rgba(255,255,255,.05))}.education-demo .topbar{background:rgba(35,24,16,.82)}.education-demo .btn{background:#e3b06f}.education-demo .card{border-radius:34px}.education-demo .service{background:#fffaf5}
.redesign-demo{--dark:#111111;--ink:#161616;--cream:#eeeeec;--paper:#fbfbfa;--gold:#9a9a9a;--muted:#6a6a6a}.redesign-demo .hero:after{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.32) 56%,rgba(255,255,255,.04))}.redesign-demo .topbar{background:rgba(17,17,17,.88)}.redesign-demo h1,.redesign-demo h2,.redesign-demo h3{font-family:var(--sans);font-weight:900;letter-spacing:-.08em}.redesign-demo .btn{background:#111;color:#fff;border:1px solid rgba(0,0,0,.15)}.redesign-demo .btn.alt{background:rgba(255,255,255,.1);color:#fff}.redesign-demo .card{border-radius:0}.redesign-demo .service span{color:#111}.redesign-demo .contact-box{background:#111}