:root{--ink:#11251e;--muted:#68756f;--paper:#f6f3ec;--card:#fffdf8;--line:rgba(17,37,30,.12);--accent:#d97742;--accent2:#17493a;--shadow:0 24px 80px rgba(21,34,28,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(246,243,236,.9);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:36px;height:36px;border-radius:12px 12px 12px 4px;background:var(--accent2);color:#fff;display:grid;place-items:center;font-weight:700}.brand strong{font-size:18px}.brand small{font-size:11px;color:var(--muted)}.desktop-nav{display:flex;gap:28px}.desktop-nav a{color:var(--muted);text-decoration:none;font-size:14px}.desktop-nav a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--ink);background:transparent;border-radius:999px;padding:10px 16px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:7vw;padding:7.5vw 7vw 6vw;max-width:1400px;margin:auto;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--accent);text-transform:uppercase}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e76648;margin-right:6px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(58px,7vw,104px);line-height:.95;margin:16px 0 24px;font-weight:700;letter-spacing:-.05em}.hero h1 em{color:var(--accent);font-style:italic}.hero-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:12px;margin:30px 0 38px;flex-wrap:wrap}.primary-btn,.secondary-btn{border:0;padding:14px 19px;border-radius:13px;display:inline-flex;align-items:center;gap:12px;font-weight:700}.primary-btn{background:var(--accent2);color:white}.primary-btn span{font-size:18px}.secondary-btn{background:transparent;border:1px solid var(--line);color:var(--ink)}.play{font-size:10px;border:1px solid var(--line);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.proof-row{display:flex;gap:34px}.proof-row div{display:flex;flex-direction:column;gap:2px}.proof-row strong{font-size:20px}.proof-row span{font-size:12px;color:var(--muted)}.hero-visual{position:relative;min-height:560px}.hero-image{position:absolute;inset:30px 10px 20px 20px;border-radius:36px;background:linear-gradient(180deg,#d5eef5 0%,#9fcee3 41%,#5d9ea7 42%,#2f6f73 65%,#d8b46b 66%,#e7d6a6 100%);box-shadow:var(--shadow);overflow:hidden}.hero-image:before{content:"";position:absolute;left:-8%;right:-8%;bottom:19%;height:18%;background:radial-gradient(ellipse at center,#8bd0d4 0,#5d9ea7 45%,transparent 70%);opacity:.85}.hero-image:after{content:"";position:absolute;width:190px;height:310px;right:17%;bottom:20%;background:linear-gradient(165deg,#1b5a58 0,#123e3e 70%);clip-path:polygon(50% 0,86% 15%,100% 100%,0 100%,14% 15%);border-radius:48% 48% 15% 15%/32% 32% 10% 10%;filter:drop-shadow(0 35px 25px rgba(0,0,0,.18))}.orbit{position:absolute;border:1px solid rgba(23,73,58,.18);border-radius:50%}.orbit-1{width:540px;height:540px;right:-120px;top:-30px}.orbit-2{width:680px;height:680px;right:-190px;top:-120px}.image-badge{position:absolute;left:24px;top:22px;z-index:2;background:rgba(255,255,255,.82);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:700}.image-badge span{color:#e16350}.place-label{position:absolute;left:25px;bottom:25px;z-index:2;color:white;display:flex;flex-direction:column;text-shadow:0 2px 14px rgba(0,0,0,.5)}.place-label strong{font-family:'Playfair Display',serif;font-size:28px}.place-label span{font-size:12px;opacity:.85}.mini-controls{position:absolute;right:20px;bottom:20px;z-index:2;display:flex;gap:8px}.mini-controls span{background:rgba(255,255,255,.82);padding:8px 10px;border-radius:8px;font-size:11px}.sun-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#ffe9b1;right:15%;top:10%;filter:blur(3px);opacity:.72}.section{max-width:1400px;margin:auto;padding:7vw}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section h2,.tour-copy h2,.guide-header h2,.impact-card h2{font-family:'Playfair Display',serif;font-size:clamp(38px,4.5vw,62px);line-height:1.02;margin:10px 0 0;letter-spacing:-.035em}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:9px 14px;border-radius:999px;color:var(--muted)}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.destination{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:280px;position:relative}.destination-thumb{height:195px;position:relative;overflow:hidden}.destination-thumb:before,.destination-thumb:after{content:"";position:absolute}.thumb-andaman{background:linear-gradient(180deg,#d8f4f7 0,#a0d5dd 45%,#488b8f 46%,#204f51 100%)}.thumb-chittor{background:linear-gradient(180deg,#eee2cc 0,#d3a37c 52%,#7e4c34 53%,#3a2b27 100%)}.thumb-udaipur{background:linear-gradient(180deg,#e4f0ef 0,#b9d5d1 48%,#688f88 49%,#324f49 100%)}.thumb-hampi{background:linear-gradient(180deg,#d9edee 0,#cba06c 44%,#9a7048 45%,#6a4b36 100%)}.thumb-andaman:after{width:180px;height:120px;left:36%;bottom:11%;border-radius:50%;background:#16494b;clip-path:polygon(50% 0,100% 34%,80% 100%,22% 100%,0 43%)}.thumb-chittor:after{width:160px;height:130px;left:34%;bottom:0;background:#5e4638;clip-path:polygon(0 100%,8% 45%,18% 36%,25% 44%,33% 30%,45% 43%,52% 15%,64% 44%,74% 34%,90% 53%,100% 100%)}.thumb-udaipur:after{width:170px;height:110px;left:35%;bottom:5%;background:#fff5dc;clip-path:polygon(0 100%,10% 38%,22% 38%,25% 20%,35% 32%,47% 8%,56% 32%,67% 16%,76% 37%,95% 38%,100% 100%)}.thumb-hampi:after{width:150px;height:120px;left:35%;bottom:0;background:#7e5638;clip-path:polygon(0 100%,5% 40%,20% 35%,26% 5%,34% 35%,52% 40%,58% 15%,65% 40%,87% 28%,94% 50%,100% 100%)}.destination-meta{padding:15px 16px 18px}.destination-meta h3{margin:0 0 3px;font-family:'Playfair Display',serif;font-size:23px}.destination-meta span{font-size:12px;color:var(--muted)}.pill{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.85);padding:6px 9px;border-radius:999px;font-size:10px;font-weight:700}.tour-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;background:#102b24;color:#f7f0e4;max-width:none}.tour-demo .eyebrow{color:#e3a174}.tour-copy p,.guide-header p{font-size:16px;line-height:1.7;color:rgba(247,240,228,.68);max-width:600px}.tour-metrics{display:flex;gap:28px;margin:28px 0 34px}.tour-metrics div{display:flex;flex-direction:column}.tour-metrics strong{font-size:20px}.tour-metrics span{font-size:11px;opacity:.55}.tour-window{background:#0a1c18;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.tour-topbar{font-size:10px;opacity:.5;display:flex;justify-content:space-between;padding:8px 8px 11px}.tour-scene{height:460px;border-radius:16px;overflow:hidden;position:relative;background:#79b5c8}.scene-sky{position:absolute;inset:0 0 50% 0;background:linear-gradient(#8cd1e0,#bfe8e8)}.scene-sea{position:absolute;left:0;right:0;top:48%;bottom:0;background:linear-gradient(#4f9ca1,#27656c)}.scene-island{position:absolute;width:68%;height:54%;left:14%;bottom:15%;background:#285950;clip-path:polygon(0 83%,12% 62%,19% 48%,31% 43%,39% 20%,47% 31%,58% 10%,65% 30%,80% 24%,100% 64%,100% 100%,0 100%);filter:drop-shadow(0 20px 15px rgba(0,0,0,.25))}.hotspot{position:absolute;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(10,38,34,.76);color:white;z-index:3;font-size:20px}.h1{left:37%;top:34%}.h2{left:67%;top:63%}.h3{left:23%;top:56%}.compass{position:absolute;right:17px;top:17px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.85);color:#11251e;display:grid;place-items:center;font-weight:700}.tour-hud{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,38,34,.72);border:1px solid rgba(255,255,255,.15);padding:11px 13px;border-radius:12px;font-size:11px}.tour-hud button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:white;border-radius:999px;padding:7px 10px}.guide-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.guide-header p{color:var(--muted);max-width:470px;margin:0}.guide-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:26px}.camera-card{background:#0f1513;border-radius:28px;padding:12px;min-height:560px;position:relative;overflow:hidden}.camera-scene{position:absolute;inset:12px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#d6c5ac 0,#b58c64 57%,#6c503f 58%,#2d2824 100%)}.camera-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 32%,rgba(255,245,210,.75),transparent 24%)}.tower-glow{position:absolute;width:330px;height:330px;left:calc(50% - 165px);top:10%;background:radial-gradient(circle,rgba(255,230,160,.5),transparent 60%);filter:blur(6px)}.tower{position:absolute;left:50%;transform:translateX(-50%);bottom:11%;width:170px;height:390px}.tower-crown{position:absolute;top:0;left:28px;width:114px;height:62px;background:#76523f;clip-path:polygon(0 100%,12% 58%,24% 70%,31% 33%,42% 66%,50% 0,58% 66%,70% 30%,79% 68%,90% 54%,100% 100%)}.tower-body{position:absolute;left:31px;right:31px;top:51px;bottom:45px;background:repeating-linear-gradient(90deg,#765540 0 10px,#8c624a 10px 17px);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);box-shadow:inset 0 0 0 8px rgba(41,29,23,.15)}.tower-base{position:absolute;left:15px;right:15px;bottom:0;height:52px;background:#684838;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.recognition-box{position:absolute;left:16%;top:26%;width:68%;height:47%;border:1.5px solid rgba(255,255,255,.7);border-radius:14px}.recognition-box span{position:absolute;left:10px;top:-10px;background:#1f6c57;color:white;padding:4px 7px;border-radius:6px;font-size:11px}.recognition-box small{position:absolute;right:10px;top:-10px;background:rgba(255,255,255,.9);padding:4px 7px;border-radius:6px;color:#16372f;font-size:10px}.scan-line{position:absolute;left:10%;right:10%;top:47%;height:2px;background:#d6f4d8;box-shadow:0 0 18px #efffe9;animation:scan 2.6s ease-in-out infinite}.camera-overlay{position:absolute;left:26px;right:26px;z-index:5;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:.08em}.camera-overlay.top{top:26px}.camera-overlay.bottom{bottom:25px;align-items:center}.capture-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:white;border-radius:999px;padding:10px 14px}.capture-btn span{color:#d76653}.round-icon{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:white}.guide-console{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px}.guide-status{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.status-dot{width:8px;height:8px;border-radius:50%;background:#35a46b}.confidence{margin-left:auto}.guide-console h3{font-family:'Playfair Display',serif;font-size:40px;margin:24px 0 0}.muted{color:var(--muted)}.story-card{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:16px}.story-head{display:flex;justify-content:space-between;align-items:center}.chapter{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:700}.story-head button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 11px}.story-body{font-family:'Playfair Display',serif;font-size:18px;line-height:1.55;margin:14px 0 16px}.progress{height:4px;border-radius:99px;background:#eee8de;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .15s linear}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:18px;border-radius:16px;overflow:hidden}.facts-grid div{background:var(--card);padding:14px}.facts-grid span{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.facts-grid strong{font-size:16px}.guide-tabs{display:flex;gap:8px;margin-top:20px}.guide-tabs button{background:transparent;border:0;padding:8px 10px;border-radius:9px;color:var(--muted)}.guide-tabs button.active{background:#eee7dc;color:var(--ink)}.guide-extra{margin-top:12px;padding:12px;background:#f4efe7;border-radius:12px;color:#5e675f;font-size:12px;line-height:1.5}.impact{padding-top:2vw}.impact-card{border:1px solid var(--line);border-radius:30px;background:#efe9dc;padding:5vw}.impact-card p{max-width:720px;color:var(--muted);line-height:1.7;font-size:17px}.impact-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin-top:35px}.impact-flow div{background:#f8f3e8;border-radius:14px;padding:14px}.impact-flow b{display:block;font-size:13px}.impact-flow span{font-size:11px;color:var(--muted)}.impact-flow i{color:var(--accent);font-style:normal}footer{padding:28px 7vw;display:flex;justify-content:space-between;gap:20px;color:var(--muted);border-top:1px solid var(--line);font-size:12px}.footer-brand{color:var(--ink)}.modal{position:fixed;inset:0;display:none;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(3,14,11,.72);backdrop-filter:blur(7px)}.modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1100px,92vw);background:#0c201b;border-radius:26px;padding:12px;box-shadow:0 40px 120px rgba(0,0,0,.35)}.modal-head{color:white;display:flex;justify-content:space-between;padding:10px 8px 12px}.modal-head button{background:none;border:0;color:white;font-size:24px}.modal-view{height:630px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(#9ed6e4,#c8e9e4 44%,#4b969d 45%,#275f65 100%)}.modal-horizon{position:absolute;left:-5%;right:-5%;top:47%;height:18%;background:radial-gradient(ellipse at center,#81c6cc,transparent 70%)}.modal-island{position:absolute;width:67%;height:53%;left:15%;bottom:12%;background:#1d4e48;clip-path:polygon(0 80%,15% 54%,26% 48%,36% 24%,46% 40%,59% 8%,71% 34%,80% 18%,100% 68%,100% 100%,0 100%)}.modal-sea{position:absolute;inset:auto 0 0;height:22%;background:rgba(22,80,87,.6)}.modal-label{position:absolute;left:22px;bottom:22px;color:white;display:flex;flex-direction:column;gap:6px}.modal-label span{font-size:10px;letter-spacing:.18em;opacity:.7}.modal-label strong{font-family:'Playfair Display',serif;font-size:34px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(20px);opacity:0;background:#132d26;color:white;padding:11px 16px;border-radius:999px;font-size:12px;transition:.25s;z-index:80}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes scan{0%,100%{transform:translateY(-100px);opacity:.2}50%{transform:translateY(100px);opacity:1}}@media(max-width:980px){.desktop-nav{display:none}.hero,.tour-demo,.guide-layout{grid-template-columns:1fr}.hero{padding-top:50px}.hero-visual{min-height:460px}.destination-grid{grid-template-columns:1fr 1fr}.section{padding:12vw 6vw}.guide-header,.section-heading{align-items:start;flex-direction:column}.impact-flow{grid-template-columns:1fr}.impact-flow i{transform:rotate(90deg);justify-self:center}.tour-scene{height:400px}.modal-view{height:520px}}@media(max-width:620px){.topbar{padding:0 4vw}.nav-cta{padding:8px 11px;font-size:12px}.hero{padding:16vw 5vw}.hero h1{font-size:58px}.proof-row{gap:18px}.hero-visual{min-height:380px}.hero-image{inset:10px 0}.destination-grid{grid-template-columns:1fr}.section{padding:14vw 5vw}.tour-metrics{gap:18px}.tour-window{padding:8px}.tour-scene{height:340px}.guide-console{padding:20px}.guide-console h3{font-size:34px}.camera-card{min-height:470px}.modal-panel{width:95vw}.modal-view{height:440px}.modal-label strong{font-size:24px}footer{flex-direction:column}}