/* APSARA PREMIUM — Coming Soon splash (static launch build).
   The approved Coming Soon kit's styles.css, value for value. Changes: the
   brand link gained a focus ring, two small controls gained invisible 44px
   hit areas, smooth scrolling was dropped, and the 404 page layout was added.
   KIT LIVE: the email row is now Kit's injected form, restyled at the end of
   this file to the approved frame and button; Instagram became a secondary
   text link; the privacy page layout was added. */
:root{
  --ap-orange:#FF8C00;--ap-vermilion:#FF371E;--ap-pink:#FF0152;--ap-magenta:#FD0085;
  --ap-charcoal:#1E1E1E;--ap-white:#FFFFFF;
  --ap-gradient:linear-gradient(135deg,#FF8C00 0%,#FF371E 32%,#FF0152 68%,#FD0085 100%);
  --text-muted:#B6B1B5;--quiet:#908A8D;--border:#414043;--back:#1E1E1E;
  --font-serif:Georgia,"Times New Roman",serif;
  --font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--back);color:var(--ap-white);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}
button{font:inherit}
button{cursor:pointer}
a{color:inherit}
.top-spectrum{height:3px;width:100%;background:linear-gradient(90deg,var(--ap-orange) 0%,var(--ap-vermilion) 32%,var(--ap-pink) 68%,var(--ap-magenta) 100%)}
.page-shell{max-width:1600px;margin:auto;min-height:calc(100vh - 3px);display:flex;flex-direction:column;padding:0 clamp(24px,5.15vw,88px)}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:26px 0 22px;border-bottom:1px solid rgba(255,255,255,.105)}
.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;min-width:0}
.brand-mark{display:block;width:46px;height:46px;object-fit:contain}
.brand-wordmark{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;line-height:1}
.brand-name{font:400 27px/1 var(--font-serif);letter-spacing:.12em}
.brand-premium{font:500 8px/1.5 var(--font-sans);letter-spacing:.14em;color:#E8E4E6;margin-top:1px}
.header-right{display:inline-flex;gap:11px;align-items:center;color:#BDB7BC;font-size:10px;font-weight:600;letter-spacing:.195em}
.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ap-orange);box-shadow:0 0 0 5px rgb(255 140 0 / .08)}
.content-grid{width:100%;flex:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);gap:clamp(36px,5vw,82px);align-items:center;padding:clamp(42px,6.4vh,76px) 0 clamp(46px,8vh,90px)}
.message{position:relative;z-index:2;max-width:640px}
.eyebrow{font-size:11px;letter-spacing:.185em;color:#BDB7BB;font-weight:650;display:flex;align-items:center;gap:13px;margin:0 0 28px}
.accent-line{display:block;width:36px;height:2px;background:var(--ap-gradient);flex:none}
h1{font:400 clamp(62px,6.7vw,112px)/.96 var(--font-serif);letter-spacing:-.065em;margin:0 0 30px}
.serif-flourish{font-weight:400;font-style:italic;letter-spacing:-.07em;background:var(--ap-gradient);color:transparent;background-clip:text;-webkit-background-clip:text;padding-right:.1em}
.punctuation{color:var(--ap-pink)}
.hero-body{font-size:16px;line-height:1.8;color:#BDB7BA;margin:0;max-width:520px}
.signup-region{margin-top:48px;max-width:568px}
.signup-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.signup-star{font-size:26px;line-height:1;color:#FF8C00;padding-top:2px}
.signup-head h2{margin:0 0 5px;font-size:18px;letter-spacing:-.02em;font-weight:600}
.signup-head p{margin:0;color:#AAA3A8;font-size:12px;line-height:1.5}
.join-button{display:flex;gap:18px;align-items:center;justify-content:center;white-space:nowrap;background:#FF8C00;color:#1E1E1E;border:none;border-radius:7px;padding:0 21px;font-weight:750;font-size:13px;transition:background-color .18s ease,transform .18s ease}
.brand:focus-visible,.inline-button:focus-visible,.dialog-close:focus-visible,.dialog-done:focus-visible,.instagram-link:focus-visible,.signup-note a:focus-visible,dialog p a:focus-visible,.legal a:not(.home-link):focus-visible{outline:3px solid #FF8C00;outline-offset:3px}
.join-button span{font-size:19px;font-weight:400}
.signup-note{margin:14px 0 0;line-height:1.55;font-size:12px;color:#AAA3A8}
.signup-note a,dialog p a{color:#FFFFFF;text-decoration:underline;text-decoration-color:#8A8488;text-underline-offset:3px}
/* Instagram stays as a secondary text link below the email form. */
.instagram{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;margin:2px 0 0;color:#A9A2A6;font-size:12px;line-height:1.5}
.instagram-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#DCD4D8;font-weight:600;text-decoration:underline;text-decoration-color:#626064;text-underline-offset:4px}
.instagram-link:hover{color:#FFFFFF}
.sub-note{display:flex;align-items:center;gap:13px;font-size:9px;font-weight:600;letter-spacing:.24em;color:#918A8F;margin-top:44px}
.short-line{display:block;width:28px;height:1px;background:#625B5F}
.art-column{min-width:0;width:100%;max-width:600px;height:min(66vh,640px);min-height:500px;position:relative;justify-self:end}
.art-border{position:absolute;inset:6px 14px 11px 10px;border:1px solid rgba(244,144,159,.3);border-radius:200px 200px 2px 2px;z-index:1;pointer-events:none}
.art-surface{isolation:isolate;position:absolute;inset:20px 30px 28px 26px;overflow:hidden;border:1px solid #454043;border-radius:195px 195px 2px 2px;background:radial-gradient(circle at 67% 38%,rgba(253,0,133,.12),transparent 42%),linear-gradient(135deg,#282125 0%,#201E21 43%,#181719 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 35px 70px rgba(0,0,0,.23)}
.art-surface::before{content:"";position:absolute;inset:18px;border-radius:180px 180px 0 0;border:1px solid rgba(255,255,255,.065);pointer-events:none;z-index:3}
.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(35px);opacity:.7}
.ambient-one{width:60%;height:36%;top:18%;left:-18%;background:radial-gradient(circle,rgba(255,140,0,.19),transparent 70%)}
.ambient-two{width:58%;height:45%;right:-19%;bottom:5%;background:radial-gradient(circle,rgba(253,0,133,.21),transparent 70%)}
.art-corner{position:absolute;width:39px;height:39px;z-index:4;pointer-events:none}
.art-corner-tl{top:45px;left:42px;border-left:2px solid #FF8C00;border-top:2px solid #FF8C00}
.art-corner-br{bottom:52px;right:45px;border-bottom:2px solid #FD0085;border-right:2px solid #FD0085}
.art-topline{position:absolute;top:62px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;color:#C9B8BD;font-size:9px;font-weight:650;letter-spacing:.17em;z-index:5}
.hero-mark{width:min(82%,455px);height:auto;max-height:70%;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 38px rgba(255,0,91,.07))}
.art-bottom{position:absolute;bottom:69px;left:60px;right:60px;display:flex;justify-content:space-between;gap:14px;align-items:end;z-index:4}
.art-slogan{display:flex;flex-direction:column;gap:4px;font:400 clamp(13px,1.25vw,19px)/1.13 var(--font-serif);letter-spacing:.17em}
.art-bottom p{color:#BBAFB5;font-size:8px;line-height:1.75;letter-spacing:.16em;text-align:right;margin:0}
.art-indicator{display:block;width:26px;height:2px;background:var(--ap-gradient);margin-left:auto;margin-bottom:9px}
.behind-panel{position:absolute;border:1px solid rgba(255,255,255,.07);inset:32px 2px 0 43px;border-radius:190px 190px 0 0;z-index:-1}
.behind-panel-2{inset:48px 0 0 59px;border-color:rgba(255,255,255,.055)}
.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:68px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:#968E93;letter-spacing:.045em}
.footer-url{color:#DCD4D8;letter-spacing:.08em;font-weight:600}
.footer-right{display:flex;gap:20px;align-items:center}
.footer-separator{color:#615A60}
.inline-button{position:relative;padding:6px 0;border:0;background:none;color:#ACA4AA;text-decoration:underline;text-decoration-color:#626064;text-underline-offset:4px;font-size:10px}
/* Invisible hit areas: about 44px tall without moving anything. */
.inline-button::after{content:"";position:absolute;inset:-9px -4px}
.dialog-close::after{content:"";position:absolute;inset:-6px -9px}
dialog{width:min(440px,calc(100vw - 24px));background:#272527;color:white;border:1px solid #62545A;border-radius:12px;padding:35px;box-shadow:0 25px 75px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(0,0,0,.78)}
.dialog-close{position:absolute;top:10px;right:14px;background:transparent;border:0;color:white;font-size:27px}
.dialog-eyebrow{color:#FF8C00;font-size:10px;letter-spacing:.2em}
dialog h2{font:400 34px/1.08 var(--font-serif);margin:14px 0 20px}
dialog p{font-size:13px;line-height:1.7;color:#D4C9CD}
dialog p strong{color:white}
.dialog-done{background:#FF8C00;color:#1E1E1E;padding:12px 20px;border:0;border-radius:7px;font-weight:650;margin-top:10px}
@media (max-width:1050px){.page-shell{padding:0 28px}.content-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.83fr);gap:22px}.art-column{min-height:440px;height:53vh}.art-topline{font-size:7px;left:45px;right:45px}.art-bottom{left:48px;right:48px;bottom:53px}h1{font-size:clamp(59px,6vw,84px)}.hero-body{font-size:14px}}
@media (max-width:760px){.page-shell{padding:0 22px}.site-header{padding:17px 0}.brand-name{font-size:23px}.brand-mark{width:40px;height:40px}.brand-premium{font-size:7px}.header-right{font-size:8px;letter-spacing:.09em}.header-right .pulse{display:none}.content-grid{grid-template-columns:1fr;gap:32px;padding:54px 0 42px}.message{max-width:640px}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:22px}h1{font-size:clamp(59px,11vw,86px);margin-bottom:23px}.hero-body{font-size:14px;max-width:560px}.signup-region{margin-top:32px}.art-column{max-width:510px;height:380px;min-height:380px;justify-self:center;width:100%;margin-top:16px}.art-surface{border-radius:160px 160px 2px 2px;inset:13px 25px 20px 18px}.art-border{border-radius:160px 160px 2px 2px}.art-surface::before{border-radius:155px 155px 0 0}.hero-mark{max-height:67%;width:67%}.art-bottom{bottom:40px}.art-topline{top:45px}.art-slogan{font-size:14px}.art-corner-tl{top:29px;left:30px}.art-corner-br{bottom:34px;right:30px}.footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:19px 0}.footer-right{flex-wrap:wrap;gap:10px}}
@media (max-width:480px){.page-shell{padding:0 19px}.site-header{gap:12px}.brand{gap:8px}.brand-name{font-size:21px}.brand-mark{width:36px;height:36px}.brand-premium{font-size:6px}.header-right{font-size:7px;max-width:110px;text-align:right;line-height:1.55}.content-grid{padding-top:40px}.eyebrow{font-size:8px;letter-spacing:.08em}.accent-line{width:25px}h1{font-size:clamp(51px,12.6vw,63px)}.hero-body{font-size:13px;line-height:1.7}.signup-head h2{font-size:17px}.signup-head p{font-size:11px}.join-button{padding:0 13px;font-size:11px;gap:7px}.join-button span{font-size:17px}.sub-note{font-size:8px;letter-spacing:.12em;margin-top:30px}.art-column{height:305px;min-height:305px;margin-top:3px}.art-topline{font-size:6px}.art-bottom{left:42px;right:36px;bottom:35px}.art-bottom p{font-size:6px}.art-slogan{font-size:10px}.art-surface::before{inset:13px}.footer-right{font-size:9px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Keep the brand mark legible and clear of the editorial caption beneath it. */
.hero-mark{width:min(70%,400px);max-height:58%;transform:translateY(-12px)}
@media(max-width:760px){.hero-mark{width:60%;max-height:55%;transform:translateY(-10px)}}
/* 404 page: the splash header and footer around one short message. */
.not-found{flex:1;display:flex;align-items:center;padding:clamp(42px,6.4vh,76px) 0 clamp(46px,8vh,90px)}
.home-link{display:inline-flex;min-height:48px;margin-top:36px;text-decoration:none}
.home-link:hover{background:#FFA333}
.home-link:focus-visible{outline:3px solid #FF8C00;outline-offset:3px}
/* KIT LIVE — Kit's inline form ("Apsara Premium Waitlist", uid 36f8e76993).
   Kit injects its markup, its own <style> block and inline styles. These
   rules are scoped under #waitlist so they outrank Kit's, and restyle the
   form to the approved frame and orange button. Appearance only: nothing
   here changes what Kit sends or shows. */
.kit-fallback{display:flex;align-items:center;min-height:61px;margin:0;border:1px dashed #625C60;border-radius:10px;padding:10px 15px;color:#AAA3A8;font-size:12px;line-height:1.5}
.kit-slot:has(.formkit-form) .kit-fallback{display:none}
#waitlist .formkit-form{max-width:none;margin:0;font-family:var(--font-sans);color:#FFFFFF}
#waitlist .formkit-form [data-style="clean"]{width:100%;padding:0}
#waitlist .formkit-fields{display:flex;flex-wrap:nowrap;align-items:stretch;margin:0;min-height:61px;border:1px solid #625C60;border-radius:10px;padding:5px;background:#282628;box-shadow:0 8px 25px rgba(0,0,0,.07)}
#waitlist .formkit-fields:focus-within{outline:2px solid #FF8C00;outline-offset:3px}
#waitlist .formkit-field{display:flex;flex:1 1 auto;min-width:0;margin:0}
/* !important only where Kit sets inline styles on the input and the button. */
#waitlist .formkit-input{width:100%;min-width:0;margin:0;padding:12px 15px;border:0!important;border-radius:0!important;background:transparent;color:#FFFFFF!important;caret-color:#FF8C00;font:inherit;font-size:14px;font-weight:400!important;line-height:1.4;outline:none}
#waitlist .formkit-input::placeholder{color:#A29BA0;opacity:1}
#waitlist .formkit-input:-webkit-autofill{-webkit-text-fill-color:#FFFFFF;box-shadow:inset 0 0 0 40px #282628}
#waitlist .formkit-submit{position:relative;flex:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background-color:#FF8C00!important;color:#1E1E1E!important;border-radius:7px!important;font:inherit;font-size:13px;font-weight:750!important;white-space:nowrap;transition:background-color .18s ease,transform .18s ease}
#waitlist .formkit-submit:hover{background-color:#FFA333!important}
#waitlist .formkit-submit:active{transform:translateY(1px)}
#waitlist .formkit-submit:disabled{cursor:progress}
#waitlist .formkit-submit:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
#waitlist .formkit-submit>span{display:flex;align-items:center;gap:18px;padding:0 21px;background-color:transparent}
#waitlist .formkit-submit>span::after{content:"↗";content:"↗"/"";font-size:19px;font-weight:400}
#waitlist .formkit-spinner>div{background-color:#1E1E1E}
#waitlist .formkit-alert{margin:12px 0 0;padding:10px 14px;border-radius:8px;text-align:left;font-size:13px;line-height:1.55}
#waitlist .formkit-alert-error{background:#2E2124;border:1px solid #FF371E;color:#FFFFFF}
#waitlist .formkit-alert-success{margin:0;padding:18px 18px 16px;border:1px solid #625C60;border-radius:10px;background:linear-gradient(90deg,#FF8C00 0%,#FF371E 32%,#FF0152 68%,#FD0085 100%) top/100% 3px no-repeat,#282628;color:#FFFFFF;font-size:14px;line-height:1.6}
#waitlist .formkit-alert-success:focus{outline:none}
/* Kit's required "Built with Kit" badge. Its "dark" variant draws dark text
   for light pages, so it is inverted to stay legible on charcoal; the focus
   ring sits on the (unfiltered) container so it keeps the brand orange. */
#waitlist .formkit-powered-by-convertkit-container{width:fit-content;margin:12px 0 0;border-radius:9px}
#waitlist .formkit-powered-by-convertkit-container:focus-within{outline:3px solid #FF8C00;outline-offset:2px}
#waitlist .formkit-powered-by-convertkit{margin:0;filter:invert(1);opacity:.75}
#waitlist .formkit-powered-by-convertkit:hover,#waitlist .formkit-powered-by-convertkit:focus-visible{opacity:1}
@media (max-width:480px){#waitlist .formkit-fields,.kit-fallback{min-height:56px}#waitlist .formkit-input{font-size:12px;padding:9px}#waitlist .formkit-submit{font-size:11px}#waitlist .formkit-submit>span{padding:0 13px;gap:7px}#waitlist .formkit-submit>span::after{font-size:17px}}
/* Phones and tablets zoom into inputs set below 16px when they get focus. */
@media (pointer:coarse){#waitlist .formkit-input{font-size:16px}}
/* Fold-type cover screens (under 320px): stack the field above the button. */
@media (max-width:319px){#waitlist .formkit-fields{flex-direction:column;gap:5px}#waitlist .formkit-submit{min-height:44px}}
@media (prefers-reduced-motion:reduce){#waitlist .formkit-spinner>div{animation:none;opacity:.6}}
/* Privacy page: the splash header and footer around a readable text column. */
.legal{flex:1;max-width:720px;padding:clamp(42px,6.4vh,76px) 0 clamp(46px,8vh,90px);overflow-wrap:anywhere}
.legal h1{font-size:clamp(44px,6vw,72px);margin-bottom:18px}
.legal .updated{margin:0 0 32px;color:#AAA3A8;font-size:12px;letter-spacing:.08em}
.legal h2{font:400 24px/1.25 var(--font-serif);margin:36px 0 10px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:#D4C9CD}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 14px;padding-left:20px}
.legal a:not(.home-link){color:#FFFFFF;text-decoration:underline;text-decoration-color:#8A8488;text-underline-offset:3px}
.legal code{font-size:.9em;color:#FFD18F}
.legal .home-link{margin-top:20px}
@media (max-width:480px){.legal p,.legal li{font-size:14px}.legal h2{font-size:21px}}