/* XOTT — midnight cinema, electric violet and clear lime actions. */
:root{--ink:#f0f3ff;--muted:#aebad2;--blue:#ac94ff;--violet:#8664ff;--cyan:#56e7e0;--mint:#c1f5da;--lime:#c6f75f;--gold:#f6c96e;--paper:#0c1021;--line:#303955;--white:#141b30;--shadow:0 20px 65px #03061338;--radius:22px;--width:1280px;color-scheme:dark;background:#0c1021;color:#f0f3ff}
body{background:#0c1021;color:#dce5f7;overflow-x:clip}h1,h2,h3,h4{color:#f2f5ff}a{color:#b8a8ff}a:hover{color:#d8ceff}p{color:inherit}.shell{width:min(1280px,calc(100% - 64px))}.site-header{background:#0d1224f5;backdrop-filter:blur(18px);border-bottom:1px solid #303955;position:sticky;top:0}.topbar{background:#080c18;color:#b4bed4}.topbar a{color:#cbd3e8}.brand{color:#f3f6ff;min-width:190px}.brand img{width:46px;height:46px}.brand span{font-size:1.65rem;letter-spacing:.025em}.brand small{font-size:.7rem;color:#abb8d1;letter-spacing:.11em}.nav>a,.nav details>summary{color:#e8ecfb}.nav-dropdown{background:#1a223b;border-color:#3b4461;box-shadow:0 18px 48px #03071588}.nav-dropdown a{color:#e5ebfc}.nav-dropdown a:hover{background:#293250}.header-actions .btn{padding:12px 18px}.icon-btn{background:#192138;border-color:#35405e;color:#f3f6ff}.icon-btn:hover{background:#26304d}.btn{background:#8664ff;color:#fff;border-color:transparent;box-shadow:0 4px 18px #8664ff28}.btn:hover{background:#7552f5;color:#fff}.btn-lime{background:#c6f75f;color:#151e16;box-shadow:0 4px 18px #c6f75f18}.btn-lime:hover{background:#d5ff83;color:#10190f}.btn-white{background:#eef3ff;color:#182238;box-shadow:none}.btn-white:hover{background:#fff;color:#182238}.btn-dark{background:#263451;color:#fff}.btn-dark:hover{background:#344769}.btn-outline{color:#e3eaff;border-color:#445173;background:#17213b40;box-shadow:none}.btn-outline:hover{background:#263452;color:#fff;border-color:#786baf}.btn-violet{background:#8664ff;color:#fff}.link-text{color:#b8a8ff}.badge{background:#2b254c;color:#d0c1ff;border:1px solid #494066;font-size:.75rem;letter-spacing:.07em}.badge.gold{background:#45341e;color:#ffda87;border-color:#775531}.badge.violet{background:#30234f;color:#d4c3ff;border-color:#59427e}.badge.mint{background:#153d35;color:#aaf1d7;border-color:#30685a}.eyebrow{color:#c6f75f;font-size:.77rem;letter-spacing:.14em}.section{padding:82px 0}.section-white{background:#10162a}.section-tint{background:linear-gradient(115deg,#161d35,#161b31 55%,#221c3c)}.section-dark{background:#080d1d;color:#c7d3ea}.section-dark h2,.section-dark h3{color:#fff}.section-intro{color:#b6c2dc;max-width:780px}.section-head{margin-bottom:34px}.hero,.page-hero{background:radial-gradient(ellipse at 92% 10%,#33265e 0,transparent 55%),linear-gradient(120deg,#121a32,#10162c);color:#e8eefc}.hero:before{background:none}.page-hero{padding:62px 0}.page-hero p{color:#bdc9e2}.page-hero .badge{color:#d9c9ff}.breadcrumbs{color:#a2b1cc}.breadcrumbs a{color:#c2b1ff}.hero-copy>p{color:#c1cce3}.hero-notes{color:#b4c4df}.hero-notes i{color:#c6f75f}.hero-copy h1 em{background:linear-gradient(100deg,#cfafff,#93b7ff 50%,#c6f75f);background-clip:text;-webkit-background-clip:text;color:transparent}.xott-hero{padding:32px 0 0;background:radial-gradient(ellipse at 85% 20%,#3c235d70,transparent 48%),radial-gradient(ellipse at 0 80%,#132d5070,transparent 55%),#0a1021;overflow:hidden}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.hero-proof{font-size:.875rem;color:#b3bed6;display:flex;gap:9px;align-items:center}.hero-proof i{color:#b9f470}.xott-hero-grid{display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:54px;padding-bottom:56px}.xott-hero h1{font-size:clamp(2.5rem,4.9vw,4.55rem);letter-spacing:-.045em;max-width:650px}.xott-hero .hero-copy>p{font-size:1.13rem;max-width:550px;line-height:1.7}.xott-hero-media{position:relative;padding-bottom:48px}.xott-hero-media>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:26px;border:1px solid #766589;box-shadow:0 26px 75px #03061570;transform:rotate(-1deg)}.media-label{position:absolute;left:24px;right:24px;bottom:0;padding:20px 24px;border:1px solid #65517e;border-radius:18px;background:linear-gradient(115deg,#2a2045f5,#151f38f5);box-shadow:0 16px 45px #06091480;display:grid;gap:8px;backdrop-filter:blur(15px)}.media-label .badge{justify-self:start}.media-label strong{font-family:Manrope,sans-serif;font-size:1.25rem;color:#f6f2ff}.media-label a{font-size:.9rem;font-weight:700;color:#c6f75f}.hero-paths{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #36415d}.hero-paths a{padding:26px 30px;text-decoration:none;border-right:1px solid #36415d;color:#f0f4ff}.hero-paths a:first-child{padding-left:0}.hero-paths a:last-child{border-right:0}.hero-paths span{display:block;font-size:.75rem;letter-spacing:.09em;color:#a7b7d6;margin-bottom:8px}.hero-paths strong{font-size:1rem;line-height:1.4;display:block}.hero-paths a:hover{background:#bca6ff0b}.service-strip{background:#151c34;border-top:1px solid #303a57;border-bottom:1px solid #303a57}.service-strip strong{color:#f4f6ff}.service-strip small{color:#aebdd6}.service-strip i{color:#c6f75f}.logo-strip{background:#10172b;border-color:#303955}.logo-card{background:#1e2941;border:1px solid #303c5b}.logo-card span{color:#b5c4df}.card,.reference-card,.app-card,.device-card,.feature-card,.info-card{background:linear-gradient(130deg,#1b2440,#151e34);border:1px solid #35405e;color:#c2cee4;box-shadow:0 10px 38px #04091a28}.card{overflow:hidden;padding:24px;transition:border-color .22s,transform .22s,box-shadow .22s}.card:hover{border-color:#8664ff;transform:translateY(-4px);box-shadow:0 18px 48px #00042145}.card>img{margin:-24px -24px 0;max-width:calc(100% + 48px);width:calc(100% + 48px);aspect-ratio:16/9;object-fit:cover}.card-content{padding-top:24px}.card>i{font-size:1.8rem;color:#c6f75f;margin-bottom:22px}.card h3 a,.card h2 a,.app-card h3 a{color:#f0f5ff}.card p{color:#b5c4df}.card .link-text{display:inline-flex;font-weight:700;font-size:.9rem}.card h2{font-size:1.25rem;line-height:1.35}.card-content>.badge{margin-bottom:18px}.reference-card{padding:26px}.meta-links a{color:#bdaaff}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.split-grid>div>img{width:100%;border-radius:22px;border:1px solid #3a4561}.setup-steps article{display:flex;gap:20px;margin-bottom:24px}.setup-steps article>span{display:grid;place-items:center;flex:none;width:44px;height:44px;color:#c6f75f;background:#27332a;border:1px solid #425b38;border-radius:12px;font-weight:800}.setup-steps h3{margin-bottom:7px}.setup-steps p{color:#afbdd7;margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.stats-grid>div{border-left:1px solid #465073;padding-left:24px}.stats-grid strong{display:block;font-family:Manrope,sans-serif;color:#c6f75f;font-size:3.8rem;line-height:1.1;letter-spacing:-.04em}.stats-grid span{display:block;color:#afbed8;margin-top:12px;line-height:1.5}.price-card{background:linear-gradient(140deg,#202945,#172139);border-color:#425071;box-shadow:0 18px 45px #050a1a3b;color:#c2cee5;display:flex;flex-direction:column}.price-card h3,.price-card .price{color:#f2f6ff}.price-card.featured,.price-card.popular,.price-card.best-value{background:linear-gradient(150deg,#382855,#211f3e);border-color:#9779df;box-shadow:0 18px 55px #49276835}.price-card ul{color:#bbcae5}.price-card ul i{color:#c6f75f}.price-card .btn{margin-top:auto}.price-note,.pricing-note{color:#aebbd4}.app-card{overflow:hidden}.app-card .app-body{background:#18223b}.app-card .code-box,.download-code,.code-box{background:#131a2e;border:1px solid #3b4666;color:#c3d0ea}.code-box strong,.download-code strong{color:#fff}.code-box button{color:#c6f75f}.article,.prose{color:#c8d4eb}.article h2,.prose h2{color:#f2f5ff;margin-top:34px}.article h3,.prose h3{color:#e6ecfc}.article p,.prose p,.article li,.prose li{color:#c2d0e8}.article a,.prose a{color:#c5b3ff}.content-wrap{padding-top:48px;padding-bottom:70px}.article-hero img{border:1px solid #3d4864;border-radius:20px;width:100%;height:auto}.article-hero figcaption{color:#a6b6d0}.sidebar-card,.sidebar-note,.toc,.article-sidebar>div{background:#18223a;border:1px solid #36425f;border-radius:16px;color:#bdcbe4;padding:24px}.article-sidebar nav a{display:block;margin-bottom:12px;color:#c6b5ff}.article-sidebar h3{line-height:1.35}.guide-note,.note,.notice,.callout,.info-box{background:#242242;border:1px solid #50446e;border-left:4px solid #af93ff;border-radius:14px;color:#d2d9ed;padding:18px 22px}.guide-note{font-size:.9375rem;margin:20px auto;line-height:1.6}.table-wrap{overflow:auto;max-width:100%;border:1px solid #3b4661;border-radius:14px;margin:24px 0}table{color:#d0dbef;background:#162039;width:100%;border-collapse:collapse}th{background:#26324f;color:#f0f5ff}td,th{border-color:#3c4868;padding:15px;text-align:left}tbody tr:nth-child(even){background:#1b2640}.faq details{background:#1b253e;border:1px solid #3a4664;border-radius:15px;color:#c8d6ec;margin-bottom:12px}.faq summary{color:#f0f5ff;padding:21px 24px;font-weight:700;cursor:pointer}.faq details p{padding:0 24px 22px;color:#bacbe7;margin:0}.faq details[open]{background:#252544;border-color:#78689d}.faq details[open] summary{color:#d4f997}.screenshot-card{padding:16px;background:#1a233c;border:1px solid #384561;border-radius:20px}.screenshot-card img{border-radius:12px}.screenshot-card figcaption{color:#b1c0da}.gallery-card{background:#18223b;border-color:#364662}.carousel{color:#e3eafb}.carousel-track{scrollbar-color:#8b73c4 #17213a}.carousel-controls button,.carousel button{background:#23304d;border-color:#4c5a7a;color:#fff}.carousel-controls button:hover,.carousel button:hover{background:#372956}.carousel-slide,.experience-card{background:#17233c;border-color:#3b4665}.carousel-slide figcaption{color:#b7c5de}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:38px 0 0}.pagination a{padding:10px 15px;background:#1c2842;border:1px solid #415071;border-radius:8px;color:#e3eafd;font-size:.9375rem}.pagination a[aria-current=page]{background:#c6f75f;color:#151e16;border-color:#c6f75f;font-weight:800}.directory-list{columns:3;column-gap:35px;list-style:none;padding:0}.directory-list li{break-inside:avoid;margin-bottom:12px;line-height:1.5}.directory-list a{color:#c3b2ff}.form-panel,.form-card,.order-panel,.checkout-card,.calculator,.search-form{background:#17223b;border-color:#3b4764;color:#d8e3f8}.form-field label,label{color:#d9e5fa}.form-field input,.form-field select,.form-field textarea,input,select,textarea{background:#0e172a;color:#edf4ff;border-color:#445270}.form-field input::placeholder,.form-field textarea::placeholder,input::placeholder,textarea::placeholder{color:#9cabc6}.form-note,.form-help,.small-note{color:#aebedb}output,.calculator-output,.order-total{background:#222940;color:#e7f4ff;border-color:#53607d}.result-page{padding:70px 0}.search-dialog{background:#17213a;color:#e4edff;border-color:#58637e;box-shadow:0 25px 100px #020510b5}.search-dialog::backdrop{background:#030916c9;backdrop-filter:blur(8px)}.search-dialog input{background:#0a1429;color:#fff;border-color:#586689}.search-result{background:#1e2a44;border-color:#3e4a67;color:#e9f0ff}.search-result strong{color:#e9f0ff}.search-result small{color:#b3c1dd}.search-result:hover{background:#2b2f51;border-color:#8a74b9}.search-dialog [role=status]{color:#b4c4e0}.pre-footer{background:#151f36;border-top:1px solid #37415e}.trial-banner{background:linear-gradient(105deg,#302447,#192a3c);border:1px solid #78608b;box-shadow:0 25px 55px #03081530}.trial-banner h2{color:#f3f7ff}.trial-banner p{color:#bbcae5}.site-footer{background:#080d1b;color:#b2c0da;border-top:1px solid #303953}.site-footer p,.site-footer .brand small{color:#a9b9d5}.site-footer h3{color:#f0f5ff}.site-footer a{color:#c1cde5}.site-footer a:hover{color:#c6f75f}.footer-bottom{border-color:#303a53;color:#91a3c2}.floating-wa{background:#167456;color:#fff;border:1px solid #2b916b;box-shadow:0 8px 28px #00072065;z-index:90}.floating-wa:hover{background:#208564;color:#fff}.preloader{background:#0d1324}.hero-float,.hero-label{background:#24213f;color:#fff;border-color:#665475}.hero-float strong{color:#c6f75f}.hero-label{color:#ecf3ff}.hero-device img{border-color:#80718f}.stat-card,.step-card,.cost-card,.feature-item,.metric{background:#18233b;border-color:#3d4966;color:#c5d2e9}.grid>article:nth-child(3n+1)>i{color:#c6f75f}.grid>article:nth-child(3n+2)>i{color:#b79cff}.grid>article:nth-child(3n)>i{color:#68dfeb}.hero-copy h1{overflow-wrap:normal}.blog-card h2{margin-bottom:16px;letter-spacing:-.015em}.blog-card .card-content{display:flex;flex-direction:column;height:calc(100% - 200px)}.blog-card .link-text{margin-top:auto}.article-layout{align-items:start}.article-sidebar{position:sticky;top:138px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-band{background:#282544;border-color:#67557e;color:#f2f5ff}.button,.copy-btn{color:#c6f75f}.text-muted{color:#aebcd5}.text-accent{color:#c6f75f}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;border:0!important}.skip-link:focus{background:#c6f75f;color:#132015}.section-head>div{min-width:0}.app-grid,.pricing-grid,.price-grid,.grid{min-width:0}.grid>*{min-width:0}.screenshot-card img{width:100%;height:auto}.table-wrap table{min-width:570px}.table-wrap td{vertical-align:top}.faq-grid>div{min-width:0}.brand img{border-radius:12px}.hero-image{filter:none}
.service-strip .shell>div{display:flex;align-items:flex-start;gap:14px;min-width:0}.service-strip strong,.service-strip small{display:block}.service-strip strong{font-size:.94rem;margin-bottom:5px}.service-strip small{font-size:.82rem;line-height:1.55}.service-strip i{flex:none;margin-top:4px}.calculator{padding:28px;border:1px solid #485477;border-radius:20px;margin:26px 0}.calculator-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.calculator label{display:block;margin-bottom:9px;font-weight:700}.calculator select,.calculator input{width:100%;padding:13px;border:1px solid #566584;border-radius:10px}.calculator output{display:block;margin-top:22px;padding:20px;border:1px solid #697392;border-radius:12px;line-height:1.6}.calculator .form-note{margin:16px 0 0}.calculator legend{font-size:1.2rem;font-weight:800;padding:0 8px}.calculator fieldset{border:0;padding:0;margin:0}
@media(min-width:981px){.nav{gap:23px}.header-inner{gap:24px}.pricing-grid,.price-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card{padding:28px 24px}.price-card .price{font-size:2.7rem}.section-dark .card{background:#172039}.hero-paths strong{font-size:1.06rem}}
@media(max-width:1150px){.nav{gap:17px}.header-inner{gap:20px}.brand{min-width:160px}.brand span{font-size:1.4rem}.brand small{font-size:.64rem}.xott-hero-grid{gap:34px}.xott-hero h1{font-size:3.65rem}.hero-paths a{padding:24px}.split-grid{gap:34px}.article-sidebar{top:135px}}
@media(max-width:980px){.header-inner{min-height:78px}.menu-toggle{display:grid}.nav{background:#151e34;border:1px solid #3a4663;box-shadow:0 16px 50px #00062266}.nav.open{display:flex}.nav>a,.nav details>summary{color:#eef3ff}.nav-dropdown{position:static;background:#1b2641;box-shadow:none;min-width:0;margin-top:8px}.xott-hero-grid{grid-template-columns:1fr;gap:40px}.xott-hero h1{font-size:clamp(2.7rem,6.5vw,4.2rem);max-width:750px}.xott-hero .hero-copy>p{max-width:700px}.xott-hero-media{max-width:820px;width:100%}.xott-hero-media>img{aspect-ratio:16/9}.hero-paths a{padding:22px 20px}.split-grid{grid-template-columns:1fr}.article-sidebar{position:static}.stats-grid strong{font-size:3.1rem}.directory-list{columns:2}}
@media(max-width:700px){.shell{width:calc(100% - 32px)}body{font-size:1rem;min-width:320px}.section{padding:54px 0}.topbar .shell{font-size:.72rem;justify-content:center}.topbar a{display:none}.header-inner{gap:9px;min-height:74px}.brand{min-width:0;gap:8px;margin-right:auto}.brand img{width:35px;height:35px}.brand span{font-size:1.24rem}.brand small{font-size:.59rem;letter-spacing:.035em;max-width:128px;line-height:1.25}.header-actions{gap:7px}.header-actions .btn{font-size:.8rem;padding:10px 12px;max-width:84px}.icon-btn{width:36px;height:36px;flex:none}.xott-hero{padding-top:24px}.hero-topline{align-items:flex-start;gap:10px;margin-bottom:28px}.hero-topline .badge{font-size:.67rem;max-width:175px}.hero-proof{font-size:.75rem;line-height:1.5;max-width:120px}.xott-hero-grid{padding-bottom:35px;gap:30px}.xott-hero h1{font-size:clamp(2.45rem,10.8vw,3.7rem);line-height:1.1;letter-spacing:-.035em}.xott-hero .hero-copy>p{font-size:1.01rem;line-height:1.75}.xott-hero .eyebrow{font-size:.68rem}.hero-notes{gap:12px;font-size:.8rem}.btn-row{gap:10px;margin-top:24px}.btn{font-size:.875rem;padding:12px 17px}.hero-copy .btn-row .btn{flex:1}.xott-hero-media{padding-bottom:48px}.xott-hero-media>img{border-radius:18px;transform:none}.media-label{left:12px;right:12px;padding:15px 17px;border-radius:14px;gap:6px}.media-label strong{font-size:1.04rem}.media-label a{font-size:.82rem}.media-label .badge{font-size:.65rem}.hero-paths{grid-template-columns:1fr;margin:0 -16px}.hero-paths a,.hero-paths a:first-child{padding:18px 20px;border-right:0;border-bottom:1px solid #33415b;display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:center}.hero-paths a:last-child{border-bottom:0}.hero-paths span{font-size:.67rem;margin:0;line-height:1.5}.hero-paths strong{font-size:.91rem}.service-strip .shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-block:28px}.service-strip strong{font-size:.875rem}.service-strip small{font-size:.8rem;line-height:1.6}.service-strip i{font-size:1.3rem}.grid,.grid-2,.grid-3,.pricing-grid,.price-grid{grid-template-columns:1fr!important}.section-head{margin-bottom:28px}.card{padding:22px}.card>img{margin:-22px -22px 0;max-width:calc(100% + 44px);width:calc(100% + 44px)}.card-content{padding-top:23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.stats-grid>div{padding-left:14px}.stats-grid strong{font-size:2.9rem}.stats-grid span{font-size:.9rem}.price-card{padding:30px 25px;min-height:0}.price-card .btn{margin-top:24px}.setup-steps article{gap:15px}.setup-steps article>span{width:38px;height:38px}.split-grid{gap:32px}.page-hero{padding:46px 0}.page-hero h1{font-size:clamp(2.1rem,8vw,2.8rem);line-height:1.18;overflow-wrap:anywhere}.page-hero p{font-size:1rem}.content-wrap{padding-top:32px;padding-bottom:46px}.article-sidebar{margin-top:26px}.article h2{font-size:1.7rem;line-height:1.28}.article h3{line-height:1.4}.article-hero img{border-radius:14px}.table-wrap th,.table-wrap td{padding:12px;font-size:.9rem}.faq summary{padding:20px;font-size:1rem;line-height:1.5}.faq details p{padding:0 20px 21px;font-size:.95rem}.directory-list{columns:1}.sidebar-card{padding:22px}.trial-banner{padding:30px 24px}.pre-footer{padding:38px 0}.site-footer{padding-top:48px}.site-footer .brand span{font-size:1.65rem}.site-footer .brand small{max-width:none}.floating-wa{bottom:16px;right:16px;font-size:.82rem;padding:11px 14px;border-radius:12px}.search-dialog{width:calc(100% - 28px);max-height:82dvh;padding:22px;border-radius:18px}.search-head h2{font-size:1.5rem}.search-result{padding:15px}.hero-paths a strong{color:#f5f7ff}.blog-card .card-content{height:auto}.blog-card .link-text{margin-top:12px}.breadcrumbs{font-size:.875rem}.footer-grid{gap:32px}.footer-bottom{gap:18px}.guide-note{padding:17px;font-size:.91rem}.screenshot-card{padding:12px}.carousel-track{padding-bottom:10px}img{max-width:100%}.article-layout{gap:28px}}
@media(max-width:700px){.calculator{padding:22px}.calculator-fields{grid-template-columns:1fr}.calculator output{font-size:.9375rem}.header-inner{flex-wrap:wrap}.header-actions{flex:none}.brand{flex:1;min-width:90px}.brand small{max-width:110px}}
@media(max-width:360px){.brand small{display:none}.header-actions .btn{font-size:.73rem;padding:9px}.brand span{font-size:1.12rem}.brand img{width:32px;height:32px}.header-inner{gap:6px}.hero-proof{display:none}.hero-copy .btn-row{flex-direction:column}.xott-hero h1{font-size:2.38rem}.hero-paths a{grid-template-columns:112px 1fr}.icon-btn{width:33px;height:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card:hover,.btn:hover{transform:none}.preloader{display:none}.xott-hero-media>img{transform:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.service-strip .shell>div>span{min-width:0;flex:1;overflow-wrap:anywhere}