*{box-sizing:border-box} :root{--ink:#152b35;--muted:#708087;--orange:#f27d52;--cream:#fffaf5;--teal:#134e58} html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Be Vietnam Pro',sans-serif;font-size:14px}.container{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{height:78px;position:sticky;top:0;z-index:10;background:rgba(255,250,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid #f2ece4}.nav-wrap,.brand,.main-nav,.nav-actions{display:flex;align-items:center}.nav-wrap{height:100%;justify-content:space-between}.brand{gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:var(--orange);color:white;font-weight:800;letter-spacing:-1px}.brand b{display:block;font-size:15px}.brand small{display:block;color:#98a0a2;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.main-nav{gap:33px}.main-nav a{color:#465960;text-decoration:none;font-size:13px;font-weight:600}.main-nav a:hover,.text-link{color:var(--orange)}.nav-actions{gap:12px}.lang-btn,.menu-btn{background:none;border:0;font-weight:700;color:var(--ink);padding:10px;cursor:pointer}.install-btn,.primary{border:0;border-radius:8px;padding:12px 19px;background:var(--teal);color:white;font:600 13px inherit;cursor:pointer}.install-btn span{margin-left:9px}.menu-btn{display:none}.hero{min-height:540px;position:relative;background:#193f46 url('assets/hero.svg') center 55%/cover no-repeat;color:white;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,37,46,.75),rgba(8,37,46,.18) 75%)}.hero-content{position:relative;padding:75px 0 64px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--orange);margin:0 0 13px}.hero h1{font:700 clamp(48px,7vw,76px) 'Playfair Display',serif;letter-spacing:-1px;margin:0 0 16px}.hero-copy{font-size:15px;line-height:1.8;max-width:510px;color:#f0f4f2;margin:0 0 27px}.hero-search{height:58px;max-width:580px;background:white;border-radius:10px;display:flex;align-items:center;padding:6px 7px 6px 17px;color:#91a0a2}.hero-search>span{font-size:24px}.hero-search input{border:0;outline:0;flex:1;padding:0 12px;font:13px inherit;min-width:0}.hero-search button,.newsletter button{height:44px;padding:0 22px;border:0;border-radius:7px;background:var(--orange);color:white;font-weight:700;cursor:pointer}.hero-tags{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.hero-tags span{border:1px solid #ffffff65;background:#ffffff18;padding:7px 12px;border-radius:30px;font-size:11px}.section{padding-top:76px;padding-bottom:12px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-head h2,.newsletter h2,.ad-card h2{font:700 30px 'Playfair Display',serif;margin:0}.text-link{text-decoration:none;font-weight:700;font-size:12px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:290px;gap:17px}.feature-card{position:relative;border-radius:13px;overflow:hidden;background:#eee}.feature-card img,.thumb img{width:100%;height:100%;object-fit:cover;display:block}.feature-card.large{grid-row:span 2;grid-row:1/3;height:100%;min-height:370px}.feature-grid{grid-template-rows:1fr 1fr}.feature-card:not(.large){min-height:176px}.card-gradient{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(7,34,41,.8))}.feature-info{position:absolute;bottom:21px;left:21px;right:18px;color:white}.feature-info.dark{position:relative;bottom:auto;left:auto;right:auto;padding:15px 16px;color:var(--ink);background:white}.feature-card:not(.large){display:flex;flex-direction:column}.feature-card:not(.large) img{height:115px}.feature-info h3{font-size:17px;line-height:1.45;margin:10px 0 7px}.large .feature-info h3{font:700 26px 'Playfair Display',serif}.feature-info p{margin:0 0 12px;color:#e5eded;font-size:12px}.meta{font-size:10px;opacity:.78}.meta span{padding:0 5px}.pill{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:6px 9px;border-radius:20px;background:#fce9e1;color:#cf603a}.pill.light{background:#ffffff30;color:white}.pill.blue{background:#e7f3f4;color:#387888}.pill.green{background:#e7f1e5;color:#63895b}.filter-tabs{display:flex;gap:6px}.filter-tabs button{border:0;background:transparent;color:#859195;padding:9px 12px;border-radius:20px;font:600 11px inherit;cursor:pointer}.filter-tabs button.active{background:#fff1e9;color:#dc7045}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{border:1px solid #f0ede9;border-radius:12px;overflow:hidden;background:white}.thumb{height:190px;position:relative}.duration{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:5px;background:#162b36cc;color:white;font-size:10px}.guide-body{padding:17px}.guide-body h3{font:700 17px/1.5 'Playfair Display',serif;margin:10px 0 6px}.guide-body p{font-size:11px;color:var(--muted);margin:0 0 18px}.author{display:flex;align-items:center;gap:9px;color:#849196;font-size:10px}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f5d9cc;color:#a45b40;font-weight:800}.bookmark{margin-left:auto;color:#e48463;font-size:17px}.newsletter{background:#f8f3eb;margin-top:78px;overflow:hidden}.newsletter-inner{min-height:260px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:50px 0}.newsletter h2{font-size:32px;line-height:1.25}.newsletter p:not(.eyebrow){font-size:12px;color:var(--muted)}.newsletter form{background:white;padding:7px;border-radius:9px;display:flex;position:relative;width:min(410px,45%)}.newsletter input{border:0;outline:0;flex:1;padding:0 12px;min-width:0;font:12px inherit}.newsletter form small{position:absolute;top:55px;left:12px;color:#45825c}.wave{position:absolute;right:18%;top:24px;font-size:90px;color:#e8c8b7;transform:rotate(-12deg)}.ad-card{margin:64px 0 75px;padding:42px 50px;border-radius:16px;background:#e8f1ee;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.ad-card h2{font-size:32px;margin-top:13px}.ad-card p{color:#698080;font-size:12px}.offer-actions{display:flex;gap:10px;margin-top:20px}.primary{background:var(--orange)}.secondary{background:white;color:var(--teal);border:1px solid #d6e3df;padding:12px 18px;border-radius:8px;font-weight:700}.offer-art{width:230px;height:190px;border-radius:50%;background:#c9e1d9;display:grid;place-content:center;text-align:center;color:#32716e;font-size:55px;transform:rotate(-12deg)}.offer-art span{font:700 14px 'Playfair Display',serif}footer{border-top:1px solid #f0ede9;padding:25px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between}.footer-grid p{font-size:10px;color:#98a0a2}.socials{color:var(--teal);font-weight:800}@media(max-width:780px){.container{width:min(100% - 32px,600px)}.main-nav{display:none;position:absolute;top:77px;left:0;right:0;padding:18px 24px;background:var(--cream);flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid #eee}.main-nav.open{display:flex}.menu-btn{display:block}.lang-btn{font-size:11px}.install-btn{padding:10px 12px;font-size:11px}.hero{min-height:550px}.hero-content{padding-top:60px}.hero-copy{font-size:13px}.hero-search{height:54px}.hero-search button{padding:0 12px;font-size:11px}.section{padding-top:55px}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.section-head h2{font-size:26px}.feature-grid{display:flex;flex-direction:column}.feature-card.large{min-height:340px}.feature-card:not(.large){min-height:0;display:grid;grid-template-columns:40% 1fr}.feature-card:not(.large) img{height:100%;min-height:155px}.feature-info.dark{padding:12px}.feature-info h3{font-size:15px}.filter-tabs{max-width:100%;overflow:auto;white-space:nowrap}.filter-tabs button{flex-shrink:0;padding:8px}.guide-grid{grid-template-columns:1fr}.thumb{height:210px}.newsletter-inner{display:block;padding:38px 0}.newsletter form{width:100%;margin-top:24px}.wave{right:5%;top:2px;font-size:64px}.ad-card{padding:30px 22px;margin:45px 0;position:relative}.ad-card h2{font-size:27px}.offer-art{position:absolute;right:-85px;bottom:-70px;width:190px;height:170px;opacity:.5}.offer-actions{position:relative}.footer-grid{align-items:flex-start;gap:18px;flex-direction:column}.footer-grid p{margin:0}}