/* Light premium direction for Chat Pomnit */
body{background:#f9fcff}
header{position:sticky;top:0;z-index:30;height:78px;color:#14253c;background:rgba(250,253,255,.78);border-bottom:1px solid rgba(154,190,216,.34);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.navlinks{color:#455a76}.navlinks a{transition:color .2s}.navlinks a:hover{color:#068ddd}
.brandmark{box-shadow:inset 0 2px 2px #ffffffb8,0 9px 24px #1499eb44,0 0 0 1px #fff}
.space:not(.final){color:#11243c;background:radial-gradient(ellipse 42% 54% at 81% 32%,rgba(178,228,255,.92),transparent 76%),radial-gradient(ellipse 34% 46% at 8% 75%,rgba(217,239,255,.85),transparent 75%),linear-gradient(145deg,#ffffff 0%,#f4faff 64%,#e9f6ff 100%)}
.space:not(.final):before{opacity:.65;background-image:radial-gradient(circle at 12% 24%,#75bdf0 0 1px,transparent 1.4px),radial-gradient(circle at 54% 55%,#88d1f3 0 1px,transparent 1.4px),radial-gradient(circle at 91% 14%,#a1c9e2 0 1px,transparent 1.4px),linear-gradient(rgba(100,161,203,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(100,161,203,.045) 1px,transparent 1px);background-size:410px 350px,550px 460px,470px 390px,76px 76px,76px 76px;animation:skyDrift 25s ease-in-out infinite alternate}
.space:not(.final):after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(480px circle at var(--px,75%) var(--py,30%),rgba(120,204,248,.12),transparent 66%);transition:background-position .3s}
.hero{min-height:720px;gap:38px;padding-block:72px 99px}
.eyebrow{color:#147cbb;background:rgba(255,255,255,.7);border:1px solid #a7dafa;box-shadow:0 8px 22px #85c8ee25,inset 0 1px 0 #fff}
.eyebrow:before{background:#1a9be4;box-shadow:0 0 0 4px #c4eafa}
.hero h1{color:#10243c;font-size:clamp(44px,4.7vw,68px);letter-spacing:-.057em}
.accent{color:#138fd7}
.hero-lead{color:#506983}
.trial{color:#364d67}.trial b{color:#18354f}.subtrial{color:#6b849a}
.text-link{color:#117fbd}.fact{color:#355a75;background:rgba(255,255,255,.68);border:1px solid rgba(143,197,228,.48);box-shadow:inset 0 1px 0 #fff}
.btn{position:relative;overflow:hidden;isolation:isolate;min-height:58px;padding:15px 28px;border-radius:17px;font-size:16px;letter-spacing:-.01em;background:linear-gradient(118deg,#2db6f3 0%,#079ce9 47%,#1478df 100%);box-shadow:0 15px 33px rgba(16,139,224,.32),inset 0 1px 1px #ffffffae,inset 0 -2px 4px #08498e24;transition:transform .25s cubic-bezier(.2,.75,.2,1),box-shadow .25s,filter .25s}
.btn:before{content:"";pointer-events:none;position:absolute;z-index:-1;top:-45%;left:-55%;width:36%;height:190%;transform:translateX(-150%) rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff77,transparent);transition:transform .75s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(8,131,225,.39),inset 0 1px 1px #fff;filter:saturate(1.09)}
.btn:hover:before{transform:translateX(520%) rotate(24deg)}
.btn:active{transform:translateY(0) scale(.985);box-shadow:0 9px 20px #168adb55}
.btn.small{min-height:46px;padding:11px 19px;font-size:14px}
.hero-actions .btn{min-width:253px}
.hero-art{height:596px;border:1px solid rgba(255,255,255,.94);border-radius:57px;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(229,247,255,.29));box-shadow:inset 0 1px 0 #fff,0 25px 75px rgba(34,100,151,.09);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.hero-art:before{width:430px;height:430px;max-width:95%;background:radial-gradient(circle,rgba(70,181,244,.3),rgba(128,202,251,.13) 42%,transparent 72%);filter:blur(11px);animation:orbBreath 9s ease-in-out infinite}
.hero-art:after{content:"";position:absolute;inset:18px;border-radius:44px;border:1px solid rgba(255,255,255,.68);pointer-events:none}
.phone{border:8px solid #263241;box-shadow:0 43px 80px rgba(16,58,100,.31),0 0 0 1px #ffffffb9,inset 0 0 0 1px #fff;transform:rotate(-2deg);animation:phoneFloat 8s ease-in-out infinite}
.notify{right:-15px;bottom:43px;box-shadow:0 30px 68px rgba(43,102,154,.28),0 0 0 1px #ffffffba,0 0 42px rgba(91,183,237,.34);border:1px solid #fff;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(221,243,255,.84));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.notify-head i{box-shadow:inset 0 1px 1px #fff9,0 5px 12px #50b8eb66}
.plane{width:144px;height:144px;top:12px;left:-39px;filter:drop-shadow(0 16px 25px #1a9fe360)}
.glass-loop{position:absolute;z-index:1;right:-42px;top:-49px;width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 18px 24px #6faedd39);animation:glassDrift 12s ease-in-out infinite}
.avatar.photo-avatar{flex:none;background:#a9bed3 url("max-avatar.png") center 28% / 220% auto no-repeat;border:1px solid #ffffffdb;box-shadow:0 1px 4px #26426233}
.features{background:linear-gradient(#f7fbff,#eff8fe)}
.feature,.event,.price-card,.faq-list details{border-color:rgba(189,216,234,.73);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,249,255,.78));box-shadow:inset 0 1px 0 #fff,0 19px 47px rgba(44,100,141,.09)}
.feature{overflow:hidden;position:relative;transition:transform .32s cubic-bezier(.2,.75,.2,1),box-shadow .32s,border-color .32s}
.feature:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(230px circle at var(--local-x,50%) var(--local-y,40%),rgba(130,216,255,.3),transparent 72%);transition:opacity .25s}
.feature:hover{transform:translateY(-6px);border-color:#abd9f1;box-shadow:inset 0 1px 0 #fff,0 29px 54px rgba(32,115,168,.17)}
.feature:hover:before{opacity:1}
.feature>*{position:relative;z-index:1}
.icon{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(195,232,252,.76));border:1px solid #ffffffc9;box-shadow:inset 0 1px 3px #fff,7px 12px 22px #5db4de45}
.step{background:linear-gradient(145deg,#fff,#f8fcff);box-shadow:0 9px 30px #30699a0b;transition:transform .25s,box-shadow .25s}
.step:hover{transform:translateY(-3px);box-shadow:0 17px 32px #30699a17}
.edit-section{background:linear-gradient(120deg,#edf8ff,#f9fcff)}
.event{position:relative;backdrop-filter:blur(18px)}
.event:before{content:"";position:absolute;right:-22px;top:-28px;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#bcecff88 34%,#72c5f128 70%,transparent);box-shadow:inset 2px 2px 10px #fff,0 12px 24px #91c6df55}
.privacy-section{background:#f8fcff}
.privacy-panel{color:#14263d;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(225,244,255,.76));border:1px solid #d8eaf6;box-shadow:inset 0 1px 0 #fff,0 24px 60px #357aa815;backdrop-filter:blur(16px)}
.privacy-panel p{color:#506c84}.privacy-points div{color:#516d85;background:rgba(255,255,255,.62);border:1px solid #dcebf5;box-shadow:inset 0 1px 0 #fff}.privacy-points b{color:#17344d}
.shield{color:#168bc7;border:1px solid #a2d5f2;background:linear-gradient(145deg,#fff,#d8f2ff);box-shadow:8px 10px 21px #80bde43d,inset 0 1px 2px #fff}
.pricing-section{background:#fff}
.price-card{background:linear-gradient(145deg,#fff,#eaf8ff);box-shadow:0 28px 65px #357aa824,inset 0 1px 0 #fff}
.faq-section{background:linear-gradient(#f4faff,#eef8ff)}
.faq-list details{transition:box-shadow .2s,border-color .2s}
.faq-list details:hover{border-color:#b5d9ef;box-shadow:0 14px 30px #326c981c}
.final{background:radial-gradient(ellipse 34% 60% at 83% 47%,rgba(77,180,236,.35),transparent 80%),linear-gradient(145deg,#0c1930,#173c65)}
.final:before{animation:skyDrift 30s ease-in-out infinite alternate}
@keyframes skyDrift{from{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:38px -24px,-31px 27px,22px 38px,16px 12px,16px 12px}}
@keyframes orbBreath{50%{transform:translate(8px,-6px) scale(1.06);opacity:.68}}
@keyframes phoneFloat{50%{transform:translateY(-5px) rotate(-1deg)}}
@keyframes glassDrift{50%{transform:translate(-5px,6px) rotate(4deg)}}
@media(max-width:800px){.hero{padding-block:62px 72px}.hero-art{height:600px}.glass-loop{right:0;top:-32px;width:150px;height:150px}.plane{left:7%}.notify{right:3%}}
@media(max-width:600px){header{height:68px}.hero{padding-top:42px;gap:26px}.hero h1{font-size:clamp(37px,9.8vw,51px)}.hero-art{height:545px;border-radius:34px}.hero-art:after{inset:10px;border-radius:27px}.hero-actions .btn{min-width:0;width:100%}.glass-loop{width:101px;height:101px;top:-19px;right:-9px}.plane{width:95px;height:95px;top:14px;left:-11px}.phone{width:264px;height:509px}.notify{right:-7px;bottom:16px}.feature:hover,.step:hover{transform:none}.btn{min-height:56px}.btn.small{min-height:40px}}
@media(max-width:370px){.hero-art{height:514px}.phone{width:244px;height:487px}.notify{right:-8px}}
@media(prefers-reduced-motion:reduce){.space:before,.hero-art:before,.phone,.glass-loop,.plane,.btn:before,.final:before{animation:none!important}.feature,.step,.btn{transition:none!important}}