
:root{--green:#24766b;--deep:#19594f;--dark:#263b3a;--muted:#5a6e65;--paper:#faf9f5;--gold:#e5ac32;--line:#d7e1d7;--pale:#edf2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--dark);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}p{line-height:1.75;margin:0 0 20px}h1,h2,h3{letter-spacing:-.045em;margin:0;font-weight:650}h1{font-size:clamp(48px,5.1vw,70px);line-height:1.09}h2{font-size:clamp(34px,3.5vw,47px);line-height:1.15}h3{font-size:26px;line-height:1.25}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}.container{max-width:1240px;padding-inline:42px;margin-inline:auto}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:20}.skip:focus{top:10px;left:10px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo img{width:190px;height:auto;display:block}.header nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.header nav a:hover,.nav-contact:hover{color:var(--green)}.nav-contact{border:0;background:none;padding:0;color:inherit;font:inherit}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px;padding:16px 23px;font-size:14px;font-weight:650;line-height:1.5;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:hover{background:var(--deep)}.outline{border-color:#bdccc2;background:transparent;color:var(--dark)}.outline:hover{background:#eaf0e6}.small{padding:10px 18px;font-size:13px}.gold{background:#edbe58;color:#233f35}.gold:hover{background:#f4ce7e}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding-top:60px;padding-bottom:76px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:var(--green);margin-bottom:23px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;bottom:0;left:0;right:-3px;height:12px;border-radius:50%;background:#efd18b;transform:rotate(-2deg);z-index:-1}.lead{font-size:18px;color:var(--muted);line-height:1.8}.hero .lead{margin:28px 0 18px;max-width:470px}.hero .lead strong{font-weight:600;color:var(--dark)}.hero-detail{font-size:15px;color:var(--muted);margin-bottom:28px}.hero .button{gap:5px}.hero .button>span:last-child{margin-left:18px}.micro{font-size:11px;color:var(--muted);margin:13px 0 0;line-height:1.6}.micro>span{color:var(--green);margin-right:5px}.platform-line{margin-top:27px;padding-top:23px;border-top:1px solid var(--line);font-size:12px;display:flex;flex-direction:column;gap:8px;max-width:340px}.platform-line a{font-weight:650;color:var(--green)}.platform-line>span{font-size:11px;color:var(--muted)}.hero-visual{position:relative;height:560px;isolation:isolate}.hero-disc{position:absolute;inset:35px -8px 20px -25px;border-radius:48% 48% 45% 45%;background:#e8eee2;z-index:-1}.phone{background:#263b3a;border:6px solid #263b3a;border-radius:30px;overflow:hidden;box-shadow:0 18px 45px #263b3a1c;width:245px;flex-shrink:0}.phone img{width:100%;height:auto;display:block;border-radius:23px}.back-phone{position:absolute;top:4px;left:0;transform:rotate(-8deg);width:237px;z-index:1}.front-phone{position:absolute;top:57px;right:0;transform:rotate(6deg);z-index:2}.sunburst{position:absolute;right:6px;top:-30px;font-size:66px;color:var(--gold)}.image-caption{position:absolute;bottom:-17px;left:0;width:100%;font-size:10px;text-align:center;color:var(--muted)}.value-strip{background:#eef1e7;border-block:1px solid var(--line)}.value-strip>.container{display:flex;justify-content:space-between;gap:20px;padding-block:25px;font-size:14px;font-weight:600}.value-strip b{font-size:11px;color:var(--green);margin-right:13px;background:#dce7d6;padding:7px;border-radius:50%}.section{padding-block:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.section-heading>p{max-width:360px;font-size:14px;color:var(--muted);margin:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.benefit-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#e4ecdf;border-radius:12px;color:var(--green);font-size:25px;margin-bottom:25px}.gold-icon{background:#f5e8c9;color:#8d6726;font-size:21px;font-weight:600}.benefits h3{margin-bottom:17px}.benefits p{font-size:14px;color:var(--muted);margin:0}.finance-section{background:var(--pale);padding-block:65px}.finance-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:85px}.finance-copy h2{margin-bottom:24px}.finance-copy .lead{font-size:20px}.finance-copy>p:not(.lead):not(.eyebrow):not(.fine){font-size:15px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{font-size:14px;padding-left:24px;position:relative;line-height:1.6;margin-bottom:13px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:15px;color:var(--green);font-weight:650;background:none;border:none;padding:0;line-height:1.6}.text-link:hover{text-decoration:underline}.fine{font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px;margin-bottom:0}.finance-photo{margin:0;display:flex;align-items:center;flex-direction:column;gap:22px}.finance-photo .phone{width:268px;transform:rotate(3deg)}figcaption{font-size:10px;color:var(--muted);text-align:center}.tour{display:grid;grid-template-columns:310px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;min-height:620px}.tour-menu{padding:25px;background:#f0f3ec;display:flex;flex-direction:column;justify-content:center;gap:12px}.tour-menu button{border:1px solid transparent;display:flex;align-items:center;gap:15px;padding:22px 16px;background:transparent;border-radius:10px;color:var(--dark);text-align:left}.tour-menu button[aria-selected="true"]{background:white;border-color:var(--line);box-shadow:0 7px 18px #263b3a07}.tour-menu button>span{font-size:11px;color:var(--green);font-weight:600}.tour-menu button>span:last-child{margin-left:auto;font-size:20px}.tour-menu strong{font-size:17px;display:block;font-weight:650}.tour-menu small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.tour-panel{display:flex;align-items:center;padding:35px 30px;gap:28px;min-width:0}.tour-panel .phone{width:245px}.tour-description{flex:1;min-width:0}.tour-description .eyebrow{font-size:9px;letter-spacing:.12em}.tour-description h3{font-size:27px;margin-bottom:22px}.tour-description>p:not(.eyebrow):not(.fine){font-size:14px;color:var(--muted)}.tour-description .text-link{font-size:11px}.tour-description .fine{font-size:10px}.pricing{background:#f0f2e9}.pricing-intro{text-align:center;max-width:700px;margin:0 auto 50px}.pricing-intro h2{font-size:clamp(40px,4.2vw,58px);margin-bottom:22px}.pricing-intro>p:not(.eyebrow):not(.micro){font-size:17px;color:var(--muted)}.pricing-intro .micro{font-size:11px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:890px;margin:0 auto}.price-card{border:1px solid #d4dfd0;background:var(--paper);border-radius:15px;padding:36px;position:relative}.price-card h3{font-size:24px;margin-bottom:22px}.price-card .eyebrow{font-size:9px;margin-bottom:14px}.price{display:flex;align-items:baseline;gap:10px;margin-bottom:0;flex-wrap:wrap}.price>strong{font-size:44px;letter-spacing:-.05em;font-weight:650}.price>span{font-size:15px;color:var(--muted)}.price-unit{font-size:12px;color:var(--muted);margin-bottom:25px}.price-card>p:not(.eyebrow):not(.price):not(.price-unit){font-size:13px;margin-bottom:25px}.price-card .button{width:100%;font-size:13px;padding-inline:12px;gap:10px}.annual{background:white;border:2px solid var(--green)}.saving-pill{display:inline-block;position:absolute;top:-13px;left:27px;padding:7px 13px;border-radius:20px;background:var(--green);color:white;font-size:9px;font-weight:700;letter-spacing:.07em}.saving-pill[hidden]{display:none}.price-note{font-size:11px;text-align:center;color:var(--muted);max-width:820px;margin:25px auto 0;line-height:1.7}.price-note+.price-note{margin-top:8px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.platform-grid article{border-top:1px solid var(--line);padding:30px 25px;background:#f3f4ee;border-radius:0 0 14px 14px;display:flex;align-items:flex-start;flex-direction:column}.platform-symbol{font-size:40px;color:var(--green);height:44px;line-height:1}.platform-grid h3{margin-block:20px 15px}.platform-grid p{font-size:14px;color:var(--muted);max-width:400px;flex:1}.platform-grid .button{font-size:13px}.play-button{background:#202b28;color:white;gap:14px}.play-button:hover{background:#111d19}.start{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none;padding:0;margin:0}.steps li{border-top:1px solid var(--line);padding-top:25px}.steps li>span{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#e7eedf;color:var(--green);font-size:12px;font-weight:600;margin-bottom:23px}.steps h3{font-size:22px;margin-bottom:15px}.steps p{font-size:14px;color:var(--muted);margin:0}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line)}.faq-section h2{margin-bottom:25px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq details:first-child{padding-top:0}.faq summary{display:flex;gap:20px;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:15px;font-weight:600;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:23px;color:var(--green);font-weight:400;flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq details p{font-size:14px;color:var(--muted);margin:16px 20px 0 0}.closing{padding-bottom:40px}.closing>div{text-align:center;padding:65px 30px;background:var(--green);border-radius:18px;color:white;position:relative;overflow:hidden}.closing .eyebrow{color:#cfe5d7}.closing h2{font-size:clamp(35px,4.2vw,54px);margin-bottom:25px}.closing p:not(.eyebrow){font-size:15px;color:#e1ece2}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:22px 40px}.footer .logo img{width:150px}.footer p{font-size:11px;color:var(--muted);margin:0}.footer>div{display:flex;gap:23px;align-items:center;font-size:11px}.footer button{border:0;background:none;color:inherit;padding:0;font:inherit}dialog{border:1px solid var(--line);border-radius:17px;padding:30px;width:min(540px,calc(100% - 32px));max-height:90dvh;color:var(--dark);background:var(--paper)}dialog::backdrop{background:#142f28aa;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-heading h2{font-size:30px}.dialog-heading .eyebrow{margin-bottom:13px}.close-button{background:#e7ede2;color:var(--dark);border:0;width:35px;height:35px;border-radius:50%;font-size:25px;line-height:1;flex-shrink:0}.contact-intro{font-size:14px;color:var(--muted);margin:20px 0}form label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}form input,form textarea{width:100%;border:1px solid #a7b9ac;border-radius:7px;padding:11px;background:white;color:var(--dark);margin-bottom:18px;font-size:16px}form input:focus,form textarea:focus{outline:2px solid var(--green);outline-offset:2px}form textarea{resize:vertical}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}form .fine{margin-top:0}#contact-status{font-size:13px;line-height:1.7;margin-top:14px}#contact-status.error{color:#9a342d}#contact-status.success{color:var(--green)}#contact-status.development{color:#805713}form .button{width:100%}
@media(min-width:1450px){.hero{padding-block:70px 90px}}@media(max-width:1100px){.container{padding-inline:30px}.header nav{gap:18px}.hero{gap:20px;grid-template-columns:1.05fr 1fr}h1{font-size:57px}.hero-visual{height:520px}.back-phone{width:210px;left:0;top:5px}.front-phone{width:223px;top:55px}.tour{grid-template-columns:250px 1fr}.tour-menu{padding:15px}.tour-menu button{padding:20px 10px;gap:10px}.tour-panel{padding:30px 20px;gap:22px}.tour-panel .phone{width:215px}.tour-description h3{font-size:23px}.tour-description .eyebrow{font-size:8px}.tour-description>p:not(.eyebrow):not(.fine){font-size:13px}.finance-layout{gap:45px}.section{padding-block:75px}.benefits{gap:25px}.benefits h3{font-size:24px}.price-card{padding:32px 28px}}@media(max-width:850px){.header nav{gap:15px;font-size:12px}.header .logo img{width:160px}.hero{grid-template-columns:1fr 1fr;padding-top:42px;gap:15px}h1{font-size:47px}.hero .lead{font-size:16px}.hero-detail{font-size:14px}.hero-visual{height:460px}.back-phone{width:180px}.front-phone{width:192px;top:55px}.hero .button{font-size:12px;padding:14px}.hero .micro{font-size:10px}.tour{grid-template-columns:220px 1fr}.tour-panel{flex-direction:column;gap:24px}.tour-panel .phone{width:245px}.tour-description{max-width:330px}.tour-description h3{font-size:27px}.tour-description>p:not(.eyebrow):not(.fine){font-size:14px}.tour-description .eyebrow{font-size:9px}.tour-menu button{padding:23px 10px}.tour-menu strong{font-size:16px}.tour-menu small{font-size:10px}.finance-layout{grid-template-columns:1.1fr .9fr;gap:30px}.finance-photo .phone{width:238px}.finance-copy h2{font-size:35px}.section-heading{gap:30px}.section-heading>p{max-width:280px}.footer>div{gap:15px}.footer>p{display:none}.price{gap:6px}.price>strong{font-size:39px}.price-card .button{font-size:11px}.platform-grid .button{font-size:11px;padding-inline:13px}}@media(max-width:680px){.container{padding-inline:22px}.header{height:86px}.header nav{display:none}.header .logo img{width:160px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:57px;gap:38px}.hero-copy{max-width:490px}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(44px,9.5vw,61px);line-height:1.1}.hero .lead{font-size:17px;margin-top:26px}.hero-detail{font-size:15px}.hero .button{font-size:14px;padding:16px 20px}.hero .micro{font-size:10px}.platform-line{max-width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 25px;margin-top:23px}.hero-visual{height:535px;width:min(100%,440px);margin:10px auto 0}.hero-disc{inset:35px 0 25px}.back-phone{width:205px;left:4px;top:0}.front-phone{width:228px;right:4px;top:48px}.sunburst{right:10px;top:-35px}.image-caption{bottom:-12px;font-size:9px}.value-strip>.container{flex-wrap:wrap;justify-content:center;gap:20px;padding-block:22px;font-size:12px}.value-strip b{font-size:10px;margin-right:7px;padding:5px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:24px;font-size:14px}h2{font-size:36px}.benefits{grid-template-columns:1fr;gap:30px;margin-top:30px}.benefits article{position:relative;padding-left:65px}.benefit-icon{position:absolute;left:0;top:0;width:42px;height:42px;font-size:23px}.benefits h3{font-size:24px;margin-bottom:12px}.benefits p{font-size:14px}.finance-section{padding-block:55px}.finance-layout{grid-template-columns:1fr;gap:38px}.finance-copy h2{font-size:35px}.finance-copy .lead{font-size:19px}.finance-photo .phone{width:265px}.finance-photo{gap:24px}.tour{grid-template-columns:1fr}.tour-menu{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px}.tour-menu button{padding:14px 11px;gap:10px}.tour-menu button>span:last-child{display:none}.tour-menu strong{font-size:14px}.tour-menu small{font-size:9px;line-height:1.5}.tour-panel{padding:28px 23px 32px}.tour-panel .phone{width:265px}.tour-description{max-width:100%}.tour-description h3{font-size:28px}.tour-description .fine{font-size:10px}.tour-description .text-link{font-size:12px}.pricing-intro h2{font-size:43px}.pricing-intro>p:not(.eyebrow):not(.micro){font-size:15px}.pricing-intro>p br{display:none}.pricing-intro .button{font-size:13px}.pricing-intro .micro{font-size:10px}.price-grid{grid-template-columns:1fr;gap:30px;max-width:400px}.price-card{padding:30px}.price-card h3{font-size:26px}.price>strong{font-size:47px}.price-card .button{font-size:13px}.price-note{font-size:10px}.platform-grid{grid-template-columns:1fr}.platform-grid article{padding:25px}.platform-grid .button{font-size:13px;width:100%}.platform-grid h3{font-size:25px}.platform-grid p{font-size:14px}.steps{grid-template-columns:1fr;gap:28px}.steps li{padding-top:22px;position:relative;padding-left:58px}.steps li>span{position:absolute;left:0;top:22px}.steps h3{font-size:22px;margin-bottom:12px}.steps p{font-size:14px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{margin-bottom:20px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing>div{padding:48px 24px}.closing h2{font-size:35px}.closing p:not(.eyebrow){font-size:14px}.closing .button{font-size:13px}.footer{flex-wrap:wrap;gap:23px;padding-bottom:32px}.footer .logo img{width:145px}.footer>div{flex-wrap:wrap;gap:20px;font-size:11px}.footer>p{display:block;font-size:10px}.dialog-heading h2{font-size:27px}dialog{padding:25px}.contact-intro{font-size:13px}}@media(max-width:380px){.hero .button{font-size:12px;padding:15px}.hero-visual{height:485px}.back-phone{width:180px;left:0}.front-phone{width:210px;right:0}.image-caption{font-size:8px}.hero-detail{font-size:14px}.tour-menu{padding:12px;gap:6px}.tour-menu button{padding:13px 8px;gap:6px}.tour-menu small{font-size:8px}.tour-panel{padding-inline:15px}.tour-panel .phone{width:245px}.platform-grid .button{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* In-page screenshot viewer. Keep zoomed content in positive scroll space. */
.image-viewer{width:min(1100px,calc(100% - 40px));height:min(940px,calc(100dvh - 40px));max-height:none;padding:0;overflow:hidden;border-radius:16px;background:var(--paper)}
.image-viewer[open]{display:flex;flex-direction:column}
.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 15px;flex-shrink:0}
.viewer-heading .eyebrow{margin:0 0 7px;font-size:9px}.viewer-heading h2{font-size:26px}.viewer-heading .close-button{width:38px;height:38px}
.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 26px 15px;flex-shrink:0}
.viewer-navigation,.viewer-zoom{display:flex;align-items:center;gap:8px}.viewer-toolbar button{border:1px solid #c5d3c8;background:white;color:var(--dark);border-radius:7px;min-width:38px;min-height:38px;padding:5px 10px;font-size:17px;line-height:1.3}.viewer-toolbar button:hover{background:#e7eee1}.viewer-toolbar button:disabled{opacity:.4;cursor:default}.viewer-navigation>span,.viewer-zoom>span{min-width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.viewer-zoom #viewer-fit,.viewer-zoom #viewer-original{font-size:12px}
.viewer-stage{flex:1;min-height:0;overflow:auto;background:#e5ebe2;overscroll-behavior:contain;scrollbar-gutter:stable;border-block:1px solid var(--line)}
.viewer-canvas{width:max-content;min-width:100%;min-height:100%;display:grid;place-items:center;padding:20px}
#viewer-image{display:block;height:auto;max-width:none;max-height:none;border-radius:4px;box-shadow:0 5px 24px #20382f24;cursor:zoom-in}
#viewer-image.is-zoomed{cursor:zoom-out}#viewer-image[hidden]{display:none}#viewer-error{max-width:280px;padding:20px;color:#943c32;text-align:center}
.viewer-help{padding:12px 25px;margin:0;font-size:11px;line-height:1.6;color:var(--muted);flex-shrink:0}
@media(max-width:680px){.image-viewer{width:calc(100% - 16px);height:calc(100dvh - 20px);border-radius:12px}.viewer-heading{padding:16px 15px 10px}.viewer-heading h2{font-size:23px}.viewer-heading .eyebrow{font-size:8px;letter-spacing:.07em}.viewer-toolbar{padding:8px 12px 12px;gap:8px;flex-wrap:wrap}.viewer-navigation,.viewer-zoom{gap:5px}.viewer-toolbar button{min-width:34px;min-height:38px;padding:5px 8px}.viewer-zoom>span{min-width:40px}.viewer-navigation>span{min-width:35px}.viewer-help{padding:11px 15px;font-size:10px}}
