:root{--background:#e8f4ed;--foreground:#123d34}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.button,button,a{font:inherit}.ui-icon{display:block;width:1em;height:1em;flex:0 0 auto}.icon-heart{width:19px;height:19px}.icon-arrow{width:1.1em;height:1.1em}
.app-shell{--accent:#d9ff54;--accent-ink:#173e32;position:relative;width:100%;height:100dvh;min-height:600px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 40%,#f7f7f0) 0%,#eaf5f0 48%,color-mix(in srgb,var(--accent) 23%,#dfeae5) 100%);transition:background .65s ease;color:#123d34}.noise{position:absolute;inset:0;z-index:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.ambient{position:absolute;z-index:0;border-radius:50%;filter:blur(12px);transition:background .65s ease,transform .65s ease;pointer-events:none}.ambient-one{left:-7vw;top:-18vh;width:45vw;height:45vw;background:color-mix(in srgb,var(--accent) 62%,transparent);opacity:.72}.ambient-two{right:-8vw;bottom:-28vh;width:52vw;height:52vw;background:color-mix(in srgb,var(--accent) 42%,#fff);opacity:.55}
.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:104px;display:grid;grid-template-columns:240px 1fr 150px;align-items:center;padding:0 clamp(26px,4vw,64px)}.brand{display:inline-flex;width:154px}.brand img{display:block;width:100%;height:auto}.eyebrow{margin:0;text-align:center;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:rgba(18,61,52,.62)}.counter{justify-self:end;display:flex;align-items:baseline;gap:5px}.counter strong{font-size:30px;letter-spacing:-.06em}.counter span{font-size:12px;font-weight:800;color:rgba(18,61,52,.46)}
.stage{position:absolute;z-index:5;inset:104px clamp(26px,4vw,64px) 38px;display:grid;grid-template-columns:minmax(540px,1fr) minmax(285px,340px);gap:clamp(22px,3vw,48px);align-items:center}.back-button{position:absolute;z-index:12;left:0;top:-12px;display:flex;align-items:center;gap:8px;padding:8px 0;border:0;background:transparent;color:#153f37;font-size:12px;font-weight:850;cursor:pointer}.back-button .icon-arrow{font-size:18px}.package-card{position:relative;width:100%;height:min(69vh,660px);min-height:500px;overflow:hidden;border-radius:36px;background:#153f37;box-shadow:0 28px 70px rgba(15,53,44,.26),0 1px 0 rgba(255,255,255,.35) inset;isolation:isolate}.card-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.image-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,30,25,.95) 0%,rgba(7,30,25,.86) 38%,rgba(7,30,25,.28) 70%,rgba(7,30,25,.08) 100%),linear-gradient(0deg,rgba(5,25,21,.62) 0%,transparent 48%)}.card-top{position:absolute;z-index:3;top:30px;left:32px;right:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.package-mark{display:flex;align-items:center;gap:10px;color:white}.package-mark>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--accent);color:var(--accent-ink);font-size:28px;font-weight:950;box-shadow:0 14px 30px rgba(0,0,0,.22)}.package-mark small{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.promise-link{position:absolute;right:0;top:0;display:flex;align-items:center;gap:11px;width:min(265px,42%);padding:10px 13px 10px 9px;border:0;border-radius:18px;background:var(--accent);color:var(--accent-ink);box-shadow:0 15px 32px rgba(0,0,0,.22);cursor:pointer;text-align:left;animation:promiseRock 4.8s ease-in-out infinite;transform-origin:50% 55%}.promise-link .heart-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--accent-ink);color:var(--accent)}.promise-link>span{font-size:11px;line-height:1.3;font-weight:850}.card-content{position:absolute;z-index:3;left:clamp(32px,4vw,64px);bottom:clamp(32px,5vh,56px);width:min(610px,72%);color:white}.category{display:block;margin-bottom:9px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.card-content h2{margin:0;font-size:clamp(52px,5.5vw,88px);line-height:.88;letter-spacing:-.055em}.card-content h3{max-width:620px;margin:13px 0 0;font-size:clamp(23px,2.1vw,35px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.card-content p{max-width:570px;margin:18px 0 15px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.45}.card-content ul{display:flex;flex-wrap:wrap;gap:7px 13px;margin:0 0 19px;padding:0;list-style:none}.card-content li{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:rgba(255,255,255,.78)}.card-content li span{color:var(--accent)}.split-cta{display:inline-flex;align-items:stretch;padding:0;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);box-shadow:0 15px 35px rgba(0,0,0,.22);cursor:pointer;overflow:hidden;transition:transform .2s,filter .2s}.split-cta:hover{transform:translateY(-2px);filter:brightness(1.04)}.split-cta>span{display:flex;align-items:center;gap:16px;padding:14px 19px;font-size:13px;font-weight:900}.split-cta>strong{display:flex;align-items:center;gap:7px;padding:0 18px;border-left:1px solid color-mix(in srgb,var(--accent-ink) 22%,transparent);font-style:normal}.split-cta em{font-size:13px;font-style:normal}.split-cta small{font-size:8px;font-weight:850;opacity:.7;text-transform:uppercase}
.enter-next{animation:cardNext .48s cubic-bezier(.16,.85,.25,1)}.enter-prev{animation:cardPrev .48s cubic-bezier(.16,.85,.25,1)}@keyframes cardNext{from{opacity:0;transform:translateX(30px) scale(.985)}to{opacity:1;transform:none}}@keyframes cardPrev{from{opacity:0;transform:translateX(-30px) scale(.985)}to{opacity:1;transform:none}}@keyframes promiseRock{0%,100%{transform:rotate(-.55deg)}50%{transform:rotate(.55deg)}}
.next-panel{align-self:center}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:22px;font-weight:950;letter-spacing:-.035em}.panel-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#173e32;color:white}.next-preview{position:relative;width:100%;height:285px;padding:0;overflow:hidden;border:0;border-radius:30px;background:#173e32;box-shadow:0 24px 55px rgba(15,53,44,.22);cursor:pointer;text-align:left;color:white}.next-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,30,25,.9) 0%,rgba(7,30,25,.18) 72%)}.preview-copy{position:absolute;left:22px;right:70px;bottom:22px;display:flex;flex-direction:column}.preview-copy small{margin-bottom:7px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.preview-copy strong{font-size:21px;line-height:1.02;letter-spacing:-.04em}.preview-copy em{margin-top:8px;font-size:10px;font-style:normal;font-weight:800;color:rgba(255,255,255,.7)}.preview-mark{position:absolute;right:17px;top:17px;display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:var(--accent);color:var(--accent-ink);font-size:22px;font-weight:950}.package-dots{display:flex;gap:8px;margin:17px 0}.package-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(18,61,52,.25);cursor:pointer;transition:width .25s,background .25s}.package-dots button.active{width:30px;background:#173e32}.key-hint{display:flex;align-items:center;gap:5px;margin:0;color:rgba(18,61,52,.52);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.key-hint kbd{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(18,61,52,.18);border-radius:7px;background:rgba(255,255,255,.38)}
.swipe-guide{display:none}.copyright{position:absolute;z-index:8;right:clamp(26px,4vw,64px);bottom:9px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(18,61,52,.46)}
.welcome-layer,.modal-layer{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:20px;background:transparent}.welcome-layer::before,.modal-layer::before{content:"";position:absolute;z-index:0;inset:0;background:rgba(8,30,24,.22);backdrop-filter:blur(5px) saturate(.9);pointer-events:none}.welcome-card{position:relative;z-index:1;width:min(390px,100%);padding:31px 31px 28px;overflow:hidden;border-radius:30px;background:#153f37 url('/packages/s-package.webp') 64% center/cover no-repeat;color:white;box-shadow:0 36px 100px rgba(5,30,23,.4);animation:welcomeIn .5s cubic-bezier(.16,.9,.25,1),welcomeFloat 4.5s ease-in-out .6s infinite}.welcome-card::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(7,31,25,.98),rgba(7,31,25,.9) 68%,rgba(7,31,25,.46))}.welcome-card>*{position:relative;z-index:1}.welcome-close,.modal-close{position:absolute;z-index:4;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.13);color:white;font-size:22px;cursor:pointer}.welcome-logo{display:block;width:132px;margin:0 0 24px;filter:brightness(0) invert(1)}.welcome-kicker{display:block;margin-bottom:10px;color:#d9ff54;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.welcome-card h2{max-width:325px;margin:0;font-size:31px;line-height:1.01;letter-spacing:-.04em;text-wrap:balance}.welcome-card p{max-width:300px;margin:16px 0 21px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.45}.welcome-cta{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border:0;border-radius:999px;background:#d9ff54;color:#173e32;font-size:13px;font-weight:900;cursor:pointer}.welcome-cta .icon-arrow{font-size:19px}@keyframes welcomeIn{from{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}@keyframes welcomeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.contact-modal{position:relative;z-index:1;width:min(860px,100%);max-height:calc(100dvh - 38px);display:grid;grid-template-columns:.82fr 1.18fr;overflow:auto;border-radius:32px;background:#f9fbf7;color:#173e32;box-shadow:0 38px 110px rgba(5,30,23,.42)}.contact-modal .modal-close{color:#173e32;border-color:rgba(18,61,52,.15);background:rgba(255,255,255,.74)}.modal-intro{padding:40px 34px;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff));color:var(--accent-ink)}.modal-kicker{display:block;margin-bottom:20px;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.modal-package-mark{display:grid;place-items:center;width:58px;height:58px;margin-bottom:25px;border-radius:19px;background:var(--accent-ink);color:var(--accent);font-size:28px;font-weight:950}.modal-intro h2{margin:0;font-size:43px;line-height:.95;letter-spacing:-.05em}.modal-intro>p{margin:18px 0 26px;font-size:13px;line-height:1.5}.secure-note{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850}.secure-note>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-ink);color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:12px;padding:36px 37px 28px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form label{display:flex;flex-direction:column;gap:6px}.contact-form label>span{font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid rgba(18,61,52,.14);border-radius:12px;background:white;color:#173e32;outline:none;font:inherit;font-size:12px;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.contact-form textarea{resize:vertical}.submit-contact{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:13px 16px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:900;cursor:pointer}.form-note{margin:0;color:rgba(18,61,52,.5);font-size:8px;line-height:1.4}
@media(max-width:900px){.app-shell{min-height:560px}.topbar{height:74px;grid-template-columns:110px 1fr 56px;padding:0 18px}.brand{width:108px}.eyebrow{padding:0 8px;font-size:8px;letter-spacing:.08em}.counter strong{font-size:21px}.counter span{font-size:9px}.stage{inset:82px 16px 82px;display:block}.back-button{top:-8px;left:4px;font-size:10px}.package-card{position:absolute;top:27px;left:0;width:100%;height:calc(100% - 27px);min-height:0;border-radius:27px}.card-image{object-position:var(--mobile-position) center}.image-shade{background:linear-gradient(0deg,rgba(5,25,21,.96) 0%,rgba(5,25,21,.83) 48%,rgba(5,25,21,.1) 78%),linear-gradient(90deg,rgba(5,25,21,.48),transparent 60%)}.card-top{top:18px;left:18px;right:18px}.package-mark>span{width:48px;height:48px;border-radius:15px;font-size:23px}.package-mark small{font-size:9px}.promise-link{position:static;width:min(188px,60%);padding:8px 9px 8px 7px;border-radius:15px}.promise-link .heart-icon{width:28px;height:28px}.promise-link>span{font-size:9px}.card-content{left:21px;right:21px;bottom:22px;width:auto}.category{margin-bottom:7px;font-size:8px}.card-content h2{font-size:clamp(44px,14vw,62px)}.card-content h3{max-width:95%;margin-top:9px;font-size:clamp(20px,6.3vw,28px)}.card-content p{max-width:96%;margin:12px 0 10px;font-size:11.5px;line-height:1.38}.card-content ul{gap:5px 9px;margin-bottom:13px}.card-content li{font-size:8.5px}.split-cta{max-width:100%}.split-cta>span{padding:12px 14px;gap:10px;font-size:11px}.split-cta>strong{padding:0 13px;gap:5px}.split-cta em{font-size:11px}.split-cta small{font-size:6.5px}.next-panel{display:none}.swipe-guide{position:absolute;z-index:22;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:max-content;color:#173e32}.swipe-arrow{font-size:19px;color:var(--accent-ink)}.swipe-demo{position:relative;width:37px;height:27px}.demo-card{position:absolute;width:19px;height:24px;border-radius:6px}.demo-card-back{left:3px;top:2px;background:var(--accent-ink);opacity:.42}.demo-card-front{left:12px;top:0;background:var(--accent)}.gesture-dot{position:absolute;right:0;bottom:2px;width:8px;height:8px;border:2px solid var(--accent-ink);border-radius:50%;animation:swipe 1.9s ease-in-out infinite}.swipe-label{display:flex;flex-direction:column}.swipe-label small{font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.swipe-label strong{font-size:10px}.copyright{display:none}@keyframes swipe{0%,100%{transform:translateX(0)}50%{transform:translateX(-13px)}}.contact-modal{grid-template-columns:1fr;width:min(460px,100%)}.modal-intro{padding:28px 25px 22px}.modal-package-mark{width:46px;height:46px;margin-bottom:18px;border-radius:15px;font-size:23px}.modal-intro h2{font-size:34px}.modal-intro>p{margin:13px 0 16px}.contact-form{padding:22px 24px 23px;gap:10px}.welcome-layer,.modal-layer{padding:13px}.welcome-card{width:min(340px,100%);padding:27px 24px 23px;border-radius:26px}.welcome-logo{width:115px;margin-bottom:20px}.welcome-card h2{font-size:27px}.welcome-card p{font-size:12px}}
@media(max-width:480px){.eyebrow{display:none}.topbar{grid-template-columns:1fr auto}.card-content p{max-height:48px;overflow:hidden}.field-row{grid-template-columns:1fr}.contact-modal{max-height:calc(100dvh - 20px)}.modal-intro{padding:23px 22px 18px}.modal-kicker{margin-bottom:13px}.modal-package-mark{display:none}.modal-intro h2{font-size:30px}.modal-intro>p{margin:10px 0 12px}.contact-form{padding:18px 21px 20px}.contact-form input,.contact-form textarea{padding:10px 11px}.welcome-card p{margin:13px 0 18px}}
@media(max-height:700px) and (max-width:900px){.topbar{height:62px}.stage{inset:67px 14px 70px}.package-card{top:23px;height:calc(100% - 23px)}.card-top{top:14px}.package-mark>span{width:42px;height:42px}.card-content{bottom:15px}.card-content h2{font-size:40px}.card-content h3{font-size:19px}.card-content p{margin:8px 0;font-size:10px}.card-content ul{margin-bottom:9px}.split-cta>span{padding:10px 13px}.swipe-guide{bottom:17px}.contact-modal{max-height:calc(100dvh - 14px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.submit-contact:disabled{cursor:wait;opacity:.68}.form-error{margin:0;padding:9px 11px;border-radius:10px;background:#ffe8e4;color:#8b3026;font-size:10px;line-height:1.4}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-success{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;padding:42px;text-align:center}.contact-success>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:20px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:28px;font-weight:950}.contact-success h3{margin:0;font-size:31px;line-height:1.05;letter-spacing:-.04em}.contact-success p{max-width:340px;margin:14px 0 24px;color:rgba(18,61,52,.68);font-size:13px;line-height:1.5}.contact-success button{padding:12px 28px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:900;cursor:pointer}