.isle-landing{--isle-accent: #6ee7b7;font-family:Sarabun,sans-serif}.isle-landing [id]{scroll-margin-top:2rem}.isle-landing .isle-section{padding-block:5.5rem}.isle-landing .isle-section.pt-0{padding-top:0}.isle-landing .isle-eyebrow{color:var(--isle-accent);font-size:.8rem;font-weight:700;letter-spacing:.09em}.isle-landing .isle-hero-glow{background:radial-gradient(ellipse at 79% 39%,#134e4a42,transparent 54%),radial-gradient(ellipse at 7% 15%,#064e3b24,transparent 45%)}.isle-landing .isle-word-accent{position:relative;display:inline-block}.isle-landing .isle-word-accent:after{content:"";position:absolute;inset:auto 2% -.12em;height:.14em;border-radius:50%;border-bottom:.08em solid #34d39980;transform:rotate(-2deg)}.isle-landing .isle-hero-photo{transform:rotate(1.5deg);transition:transform .4s ease}.isle-landing .isle-hero-photo:hover{transform:rotate(0)}.isle-landing .isle-photo-sticker{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:2px solid #fff9;border-radius:.9rem;font-size:.8rem;font-weight:700;box-shadow:0 4px #070c10}.isle-landing .isle-sticker-voice{top:0;left:0;color:#052e22;background:#a7f3d0;transform:rotate(-6deg)}.isle-landing .isle-sticker-vault{top:50%;right:0;color:#422006;background:#fde68a;transform:rotate(5deg)}.isle-landing[data-motion=on] .isle-sticker-voice{animation:isle-sticker-drift 7s ease-in-out infinite}.isle-landing[data-motion=on] .isle-sticker-vault{animation:isle-sticker-drift 8s 1s ease-in-out infinite reverse}@keyframes isle-sticker-drift{0%,to{translate:0 0}50%{translate:0 -5px}}.isle-landing .isle-section-band{border-block:1px solid #ffffff0d;background:#131d20}.isle-landing .isle-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;height:2.75rem;width:2.75rem;border:1px solid var(--isle-border, #34d39940);border-radius:.9rem;color:var(--isle-ink, #6ee7b7);background:var(--isle-tint, #34d39912)}.isle-landing .isle-tone-emerald{--isle-ink: #6ee7b7;--isle-border: #34d39940;--isle-tint: #34d39912}.isle-landing .isle-tone-sky{--isle-ink: #7dd3fc;--isle-border: #38bdf840;--isle-tint: #38bdf812}.isle-landing .isle-tone-amber{--isle-ink: #fde68a;--isle-border: #fbbf2440;--isle-tint: #fbbf2412}.isle-landing .isle-tone-pink{--isle-ink: #f9a8d4;--isle-border: #f472b640;--isle-tint: #f472b612}.isle-landing .isle-feature-card{padding:1.5rem;border:1px solid #ffffff14;border-radius:1.5rem;background:linear-gradient(140deg,var(--isle-tint),transparent 65%),#16182299;transition:transform .3s ease,border-color .3s ease}@media(hover:hover)and (pointer:fine){.isle-landing .isle-feature-card:hover{transform:translateY(-4px);border-color:var(--isle-border)}}.isle-landing .isle-demo-window{overflow:hidden;border:1px solid #ffffff18;border-radius:1rem;background:#141c20;box-shadow:0 8px 24px #0003}.isle-landing .isle-demo-content{min-height:23rem}.isle-landing .isle-voice-person{display:flex;align-items:center;gap:.85rem;border:1px solid #ffffff0d;border-radius:.85rem;padding:.9rem;background:#ffffff03}.isle-landing .isle-avatar{display:grid;place-items:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.8rem}.isle-landing .isle-range{min-height:1.5rem;cursor:pointer}.isle-landing .isle-map-image{height:18.5rem;object-position:center;filter:brightness(.7) saturate(.7)}.isle-landing .isle-map-zone{position:absolute;left:21%;top:23%;width:38%;height:43%;border:2px dashed #6ee7b799;border-radius:48%;background:#34d39920;rotate:-15deg}.isle-landing .isle-map-marker{position:absolute;display:flex;align-items:center;gap:.2rem;border:1px solid #6ee7b755;border-radius:.7rem;background:#082f27ed;padding:.4rem .55rem;color:#d1fae5;font-size:.7rem;box-shadow:0 3px 8px #0005}.isle-landing .isle-vault-dino{padding:.9rem .5rem 1.1rem;border:1px solid var(--isle-border);border-radius:1rem;background:radial-gradient(ellipse at 50% 30%,var(--isle-tint),transparent 80%);text-align:center}.isle-landing .isle-pricing-section{border-block:1px solid #ffffff0a;background:radial-gradient(ellipse at 65% 70%,#065f4626,transparent 65%),#12191e}.isle-landing .isle-addon-card{background:radial-gradient(ellipse at 95% 0,#05966929,transparent 60%),#172321;box-shadow:0 8px #061f19,0 24px 64px #0002}.isle-landing .isle-package-sticker{padding:.5rem .8rem;border:1px solid #fde68a;border-radius:.7rem;color:#422006;background:#fef3c7;box-shadow:2px 3px #0005;transform:rotate(2deg);font-size:.75rem;font-weight:700}.isle-landing .isle-step-number{display:inline-flex;justify-content:center;align-items:center;height:2.8rem;width:3rem;border:1px solid #34d39944;border-radius:.8rem;background:#064e3b55;color:#6ee7b7;transform:rotate(-5deg);font-size:1.1rem;box-shadow:2px 3px #0004}.isle-landing .isle-faq summary::-webkit-details-marker{display:none}.isle-landing .isle-faq[open]{border-color:#34d39933}.isle-landing .isle-final-cta{background:radial-gradient(ellipse at 50% 110%,#065f4655,transparent 75%),#14221f}.isle-landing .isle-gallery-image{background:#101518}.isle-landing .isle-gallery-system{background:radial-gradient(ellipse at 50% 50%,#303b3e,#141a1c 85%)}.isle-landing .isle-gallery-system img{padding:.65rem;border-radius:1.5rem}.isle-landing .isle-gallery-card{transition:border-color .25s ease,box-shadow .25s ease}.isle-landing .isle-gallery-card:has(button:hover),.isle-landing .isle-gallery-card:has(button:focus-visible){border-color:#6ee7b755;box-shadow:0 8px 28px #0003}.isle-landing .isle-image-expand{transition:background-color .2s ease}.isle-landing .isle-gallery-image:hover .isle-image-expand{background:#064e3be8}.isle-photo-viewer{font-family:Sarabun,sans-serif}.isle-landing .isle-skip-link{position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%);padding:.8rem 1rem;border-radius:.8rem;color:#052e16;background:#a7f3d0}.isle-landing .isle-skip-link:focus{position:relative;display:inline-block;transform:none}.isle-landing[data-motion=off] *,.isle-landing[data-motion=off] *:before,.isle-landing[data-motion=off] *:after{animation:none!important;transition:none!important}.isle-landing[data-motion=off] .isle-hero-photo:hover,.isle-landing[data-motion=off] .isle-feature-card:hover{transform:none}@media(max-width:639px){.isle-landing .isle-section{padding-block:3.75rem}.isle-landing .isle-section.pt-0{padding-top:0}.isle-landing .isle-feature-card{padding:1.25rem}.isle-landing .isle-photo-sticker{padding:.6rem .7rem;font-size:.7rem}.isle-landing .isle-sticker-vault{top:42%}.isle-landing .isle-demo-content{min-height:24rem}}
