.afterglow{--bg:#101121;--fg:#fff5ef;--accent:#fac5a0;--surface:#18182b;--line:#ffffff21;--light-a:#986080;--light-b:#403980;--light-c:#eca877;background:#101121;isolation:isolate;overflow-x:clip}.afterglow #app{position:relative;z-index:1}.light-field{position:absolute;inset:0 0 auto;height:1100px;overflow:hidden;pointer-events:none;z-index:0;mask-image:linear-gradient(#000 70%,transparent)}.light{position:absolute;width:75vw;height:70vw;max-height:1000px;filter:blur(75px);opacity:.65;border-radius:50%;will-change:transform}.light-a{top:-35%;left:-30%;background:radial-gradient(ellipse,var(--light-a),transparent 70%);animation:drift-a 19s ease-in-out infinite alternate}.light-b{top:-20%;right:-30%;background:radial-gradient(ellipse,var(--light-b),transparent 70%);animation:drift-b 23s ease-in-out infinite alternate}.light-c{top:-55%;left:15%;background:radial-gradient(ellipse,var(--light-c),transparent 68%);animation:drift-a 25s ease-in-out infinite alternate-reverse;opacity:.6}.horizon{position:absolute;top:80px;left:15%;right:-30%;height:1px;background:linear-gradient(90deg,transparent,#efd4cf80,transparent);transform:rotate(-30deg);box-shadow:0 0 65px 25px #f1a48c15}.afterglow .nav{max-width:none;margin:0 6%;padding:28px 0;border-bottom:1px solid #ffffff16}.afterglow .nav .brand{font-weight:500;font-size:21px}.afterglow .mark{background:linear-gradient(125deg,#ffdaa7,#c18cd4);background-clip:text;-webkit-text-fill-color:transparent;font-size:45px}.afterglow .nav nav button{border-color:#ffffff45;border-radius:50px;background:#ffffff08;backdrop-filter:blur(16px);transition:background .3s}.afterglow .nav nav button:hover{background:#ffffff20}.afterglow .hero{max-width:1500px;grid-template-columns:1.1fr 1fr;padding:75px 7% 100px;min-height:760px;gap:30px}.afterglow .intro{position:relative;z-index:3;animation:rise-in 1.1s cubic-bezier(.2,.8,.2,1) both}.afterglow .intro>.eyebrow{font-size:11px;font-weight:500;letter-spacing:2px;color:#f2d3ca;display:flex;align-items:center;gap:12px}.tiny-spark{font-size:22px;color:#f5c5a8}.afterglow .intro h1{font:400 clamp(57px,6.6vw,100px)/.99 'Crimson Text',Georgia,serif;letter-spacing:-3px;margin:27px 0}.afterglow h1 em,.afterglow h2 em{font-weight:400;background:linear-gradient(105deg,#ffe5b9 0%,#f3b6a0 32%,#d6a5e9 70%,#ffe5b9 100%);background-size:200% auto;background-clip:text;-webkit-text-fill-color:transparent;animation:color-flow 12s ease-in-out infinite alternate}.afterglow .lede{font-size:17px;line-height:1.9;max-width:390px;opacity:1;color:#e2d2df}.afterglow .primary{background:linear-gradient(120deg,#f8d1aa,#eeb6a1 55%,#d9add4);color:#352536;border:1px solid #ffdfc8;border-radius:50px;box-shadow:0 5px 30px #eeb1b028,inset 0 1px 1px #ffffff90;padding:17px 26px;font-size:15px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.afterglow .primary:hover{transform:translateY(-4px);box-shadow:0 9px 45px #eeb1b050}.afterglow .primary span{font-size:22px;transition:transform .3s}.afterglow .primary:hover span{transform:translate(3px,-3px)}.afterglow .fine{color:#d4c3d0;font-size:12px;margin:15px 0 0;opacity:.85}.see-it{display:flex;align-items:center;gap:13px;font-size:12px;text-decoration:none;margin-top:35px;color:#d2bed2}.see-it>span{height:28px;width:28px;border:1px solid #ffffff30;display:grid;place-items:center;border-radius:50%;animation:nudge 3s ease-in-out infinite}.afterglow .art{min-height:580px;perspective:1100px;justify-content:center;--tilt-x:0deg;--tilt-y:0deg}.afterglow .art:before{content:'';position:absolute;inset:0 -50px;background:radial-gradient(ellipse at 55% 55%,#cba1ff20,transparent 65%);border-radius:50%;filter:blur(20px);animation:breathe 7s infinite alternate}.afterglow .art>img{width:390px;height:600px;right:-85px;top:-25px;opacity:.2;filter:sepia(.25);mask-image:linear-gradient(#000 65%,transparent)}.afterglow .phone{margin:0;position:relative;width:315px;min-height:580px;border:6px solid #555364;border-radius:49px;background:linear-gradient(150deg,#20202c,#101018 80%);color:#f5f2fa;box-shadow:0 0 0 1px #d2bdd375,0 0 0 3px #292837,inset 0 0 0 2px #000,20px 35px 90px #05031080,-10px -10px 60px #eeb9d51a;padding:18px 18px 27px;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-7deg);transition:transform .7s cubic-bezier(.2,.8,.2,1);animation:phone-entry 1.5s cubic-bezier(.2,.8,.2,1) both;overflow:hidden;z-index:2}.afterglow .phone-top{height:24px;position:relative;font-size:11px;padding:0 4px;align-items:center}.island{position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:85px;height:24px;background:#050509;border-radius:20px;box-shadow:inset 0 1px 2px #ffffff09}.island:after{content:'';width:5px;height:5px;border-radius:50%;background:#16202c;box-shadow:inset 0 0 1px #627099;position:absolute;right:9px;top:9px}.afterglow .contact{position:relative;border-bottom:1px solid #ffffff10;padding:22px 0 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.contact-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(130deg,#e6b69d,#a987c3);color:#39283f;font:34px/1 Georgia}.afterglow .contact strong{font-size:11px;font-weight:400}.contact strong>span{opacity:.5;margin-left:3px}.contact-back{position:absolute;left:0;top:35px;font:30px 'DM Sans';color:#bdadfa}.afterglow .stamp{font-size:10px;color:#a19aa9;margin:20px 0}.afterglow .bubble{position:relative;color:#f4edf8;background:linear-gradient(135deg,#383340,#292732);border:1px solid #ffffff09;padding:20px 17px;border-radius:20px 20px 20px 5px;transform-origin:bottom left;box-shadow:0 8px 25px #0002}.afterglow .phone .quotation blockquote{font:400 26px/1.3 'Crimson Text';margin:0 0 18px}.afterglow .phone .author{font-size:11px;font-weight:500;color:#e2c6e9}.afterglow .phone .source{font-size:10px;color:#c3b9cc}.afterglow .phone .source-link{font-size:10px;color:#c9b8ed;margin-top:16px}.phone-compose{display:flex;align-items:center;gap:9px;color:#b5afc0;margin-top:32px;font-size:20px}.phone-compose>span:last-child{border:1px solid #55505f;border-radius:25px;flex:1;font-size:11px;padding:8px 12px}.phone-compose b{float:right;color:#80738e;font-size:16px;line-height:1.2}.home-indicator{width:90px;height:4px;border-radius:5px;background:#ddd5e0;margin:25px auto 0}.phone-reflection{pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,#ffffff0c,transparent 30%,transparent 75%,#ffffff05);border-radius:40px}.typing{display:none;gap:4px;width:51px;padding:12px;background:#37313d;border-radius:13px;margin:12px 0}.typing i{width:5px;height:5px;background:#b6a9bf;border-radius:50%;animation:typing-dot .8s infinite alternate}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.message-typing .typing{display:flex}.message-typing .bubble{opacity:0;transform:translateY(12px) scale(.93)}.message-arrived .bubble{animation:bubble-arrive .7s cubic-bezier(.2,.9,.3,1.15) both}.float-label{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;padding:15px 20px;border:1px solid #f2d4ed35;border-radius:16px;background:linear-gradient(120deg,#ffffff13,#ffffff05);backdrop-filter:blur(25px);box-shadow:0 15px 50px #0d061b25;animation:label-float 7s ease-in-out infinite}.label-top{left:-25px;top:75px;transform:rotate(-5deg)}.label-bottom{right:-35px;bottom:95px;animation-delay:-3s}.float-label>div{font-size:11px;color:#ddcbdc}.float-label strong{display:block;font-size:15px;color:#fff0e7;font-weight:500;line-height:1.7}.label-icon{font-size:25px;color:#edbea6}.replay{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:12px;background:transparent;border-bottom:1px solid #ffffff30;padding:6px 0;color:#cfbcd9;z-index:4;white-space:nowrap}.afterglow .control-band{margin:0 6% 85px;padding:40px 45px;background:linear-gradient(120deg,#ffffff08,#ffffff02);border:1px solid #eac7e427;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff08;position:relative;overflow:hidden;backdrop-filter:blur(15px)}.afterglow .control-band:before{content:'';position:absolute;top:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#e7badf,transparent)}.tuning-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center}.tuning-intro>.eyebrow{grid-column:1/-1;color:#c2a7cd;font-size:10px}.tuning-intro h2{font-size:42px;margin:12px 0 0}.tuning-intro>p:last-child{font-size:13px;color:#bdaac8;justify-self:end}.afterglow .controls{padding:30px 0;grid-template-columns:1.2fr 1fr;gap:12px 50px}.afterglow .controls>.eyebrow{font-size:11px;letter-spacing:.5px;color:#cbbad3;text-transform:none;margin-bottom:0}.afterglow .chips button{border-color:#b7a0c72e;background:#ffffff03;padding:9px 15px;font-size:12px;transition:all .25s}.afterglow .chips button:hover{border-color:#e9c6e1;background:#ffffff10;transform:translateY(-2px)}.afterglow .chips button[aria-pressed=true]{background:linear-gradient(125deg,#f0c6a6,#bd9ccc);color:#2b2035;border-color:#e0bad1;box-shadow:0 4px 15px #d6a3ca20}.afterglow .time-label{font-size:12px;color:#cbbad3;align-self:start}.afterglow .time-label output{font-size:18px;color:#ffe2bc;font-weight:400;margin-top:-5px}.afterglow input[type=range]{appearance:none;height:5px;border-radius:5px;background:linear-gradient(90deg,#373263,#dfa491,#f1d6aa,#a75f82,#373263);margin:25px 0 13px}.afterglow input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#fff1db;border:3px solid #e9c6c4;border-radius:50%;box-shadow:0 0 18px #e4b9e5}.time-landmarks{display:flex;justify-content:space-between;font-size:10px;color:#9d8cae}.selected-moment{border-top:1px solid #ffffff12;padding-top:23px;display:flex;align-items:center;gap:20px}.moment-icon{color:#dcb2ce;font:45px Georgia;line-height:1}.selected-moment>div{flex:1}.selected-moment p:first-child{font-size:10px;letter-spacing:1px;color:#c4accd;text-transform:uppercase}.moment-line{font:21px/1.4 'Crimson Text';color:#e5d4e6;margin-top:6px}.moment-time{font-size:12px;color:#c4accd;white-space:nowrap}.afterglow .text-story{background:radial-gradient(ellipse at 90% 50%,#58397130,transparent 55%);padding:65px 9% 100px;gap:80px}.afterglow .text-story h2{font-size:60px;letter-spacing:-2px}.afterglow .text-story>div>p:not(.eyebrow){color:#bcaec7;font-size:16px;opacity:1}.afterglow .text-story .eyebrow{font-size:11px;color:#eac6b9}.afterglow .conversation{padding:30px 25px;border:1px solid #ffffff0d;background:linear-gradient(140deg,#ffffff03,transparent);border-radius:25px;max-width:390px;transform:rotate(2deg)}.afterglow .chat-out{background:linear-gradient(130deg,#d3b6df,#e6c1b4);color:#302239}.afterglow .chat-in{background:#2b2539;color:#e2d2e7}.afterglow .conversation.revealed .chat-in{animation:bubble-arrive .8s .6s both}.afterglow .how{padding:75px 9% 100px;border-top:1px solid #ffffff10}.afterglow .how>.eyebrow{font-size:11px;color:#b29cc1}.afterglow .how h2{font-size:60px}.afterglow .steps{gap:25px}.afterglow .steps article{padding:28px;border:1px solid #ffffff15;border-radius:15px;background:linear-gradient(150deg,#ffffff06,transparent);transition:border-color .3s,transform .3s}.afterglow .steps article:hover{transform:translateY(-6px);border-color:#cfa4ce66}.afterglow .steps article>span{font:italic 34px 'Crimson Text';color:#d6acc7;opacity:1}.afterglow .steps h3{font-weight:500;font-size:18px}.afterglow .steps p{color:#b7a8c3;font-size:14px;opacity:1}.afterglow .pricing{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 110%,#9c567c65,transparent 55%),radial-gradient(ellipse at 90% 10%,#60499870,transparent 65%),#1b172c;border-block:1px solid #dcc1e12a;padding:80px 9%;align-items:center}.afterglow .pricing h2{font-size:62px}.afterglow .pricing .price{color:#f7dac1;font:400 75px 'Crimson Text'}.afterglow .pricing .eyebrow{color:#c3a4d0;font-size:11px}.afterglow .pricing p:not(.price):not(.eyebrow){color:#c8b4cd}.afterglow footer{padding:40px 6%;background:#0d0e1b}.motion-toggle{background:transparent;border:1px solid #ffffff20;border-radius:30px;padding:7px 14px;font-size:12px;color:#b9a7c9}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}.reveal.revealed{opacity:1;transform:translateY(0)}.afterglow .steps article:nth-child(2){transition-delay:.1s}.afterglow .steps article:nth-child(3){transition-delay:.2s}.motion-off *{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}.motion-off .phone{transform:rotate(-7deg)!important}
@keyframes drift-a{to{transform:translate(18%,12%) scale(1.15)}}@keyframes drift-b{to{transform:translate(-15%,20%) scale(1.2)}}@keyframes color-flow{to{background-position:100% 50%}}@keyframes rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-entry{from{opacity:0;translate:0 45px}to{opacity:1;translate:0 0}}@keyframes label-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes bubble-arrive{from{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typing-dot{to{opacity:.3;transform:translateY(-3px)}}@keyframes breathe{to{opacity:.5;transform:scale(1.1)}}@keyframes nudge{50%{transform:translateY(4px)}}
@media(max-width:1100px){.afterglow .hero{padding:60px 6% 85px;gap:15px}.afterglow .intro h1{font-size:75px}.afterglow .phone{width:285px;min-height:550px}.label-top{left:-15px;top:55px}.label-bottom{right:-10px;bottom:75px}.float-label{padding:12px 15px}.float-label>div{font-size:10px}.float-label strong{font-size:13px}.afterglow .control-band{padding:32px}.afterglow .text-story h2{font-size:50px}.afterglow .text-story{gap:45px}.afterglow .art>img{right:-45px;width:300px}.afterglow .intro>.eyebrow{letter-spacing:1px;font-size:10px}}
@media(max-width:720px){.light-field{height:1550px}.light{width:170vw;height:150vw;filter:blur(45px)}.light-a{top:0;left:-85%}.light-b{top:25%;right:-70%}.light-c{top:-25%;left:-30%}.afterglow .nav{margin:0 6%;padding:22px 0}.afterglow .nav .brand{font-size:17px}.afterglow .nav nav button{padding:8px 12px;font-size:11px}.afterglow .hero{padding:50px 7% 65px;gap:30px;min-height:0}.afterglow .intro h1{font-size:64px!important;letter-spacing:-2px!important;line-height:1.01}.afterglow .intro>.eyebrow{font-size:9px;letter-spacing:1px;gap:8px}.tiny-spark{font-size:18px}.afterglow .lede{font-size:16px;max-width:330px;line-height:1.8}.afterglow .primary{font-size:14px;padding:15px 23px;gap:25px}.see-it{margin-top:25px}.afterglow .art{min-height:625px;margin-top:10px}.afterglow .phone{width:280px;min-height:545px;margin:0;transform:rotate(-5deg)}.afterglow .art>img{width:260px;right:-35px;top:-15px;height:510px;opacity:.17}.label-top{top:7px;left:-8px}.label-bottom{bottom:60px;right:-8px}.float-label{padding:10px 14px;border-radius:12px;gap:9px}.float-label>div{font-size:9px}.float-label strong{font-size:12px}.label-icon{font-size:20px}.afterglow .phone .quotation blockquote{font-size:25px}.replay{bottom:4px}.afterglow .control-band{margin:0 5% 30px;padding:30px 22px;border-radius:18px}.tuning-intro{display:block}.tuning-intro h2{font-size:36px}.tuning-intro>p:last-child{font-size:12px;margin-top:12px}.afterglow .controls{display:block;padding:24px 0}.afterglow .controls>.eyebrow{margin-bottom:15px}.afterglow .chips button{padding:8px 12px;font-size:12px}.afterglow .time-label{margin-top:30px}.selected-moment{gap:10px;align-items:flex-start}.moment-time{display:none}.moment-line{font-size:20px}.moment-icon{font-size:34px}.afterglow .text-story{padding:50px 7%;gap:35px}.afterglow .text-story h2{font-size:43px!important}.afterglow .conversation{padding:24px 20px}.afterglow .how{padding:50px 7%}.afterglow .how h2{font-size:44px!important}.afterglow .steps{gap:15px}.afterglow .steps article{padding:22px;display:block}.afterglow .steps h3{margin:15px 0 10px}.afterglow .steps article>span{font-size:30px}.afterglow .pricing{padding:50px 7%}.afterglow .pricing h2{font-size:46px}.afterglow .pricing .price{font-size:64px}.afterglow footer{padding:30px 7%}.motion-toggle{order:2}.afterglow .reveal{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){.afterglow *{animation:none!important;transition:none!important}.afterglow .reveal{opacity:1;transform:none}.afterglow .phone{transform:rotate(-5deg)}}