@font-face{font-family:Cabin;src:url("../fonts/cabin.ttf")}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:#172e39;background:#fff;font-family:Cabin,Arial,sans-serif;font-size:16px;line-height:1.65}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%;object-fit:cover;height:auto}
p{margin:0 0 20px;color:#607078}
h1,h2,h3{line-height:1.12;margin:0;font-weight:500}
h1,h2{font-family:Georgia,serif;letter-spacing:-2.4px}
h1{font-size:clamp(48px,4.7vw,73px)}
h2{font-size:clamp(36px,3.5vw,53px)}
h3{font-size:25px;letter-spacing:-.7px}
em{font-family:Cabin,Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-1.4px;color:#997341}
h1 em{color:#ac7a3b}
.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}
header{background:#ffffffee;border-bottom:1px solid #e9eded;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;line-height:1}
.brand-mark{width:48px;height:48px;display:block;transition:transform .25s ease}
.brand:hover .brand-mark{transform:translateY(-2px)}
.brand-copy{display:flex;flex-direction:column;gap:5px}
.brand-name{font-family:Georgia,serif;font-size:22px;font-weight:700;letter-spacing:2.6px;color:#173744}
.brand-line{font-family:Cabin,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.8px;color:#9c743f}
nav{display:flex;gap:32px;font-size:14px}
nav a{padding:10px 0;position:relative}
nav a:hover,nav .active{color:#9b7137}
nav .active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#bc945a}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 24px;border:1px solid transparent;border-radius:7px;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px);box-shadow:0 6px 18px #15354015}
.gold{background:#eec98b;color:#1b313b}
.dark{background:#16323e;color:white}
.small{padding:11px 19px}
.outline{background:transparent;border-color:#c8d0d3}
.text-link{font-size:15px;font-weight:600;background:none;border:0;padding:0;color:#223d47}
.text-link:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:70px;padding-top:64px;padding-bottom:64px}
.eyebrow{font-family:Cabin,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:1.8px;color:#846a47;margin:0 0 25px}
.eyebrow span{display:inline-block;width:19px;height:1px;background:#b18a4e;vertical-align:middle;margin-right:8px}
.intro{font-size:18px;max-width:450px;margin:27px 0 30px}
.hero-actions{display:flex;align-items:center;gap:25px}
.hero-foot{display:flex;align-items:center;gap:13px;margin-top:40px}
.hero-foot p{font-size:14px;line-height:1.5;margin:0}
.hero-foot strong{font-weight:500;color:#344c57}
.mini-mark{font-size:36px;color:#9a7744}
.hero-visual{position:relative;padding-right:18px}
.hero-visual picture{display:block}
.hero-visual img{width:100%;height:540px;object-fit:cover;border-radius:220px 220px 12px 12px;object-position:52% center}
.photo-tag{position:absolute;bottom:34px;left:-35px;background:white;padding:18px 27px;display:flex;gap:16px;align-items:center;border-radius:9px;box-shadow:0 10px 35px #0a223220;font-size:15px;line-height:1.5}
.tag-icon{font-size:33px;color:#a8824d}
.vertical-label{position:absolute;right:-15px;top:44%;writing-mode:vertical-rl;letter-spacing:2px;font-size:12px;color:#8a959b}
.promise-bar{background:#f0f5f5;border-block:1px solid #e6eded}
.promise-bar>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:14px;color:#52676f}
.promise-bar span:first-child{color:#1e3b48;font-weight:600}
.home-product{background:#fff;padding-bottom:40px}
.home-product-shell{background:#193642;color:white;border-radius:16px;padding:62px 62px 0;overflow:hidden;box-shadow:0 22px 55px #15313e19}
.home-product-lead{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;padding-bottom:48px}
.home-product-shell .eyebrow{color:#dabb89}
.home-product-shell h2{color:white}
.home-product-shell h2 em{color:#e7c58f}
.home-product-copy>p{color:#c4d0d3;font-size:17px;margin-bottom:28px}
.home-product-actions{display:flex;align-items:center;gap:24px}
.home-product-actions>span{font-size:14px;color:#aebdc1;line-height:1.45}
.home-product-actions strong{display:block;color:#fff;font-size:14px}
.home-product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20}
.home-product-grid article{padding:38px 34px 42px 0;display:grid;grid-template-columns:auto 1fr;gap:19px;border-right:1px solid #ffffff20}
.home-product-grid article+article{padding-left:34px}
.home-product-grid article:last-child{border-right:0;padding-right:0}
.product-icon{font-family:Georgia,serif;color:#dfbe88;font-size:16px;font-style:italic;padding-top:3px}
.product-kicker{color:#dabb89;font-size:13px;font-weight:600;letter-spacing:1.3px;margin:0 0 10px}
.home-product-grid h3{font-family:Georgia,serif;font-size:24px;line-height:1.25;margin-bottom:15px;color:white}
.home-product-grid article>div>p:last-child{color:#b9c7cb;font-size:14px;line-height:1.65;margin:0}
.home-product-foot{margin:0 -62px;padding:18px 62px;background:#102c37;display:flex;align-items:center;gap:28px;font-size:13px;color:#b9c7cb;letter-spacing:.2px}
.home-product-foot span:before{content:'✓';color:#dbb97f;margin-right:8px}
.home-product-foot a{margin-left:auto;color:#e8c98f;font-size:14px;font-weight:600}
.section{padding-top:95px;padding-bottom:95px}
.section-head{margin-bottom:52px}
.section-head p:not(.eyebrow){margin-top:23px}
.centered{text-align:center}
.centered p{margin-bottom:0}
.centered .eyebrow{margin-bottom:20px}
.pricing{background:linear-gradient(#fff,#f5f8f8)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;align-items:stretch;padding-top:27px}
.plan{border:1px solid #dce3e6;border-radius:13px;position:relative;background:white;box-shadow:0 8px 22px #1e384b04}
.plan-inside{padding:32px}
.plan-number{font-size:13px;letter-spacing:1.3px;color:#839399;margin-bottom:21px}
.plan h3{font-size:27px}
.plan-sub{font-size:14px;margin:10px 0 25px}
.price{font-family:Georgia,serif;font-size:59px;line-height:1.1;letter-spacing:-2px}
.price>span{font-family:Cabin,Arial,sans-serif;font-size:14px;letter-spacing:0;color:#829197;margin-left:8px}
.setup{font-size:14px;color:#445c67;margin:12px 0 25px}
.plan-description{font-size:15px;min-height:78px}
.plan .button{width:100%}
.plan-includes{border-top:1px solid #e1e7e8;padding-top:23px;margin-top:25px}
.plan-includes p{font-size:14px;display:flex;gap:10px;margin-bottom:10px}
.plan-includes p span{color:#8c764f}
.featured{background:#193642;color:white;border-color:#193642;box-shadow:0 15px 35px #142e4020}
.featured p{color:#c3cdd0}
.featured .price>span{color:#c3cdd0}
.featured .plan-includes{border-color:#ffffff25}
.featured .plan-includes p span{color:#edc98f}
.popular{position:absolute;bottom:100%;left:-1px;right:-1px;border-radius:10px 10px 0 0;background:#d8b47b;color:#243641;font-size:13px;letter-spacing:.8px;padding:9px 24px;display:flex;justify-content:space-between}
.featured{border-top-left-radius:0;border-top-right-radius:0}
.pricing-note{font-size:14px;text-align:center;margin:30px 0 7px}
.pricing-note span{padding:0 9px;color:#b99a6b}
.preview-note{text-align:center;font-size:13px;color:#919b9e;margin:0}
.split{display:flex;justify-content:space-between;align-items:end;gap:80px}
.split>p,.split>div:last-child:not(:first-child){max-width:355px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.feature-card{border-top:1px solid #d5dfe3;padding-top:26px}
.feature-number{color:#9c7c48;font-family:Georgia,serif;font-style:italic;font-size:25px}
.feature-card h3{margin:20px 0 22px;max-width:240px;line-height:1.25}
.feature-card ul{list-style:none;margin:0;padding:0;color:#607078}
.feature-card li{padding:7px 0;font-size:15px}
.feature-card li:before{content:'✓';color:#a58a5a;margin-right:12px}
.about-section{background:#f0f5f7;padding:80px 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.device-art img{border-radius:14px;box-shadow:0 20px 35px #192f4310}
.about-copy h2{font-size:42px}
.about-copy>p:not(.eyebrow){margin-top:22px}
.about-points p{margin-bottom:17px;display:flex;flex-direction:column;font-size:14px}
.about-points strong{color:#213e4b;font-size:16px}
.about-copy .text-link{display:inline-block;margin-top:10px}
.designs-section{background:#f7f9f8;padding-bottom:105px}
.designs-intro{display:grid;grid-template-columns:1fr .78fr;gap:90px;align-items:end;padding-bottom:60px}
.designs-copy{border-left:1px solid #d6e0df;padding-left:40px}
.designs-copy p{font-size:16px}
.designs-copy p:last-child{margin-bottom:0}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #d5dfdf;padding:30px 0 28px}
.gallery-heading>div>span{display:block;color:#9a7b4b;font-size:13px;font-weight:600;letter-spacing:1.3px;margin-bottom:6px}
.gallery-heading h3{font-family:Georgia,serif;font-size:32px}
.design-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.design-filters button{border:1px solid #ccd7d8;background:transparent;color:#536a73;border-radius:999px;padding:10px 17px;font-size:14px}
.design-filters button:hover,.design-filters button.active{background:#183844;border-color:#183844;color:white}
.design-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.design-card{border:0;padding:0;background:transparent;text-align:left;min-width:0;width:auto;display:block}
.design-card[hidden]{display:none}
.design-media{position:relative;overflow:hidden;border-radius:10px;border:1px solid #dce4e4;background:#eaf0ef}
.design-image{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2;border:0;border-radius:0;transition:transform .4s ease}
.design-card:hover .design-image{transform:scale(1.025)}
.design-actions{position:absolute;inset:auto 12px 12px;display:grid;grid-template-columns:repeat(3,1fr);background:#ffffffee;backdrop-filter:blur(12px);border-radius:7px;padding:6px;box-shadow:0 8px 25px #112d3b22;transform:translateY(8px);opacity:0;transition:opacity .25s ease,transform .25s ease}
.design-card:hover .design-actions,.design-card:focus-within .design-actions{opacity:1;transform:translateY(0)}
.design-actions button,.design-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border:0;border-right:1px solid #dce3e4;background:transparent;color:#25414b;font-size:13px;font-weight:600;text-align:center}
.design-actions>*:last-child{border-right:0}
.design-actions button:hover,.design-actions a:hover{color:#9b7137;background:#f5f1ea}
.design-caption{display:flex;justify-content:space-between;align-items:center;padding:15px 2px 0;color:#23414e}
.design-caption strong{font-family:Georgia,serif;font-size:20px;font-weight:500}
.design-caption>span{font-size:13px;letter-spacing:.9px;color:#728287}
.designs-cta{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:45px;margin-top:70px;padding:38px 42px;background:#193642;color:white;border-radius:12px}
.designs-cta .eyebrow{color:#dabb89;margin-bottom:10px}
.designs-cta h3{font-family:Georgia,serif;font-size:27px}
.designs-cta p{color:#c7d0d3;font-size:14px;margin:0}
.design-detail-list{display:grid;gap:8px;margin:22px 0}
.design-detail-list span{padding:10px 13px;background:#f1f5f4;border-radius:6px;color:#405962;font-size:14px}
.design-preview-large .design-image{border-radius:8px;aspect-ratio:3/2}
.preview-actions{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:14px;color:#73858c}
.preview-actions a{color:#8b693a;font-weight:600}
.promise-section{background:#fff;position:relative;overflow:hidden}
.promise-section:before{content:'FIRST PEW';position:absolute;right:-18px;top:42px;font-family:Georgia,serif;font-size:clamp(90px,13vw,190px);line-height:1;color:#f4f7f6;letter-spacing:-8px;white-space:nowrap;pointer-events:none}
.promise-heading{position:relative;display:grid;grid-template-columns:1.2fr .65fr;gap:90px;align-items:end;margin-bottom:54px}
.promise-heading h2{max-width:700px}
.promise-intro{border-left:1px solid #d7e0df;padding-left:36px}
.promise-intro p{margin:0;font-size:16px}
.promise-grid{position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:24px}
.promise-stack{display:grid;gap:24px}
.promise-card{background:#f3f6f5;border:1px solid #e0e7e5;border-radius:13px;padding:33px 35px;display:flex;flex-direction:column;min-height:260px}
.promise-featured{min-height:544px;background:#193642;color:white;padding:52px 50px;box-shadow:0 18px 45px #15313e1c}
.promise-mark{font-family:Georgia,serif;font-size:92px;line-height:.7;color:#e5c182;margin-bottom:22px}
.promise-label{font-size:13px;font-weight:600;letter-spacing:1.3px;color:#927343;margin:0 0 22px}
.promise-statement{font-family:Georgia,serif;font-size:clamp(21px,2vw,29px);line-height:1.45;letter-spacing:-.5px;margin:0;color:#25414c}
.promise-detail{font-size:16px;line-height:1.7;color:#4f656d;margin:0;padding-top:22px;margin-top:auto}
.promise-featured .promise-statement{font-size:clamp(29px,2.8vw,42px);line-height:1.35;color:white;max-width:650px}
.promise-featured .promise-label{color:#e0bf89}
.promise-featured .promise-detail{color:#c2d0d4;font-size:16px;max-width:580px;padding-top:30px}
.promise-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:27px;padding-top:25px;border-top:1px solid #dbe3e3}
.promise-foot p{font-size:13px;color:#7b8b90;margin:0;max-width:580px}
.faq-section{background:#f6f8f8}
.faq-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:100px}
.faq-grid>div>p:not(.eyebrow){margin-top:25px}
.faq-list details{border-bottom:1px solid #d5dee1;padding:19px 0}
.faq-list details:first-child{border-top:1px solid #d5dee1}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:#967543;font-size:23px;line-height:1}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{font-size:15px;margin:16px 0 6px}
.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 40px}
.extras article{padding:25px 0;border-top:1px solid #dfe5e8}
.extras h3{font-size:21px;margin-bottom:10px}
.extras strong{font-size:15px;font-weight:500;color:#9c7949}
.extras p{font-size:14px;margin:10px 0 0}
.closing{background:#193642;border-radius:15px;text-align:center;padding:65px 25px;color:white;margin-bottom:70px}
.closing h2{font-size:52px}
.closing h2 em{color:#e2c496}
.closing .eyebrow{color:#dabc8f}
.closing p:not(.eyebrow){color:#c0cdd2;margin:24px 0}
.closing-note{display:block;font-size:13px;margin-top:16px;color:#c0cdd2}
.footer-top{display:flex;justify-content:space-between;gap:45px;align-items:start;padding-bottom:40px}
.footer-top p{font-size:14px}
.footer-top>div{display:flex;gap:25px;font-size:14px}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #dfe6e9;font-size:13px;color:#7c8b91;padding:23px 0}
.menu-toggle{display:none}
dialog{width:min(620px,90vw);border:0;border-radius:15px;padding:38px;color:#1e3946;box-shadow:0 20px 80px #0b233440}
dialog::backdrop{background:#0a253bcc;backdrop-filter:blur(5px)}
.dialog-close{position:absolute;right:13px;top:8px;border:0;background:none;font-size:27px;color:#263f4d}
dialog h2{font-size:33px;margin:14px 0 22px}
dialog .design-image{width:100%;border:0}
dialog p{font-size:16px}
dialog .button{margin-top:10px}
:focus-visible{outline:3px solid #c39550;outline-offset:5px}
@media(min-width:1600px){.hero{padding-block:90px}
}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}
.hero{gap:35px}
.hero-visual img{height:470px}
.hero-actions{gap:18px;flex-wrap:wrap}
.plan-inside{padding:24px}
.plan h3{font-size:24px}
.plan-description{min-height:102px}
.about-grid{gap:40px}
.faq-grid{gap:50px}
.footer-top{gap:20px}
.footer-top>div{gap:15px}
}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}
.nav{height:78px}
.nav>nav{display:none;position:absolute;top:77px;left:0;right:0;background:white;border-bottom:1px solid #dae3e6;padding:22px;flex-direction:column;gap:10px}
.nav>nav.open{display:flex}
.menu-toggle{display:block;border:0;background:none;font-size:23px;margin-left:auto}
.nav>.button{display:none}
.hero{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:45px}
.hero-copy{max-width:580px}
.hero-visual{max-width:600px;padding-left:20px}
.hero-visual img{height:430px;border-radius:170px 170px 12px 12px}
.photo-tag{left:0}
.hero-foot{margin-top:25px}
.promise-bar>.wrap{flex-wrap:wrap;font-size:13px;gap:10px 22px}
.promise-bar span:first-child{width:100%}
.home-product{padding-top:55px;padding-bottom:20px}
.home-product-shell{padding:44px 35px 0}
.home-product-lead{grid-template-columns:1fr;gap:28px;padding-bottom:38px}
.home-product-grid{grid-template-columns:1fr}
.home-product-grid article,.home-product-grid article+article{padding:29px 0;border-right:0;border-bottom:1px solid #ffffff20}
.home-product-grid article:last-child{border-bottom:0}
.home-product-foot{margin:0 -35px;padding:20px 35px;flex-wrap:wrap;gap:10px 22px}
.home-product-foot a{width:100%;margin:6px 0 0}
.section{padding-block:65px}
.plans{grid-template-columns:1fr;gap:42px;padding-top:0;max-width:520px;margin:auto}
.plan-inside{padding:30px}
.plan-description{min-height:0}
.plan-sub{margin-bottom:20px}
.featured{margin-top:8px}
.split{display:block}
.split>p,.split>div:last-child:not(:first-child){max-width:100%;margin-top:24px}
.feature-grid{grid-template-columns:1fr;gap:30px}
.feature-card h3{max-width:100%;margin:10px 0 14px}
.feature-card ul{columns:2}
.about-grid,.faq-grid{grid-template-columns:1fr;gap:40px}
.about-section{padding-block:55px}
.about-copy h2{font-size:38px}
.designs-intro{grid-template-columns:1fr;gap:28px}
.designs-copy{border-left:0;border-top:1px solid #d6e0df;padding:25px 0 0}
.gallery-heading{align-items:start;flex-direction:column}
.design-filters{justify-content:flex-start}
.design-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-actions{opacity:1;transform:none}
.designs-cta{grid-template-columns:1fr;gap:22px;padding:30px}
.designs-cta .button{justify-self:start}
.promise-heading{grid-template-columns:1fr;gap:26px;margin-bottom:38px}
.promise-intro{border-left:0;border-top:1px solid #d7e0df;padding:24px 0 0;max-width:560px}
.promise-grid{grid-template-columns:1fr}
.promise-featured{min-height:440px}
.promise-foot{align-items:flex-start;flex-direction:column}
.extras{grid-template-columns:1fr 1fr;gap:20px}
.closing h2{font-size:39px}
.closing{padding:50px 22px;margin-bottom:45px}
.footer-top{flex-direction:column;gap:22px}
.footer-top p{margin:0}
.footer-bottom{gap:20px}
.section-head{margin-bottom:35px}
h1,h2{letter-spacing:-1.5px}
.eyebrow{font-size:13px;letter-spacing:1.4px}
.pricing-note span{padding:0 3px}
}
@media(max-width:450px){.hero-visual img{height:360px}
.home-product-shell{padding:35px 24px 0;border-radius:12px}
.home-product-actions{align-items:flex-start;flex-direction:column}
.home-product-foot{margin:0 -24px;padding:20px 24px}
.feature-card ul{columns:1}
.extras{grid-template-columns:1fr}
.promise-card,.promise-featured{padding:30px 25px;min-height:0}
.promise-featured .promise-statement{font-size:28px}
.promise-mark{font-size:72px;margin-bottom:16px}
.hero-actions .text-link{font-size:14px}
.hero-actions{gap:20px}
.brand-mark{width:44px;height:44px}.brand-name{font-size:20px;letter-spacing:2.2px}.brand-line{font-size:12px;letter-spacing:1.4px}
.footer-top>div{gap:20px}
.design-caption>span{font-size:13px}
.hero-foot p{font-size:14px}
}
@media(max-width:520px){.design-gallery{grid-template-columns:1fr}.design-filters{gap:6px}.design-filters button{padding:8px 12px}.designs-cta{margin-top:45px}.designs-section{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}