@font-face{font-family:Prompt;src:url('assets/fonts/prompt-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/prompt-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/prompt-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/prompt-extrabold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/Prompt-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:InterDisplay;src:url('assets/fonts/InterDisplay-Black.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--pink:#eb0058;--pink-bright:#ff0064;--ink:#101015;--muted:#62626e;--line:#d8d8e0;--soft:#fff0f6;--radius:18px;--content:1408px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font-family:Prompt,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}svg.icon{width:26px;height:26px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(var(--content),calc(100% - 96px));margin-inline:auto}section[id]{scroll-margin-top:16px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h2{font-size:clamp(32px,3.4vw,52px);margin-bottom:22px}h3{font-size:25px}p{margin-bottom:20px}.pink{color:var(--pink)}.muted{color:var(--muted)}.center{text-align:center}.section{padding:85px 0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1688ff;outline-offset:5px}button:disabled{cursor:default}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:54px;padding:13px 25px;border:1px solid transparent;border-radius:12px;background:var(--pink);color:#fff;font-weight:700;line-height:1.4;transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-3px);background:#c60049;box-shadow:0 9px 22px #eb00582a}.btn .icon{width:20px;height:20px;transition:transform .22s}.btn:hover .icon{transform:translate(3px,-3px)}.btn-outline{border:1.5px solid currentColor;background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff}.btn-white{background:white;color:var(--ink)}.btn-white:hover{background:#eee;color:var(--pink)}.actions{display:flex;gap:18px;flex-wrap:wrap}
.header{position:sticky;top:0;z-index:50;background:#fffffffa;border-bottom:1px solid #e1e1e7;box-shadow:0 5px 24px #10101508}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:94px}.logo{display:flex;flex-direction:column;line-height:1;flex-shrink:0}.wordmark{font-family:InterDisplay,Prompt,sans-serif;font-weight:900;font-style:italic;font-size:43px;letter-spacing:-2px}.wordmark b{font-weight:900;color:var(--pink-bright)}.logo small{font-size:12px;margin-top:6px;letter-spacing:0}.main-nav{display:flex;align-items:center;gap:29px;margin-left:auto;font-size:16px;font-weight:700}.main-nav a{position:relative;padding:12px 0}.main-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:3px;height:3px;background:var(--pink);transition:right .2s}.main-nav a:hover:after,.main-nav a[aria-current]:after{right:0}.header-tools{display:flex;gap:12px;align-items:center}.language{width:44px;height:44px;border:1px solid #d5d5dc;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:14px}.language:hover{border-color:var(--pink);color:var(--pink)}.login{min-height:44px;border-radius:30px;background:var(--ink);padding:10px 21px;font-size:15px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center}
.hero{position:relative;isolation:isolate;background:#101015;color:white;min-height:670px;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero-copy{width:55%;padding:70px 0 85px}.hero h1{font-size:clamp(54px,6.4vw,98px);line-height:1.15;margin-bottom:25px;font-weight:900}.hero h1 span{display:block;white-space:nowrap}.hero h1 .pink{color:var(--pink-bright)}.hero-lead{font-size:clamp(17px,1.7vw,25px);max-width:620px;line-height:1.5}.hero-price{display:flex;align-items:baseline;gap:12px;font-weight:700;font-size:27px;margin:24px 0}.hero-price strong{font-family:InterDisplay,Prompt,sans-serif;font-size:78px;line-height:1.1;color:var(--pink-bright);letter-spacing:-3px}.hero .btn{min-height:60px;font-size:20px;padding-inline:29px}.hero .btn-outline{color:white;background:#ffffff05}.hero .btn-outline:hover{background:white;color:var(--ink)}.benefit-strip{background:#111116;color:#fff;border-top:1px solid #ffffff24}.benefit-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.benefit-strip span{display:flex;align-items:center;justify-content:center;gap:14px;font-size:19px;font-weight:700;border-right:1px solid #ffffff45}.benefit-strip span:last-child{border:0}.benefit-strip .icon{width:30px;height:30px}
.pricing-head p{font-size:21px;color:var(--muted);margin-bottom:26px}.billing-switch{display:flex;background:#f4f4f7;border:1px solid var(--line);border-radius:99px;padding:5px;width:max-content;max-width:100%;margin:0 auto 30px}.billing-switch button{border:0;border-radius:99px;background:transparent;color:#444452;font-weight:700;padding:12px 32px;min-width:165px}.billing-switch button[aria-pressed=true]{background:var(--pink);color:white;box-shadow:0 3px 8px #eb005826}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.plan{padding:28px;border:1.5px solid #c5c5cf;border-radius:var(--radius);background:linear-gradient(145deg,white,#fbfbfd);transition:border-color .25s,transform .25s,box-shadow .25s}.plan:nth-child(2){border:2px solid var(--pink)}.plan:hover{transform:translateY(-6px);border-color:var(--pink);box-shadow:0 18px 40px #1010150d}.plan h3{text-align:center;font-size:clamp(23px,2.3vw,35px);margin-bottom:10px;white-space:nowrap}.bonus{font-size:15px;border-radius:99px;background:#fce7ef;padding:3px 12px;text-align:center;white-space:nowrap;margin-bottom:20px}.bonus b{color:var(--pink)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:9px;font-weight:700;margin-bottom:2px;white-space:nowrap}.plan-price strong{font-family:InterDisplay,Prompt,sans-serif;font-size:clamp(40px,4.1vw,61px);color:var(--pink);letter-spacing:-2px}.plan-price span{font-size:18px;color:#62626c}.alternate{text-align:center;color:#676772;font-size:15px;margin:0 0 22px}.specs{list-style:none;padding:0;margin:0 0 24px;border-top:1px solid var(--line)}.specs li{display:flex;align-items:center;gap:15px;padding:9px 0;border-bottom:1px solid #e6e6ec;font-size:17px}.specs .icon{width:22px;height:22px}.plan .btn{width:100%;min-height:47px;padding:10px;font-size:18px}.plan .secondary-quote{margin-top:8px;min-height:40px;font-size:16px;border-color:#a7a7b0}.price-note{text-align:center;color:var(--muted);font-size:14px;margin:23px 0 0}.annual-banner{background:var(--pink);color:#fff;text-align:center;font-size:clamp(21px,2.4vw,34px);font-weight:700;padding:20px 24px}.annual-banner .icon{margin-right:16px;width:33px;height:33px}.annual-banner p{margin:0}
.features .wrap{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.feature-list{margin-top:30px}.feature-row{display:flex;gap:20px;padding:21px 0;border-bottom:1px solid var(--line)}.feature-row:last-child{border:0}.feature-row>.icon{color:var(--pink);width:44px;height:44px;margin-top:4px}.feature-row h3{margin:0 0 7px;font-size:27px}.feature-row p{margin:0;color:#4f4f5d;font-size:16px;line-height:1.7}.feature-art{width:100%;height:auto}.knowledge{background:var(--ink);color:white;padding:56px 0}.knowledge-intro{display:grid;grid-template-columns:340px 1fr;gap:50px;align-items:start}.knowledge-intro h2{margin:0}.knowledge-intro p{border-left:1px solid #ffffff50;padding-left:45px;font-size:19px;line-height:1.8;margin:0;color:#ececf1}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.use-cases article{display:flex;gap:18px;padding-right:25px;border-right:1px solid #ffffff40}.use-cases article:last-child{border:0}.use-cases .icon{width:43px;height:43px;color:#ff64a0}.use-cases h3{margin-bottom:8px;font-size:23px}.use-cases p{font-size:15px;color:#c9c9d2;margin:0}.infra{position:relative;background:#fff2f8;min-height:350px;overflow:hidden;isolation:isolate;display:flex;align-items:center}.infra img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-1}.infra-copy{margin-left:35%;padding:55px 0}.infra h2{font-size:40px;max-width:750px}.infra-points{display:flex;gap:20px;margin-top:30px}.infra-points span{display:flex;gap:12px;align-items:center;flex:1;font-weight:700;font-size:19px;border-right:1px solid #cca9bc;padding-right:14px}.infra-points span:last-child{border:0}.infra-points .icon{width:30px;height:30px;color:var(--pink)}.infra .muted{margin:23px 0 0;font-size:15px}
.faq .wrap{max-width:1120px}.faq h2{margin-bottom:35px}.faq h2:before{content:'/';color:var(--pink);margin-right:12px}.faq details{border:1px solid #c8c8d3;border-radius:10px;margin-bottom:13px;overflow:hidden}.faq details[open]{border-color:var(--pink)}.faq summary{padding:17px 23px;font-size:21px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:25px;font-weight:400}.faq details[open] summary{background:#fff0f6;color:#d90051}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 23px 20px;margin:15px 0 0;line-height:1.85;color:#464652;font-size:17px}.about{background:linear-gradient(125deg,#f4f4f8,#fff 55%,#fff2f8);padding:65px 0}.about .wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.since{font-family:InterDisplay,Prompt,sans-serif;font-size:clamp(100px,13vw,190px);line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--pink);letter-spacing:-8px;text-align:center}.about-copy{padding-left:38px;border-left:2px solid var(--pink)}.about h2{font-size:37px}.about p{font-size:18px;margin:0;color:#484854;line-height:1.9}.cta{background:linear-gradient(120deg,#d90051,#fa005e);color:white;text-align:center;padding:47px 20px}.cta h2{font-size:clamp(29px,3.3vw,48px);margin-bottom:23px}.contact-footer{background:#101015;color:#fff;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:50px}.footer-grid>div+div{border-left:1px solid #ffffff35;padding-left:38px}.footer-grid h3{font-size:21px;margin-bottom:18px}.footer-brand .wordmark{font-size:45px}.footer-brand>p{font-size:16px;line-height:1.9;margin:20px 0}.footer-brand address{font-size:14px;line-height:1.9;font-style:normal;color:#bfbfc9}.contact-list,.legal-list{list-style:none;padding:0;margin:0}.contact-list li{display:flex;gap:12px;align-items:flex-start;margin:10px 0;font-size:15px}.contact-list .icon{color:#ff3383;width:21px;height:21px}.contact-list small{font-size:13px;color:#babac8}.contact-list a:hover,.legal-list a:hover{color:#ff6aa2}.legal-list li{margin:10px 0;font-size:15px}.text-button{color:inherit;font:inherit;border:0;padding:0;background:none;text-align:inherit}.text-button:hover{color:var(--pink-bright)}.affiliates{border-top:1px solid #ffffff35;margin-top:35px;padding-top:23px;display:flex;flex-wrap:wrap;gap:9px 17px;align-items:center;font-size:12px;color:#c3c3cc}.affiliates strong{color:white;margin-right:7px;font-size:13px}.affiliates a:hover{color:white}.copyright{font-size:12px;color:#92929f;margin:22px 0 0;display:flex;justify-content:space-between;gap:20px}.line-float{position:fixed;bottom:23px;right:23px;z-index:60;width:61px;height:61px;background:#06c755;border-radius:50%;box-shadow:0 5px 18px #001a0b30;border:3px solid #bcffd6;display:grid;place-items:center}.line-float svg{width:37px;height:37px;fill:white}.line-float:hover{transform:translateY(-4px)}
dialog{border:1px solid #e3d5de;border-radius:20px;padding:32px;width:min(540px,calc(100% - 30px));box-shadow:0 24px 100px #0003;color:var(--ink);max-height:85dvh;overflow:auto}dialog::backdrop{background:#0b081366;backdrop-filter:blur(3px)}dialog h2{font-size:29px;padding-right:25px}dialog p{font-size:16px;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:#f5f3f6;border-radius:50%;width:34px;height:34px;font-size:24px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.dialog-actions .btn{font-size:15px;padding-inline:18px}.quote-plan{padding:15px 18px;background:var(--soft);border-left:3px solid var(--pink);font-weight:700;margin-bottom:20px}.cookie-row{display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:17px 0;gap:15px}.cookie-row span{color:#168344;font-size:14px}.cookie-notice{position:fixed;bottom:20px;left:22px;z-index:70;background:#fff;border:1px solid #d8d8e0;box-shadow:0 7px 35px #10101520;border-radius:15px;padding:20px;width:390px;max-width:calc(100% - 100px)}.cookie-notice p{font-size:13px;line-height:1.8;margin-bottom:13px}.cookie-notice .btn{padding:9px 15px;min-height:37px;font-size:13px}.cookie-notice .text-button{font-size:13px;margin-left:10px;color:#575764}.cookie-notice[hidden]{display:none}
@media(min-width:1600px){.hero{min-height:710px}.hero-art{object-fit:cover;object-position:center 25%}.hero-copy{padding-block:80px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.main-nav{gap:17px;font-size:13px}.wordmark{font-size:37px}.header-inner{gap:18px;height:83px}.login{font-size:13px;padding-inline:17px}.hero{min-height:580px}.hero-copy{padding:65px 0;width:55%}.hero h1{font-size:6.2vw}.hero-lead{font-size:18px}.hero-price{font-size:23px}.hero-price strong{font-size:68px}.hero .btn{font-size:16px;padding-inline:23px}.benefit-strip span{font-size:15px;gap:10px}.benefit-strip .icon{width:24px}.plan{padding:23px 20px}.plan h3{font-size:28px}.specs li{font-size:15px}.bonus{font-size:13px}.infra-copy{margin-left:34%}.infra-points span{font-size:15px}.footer-grid{gap:27px}.footer-grid>div+div{padding-left:25px}}
@media(max-width:980px){.menu-toggle{display:flex}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:15px 32px 24px;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #10101510;font-size:17px}.main-nav.is-open{display:flex}.main-nav a{padding:13px;border-bottom:1px solid #f0f0f5}.main-nav a:after{display:none}.header-tools{margin-left:auto}.hero-copy{width:58%}.hero h1{font-size:6.2vw}.hero-lead{font-size:16px}.hero .actions{gap:10px}.hero-price{font-size:20px}.hero-price strong{font-size:60px}.plan h3{font-size:23px}.plan-price strong{font-size:40px}.plan-price span{font-size:14px}.specs li{font-size:13px;gap:9px}.plan .btn{font-size:15px}.plan .secondary-quote{font-size:14px}.bonus{font-size:11px;padding-inline:5px}.plans{gap:13px}.features .wrap{gap:15px}.feature-row>.icon{width:32px}.feature-row{gap:15px}.features h2{font-size:34px}.feature-row h3{font-size:23px}.feature-row p{font-size:14px}.knowledge-intro{grid-template-columns:240px 1fr;gap:20px}.knowledge-intro p{font-size:16px;padding-left:27px}.use-cases{gap:20px}.use-cases article{display:block}.use-cases .icon{margin-bottom:15px}.infra h2{font-size:30px}.infra-points{gap:12px}.infra-points span{display:block;font-size:14px}.infra-points .icon{display:block;margin-bottom:10px}.footer-grid{grid-template-columns:1fr 1.2fr}.footer-grid>div:last-child{grid-column:1/-1;display:flex;gap:35px;border:0;border-top:1px solid #ffffff35;padding:25px 0 0}.legal-list{display:flex;flex-wrap:wrap;gap:8px 24px}.legal-list li{margin:0}}
@media(max-width:700px){:root{--radius:15px}.wrap{width:calc(100% - 36px)}.section{padding:55px 0}h2{font-size:32px}h3{font-size:23px}.header-inner{height:76px;gap:10px}.wordmark{font-size:34px}.logo small{font-size:9px}.header-tools{gap:7px}.language,.menu-toggle{width:37px;height:37px}.login{min-height:37px;padding:8px 12px;font-size:12px}.login .icon{display:none}.main-nav{top:75px;padding-inline:20px}.hero{min-height:790px;align-items:flex-start;display:block}.hero-art{height:460px;top:auto;bottom:0;object-fit:cover;object-position:83% 56%;mask-image:linear-gradient(transparent,#000 14%)}.hero-copy{width:100%;text-align:center;padding:39px 0 420px}.hero h1{font-size:clamp(42px,10.5vw,64px);line-height:1.2;margin-bottom:18px}.hero h1 span{white-space:normal}.hero-lead{font-size:16px;max-width:360px;margin:0 auto 15px}.hero-price{justify-content:center;font-size:20px;gap:8px;margin:14px 0 20px}.hero-price strong{font-size:64px}.hero .actions{justify-content:center;gap:10px}.hero .btn{min-height:46px;padding:11px 16px;font-size:15px}.benefit-strip .wrap{grid-template-columns:repeat(2,1fr);gap:22px 0;padding-block:24px}.benefit-strip span{font-size:13px;gap:9px}.benefit-strip span:nth-child(2){border:0}.benefit-strip .icon{width:23px;height:23px}.pricing-head h2{font-size:32px}.pricing-head p{font-size:16px}.billing-switch{width:100%;margin-bottom:25px}.billing-switch button{font-size:14px;min-width:0;flex:1;padding:12px 10px}.plans{grid-template-columns:1fr;gap:23px}.plan{padding:26px 25px}.plan h3{font-size:31px}.bonus{font-size:14px}.plan-price strong{font-size:57px}.plan-price span{font-size:18px}.specs{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.specs li{font-size:13px;gap:9px;padding:12px 0}.plan .btn{font-size:18px}.plan .secondary-quote{font-size:16px}.alternate{font-size:14px}.annual-banner{font-size:20px;padding:22px 18px}.annual-banner .icon{width:25px;height:25px;margin-right:10px}.features .wrap{display:flex;flex-direction:column;gap:5px}.features h2{text-align:center;font-size:32px}.feature-list{margin-top:15px}.feature-art{width:100%;max-width:460px}.feature-row{padding:20px 0}.feature-row>.icon{width:34px;height:34px}.feature-row h3{font-size:24px}.feature-row p{font-size:15px}.knowledge{padding:45px 0}.knowledge-intro{display:block}.knowledge-intro h2{text-align:center;margin-bottom:24px}.knowledge-intro p{border:0;padding:0;font-size:16px}.use-cases{grid-template-columns:1fr;gap:23px;margin-top:30px}.use-cases article{display:flex;border-right:0;border-bottom:1px solid #ffffff30;padding:0 0 23px;gap:18px}.use-cases article:last-child{padding-bottom:0}.use-cases .icon{width:34px;height:34px;margin-top:3px}.use-cases h3{font-size:23px}.infra{display:block;padding-top:210px;min-height:0}.infra img{height:285px;object-fit:cover;object-position:left 60%;mask-image:linear-gradient(#000 65%,transparent)}.infra-copy{margin-left:0;padding:20px 0 40px;text-align:center}.infra h2{font-size:29px}.infra-points{gap:12px;display:grid;grid-template-columns:repeat(3,1fr)}.infra-points span{font-size:12px;padding:0 7px 0 0}.infra-points .icon{margin:0 auto 10px}.infra .muted{font-size:13px}.faq h2{text-align:center}.faq summary{font-size:17px;padding:16px}.faq details p{font-size:15px;padding:0 17px 17px}.about{padding:45px 0}.about .wrap{display:block}.since{font-size:clamp(100px,32vw,130px);letter-spacing:-5px;margin-bottom:25px}.about-copy{border-left:0;padding:0;text-align:center}.about h2{font-size:30px}.about p{font-size:16px}.cta{padding:40px 18px}.cta h2{font-size:29px}.contact-footer{padding-top:38px}.footer-grid{display:block}.footer-grid>div+div{border:0;border-top:1px solid #ffffff35;margin-top:28px;padding:26px 0 0}.footer-grid>div:last-child{display:block}.footer-brand .wordmark{font-size:41px}.footer-brand{text-align:center}.footer-brand>p{margin:18px 0 12px}.contact-list li{font-size:15px}.legal-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legal-list li{font-size:14px}.affiliates{gap:12px 16px;justify-content:center}.affiliates strong{width:100%;text-align:center}.copyright{display:block;text-align:center;line-height:1.9}.copyright a{display:block;margin-top:12px}.line-float{width:54px;height:54px;right:15px;bottom:17px}.line-float svg{width:31px;height:31px}.cookie-notice{left:12px;bottom:12px;max-width:calc(100% - 82px);padding:15px}.cookie-notice p{font-size:12px}.cookie-notice .text-button{margin-left:5px}.cookie-notice .btn{font-size:12px;padding:8px 10px}dialog{padding:26px 22px}dialog h2{font-size:25px}html{scroll-padding-top:95px}}
@media(max-width:360px){.wordmark{font-size:29px}.header-tools{gap:5px}.login{padding-inline:9px;font-size:11px}.language,.menu-toggle{width:33px;height:33px}.hero h1{font-size:39px}.hero .btn{font-size:13px}.hero-price{font-size:17px}.plan{padding:24px 18px}.specs{column-gap:12px}.specs li{font-size:12px;gap:6px}.specs .icon{width:19px}.benefit-strip span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}
/* Match the compact comparison rhythm of the approved pricing section. */
.plan-price{line-height:1.15}.plan-price strong{line-height:1.15}
.plan .specs li{padding-block:5px;line-height:1.45}
.pricing{padding-block:65px}.plan .bonus{line-height:1.45;margin-bottom:16px}
.plan .alternate{line-height:1.45;margin-bottom:18px}
@media(max-width:700px){.plans{grid-template-columns:minmax(0,1fr)}.plan h3{font-size:clamp(25px,7.3vw,31px)}.plan-price strong{font-size:clamp(42px,12.8vw,57px)}.plan-price span{font-size:16px}.specs li span{min-width:0;overflow-wrap:anywhere}}
@media(max-width:360px){.plan-price span{font-size:14px}.bonus{white-space:normal}}
@media(min-width:1201px){.wordmark{font-size:52px}.logo small{font-size:14px}.main-nav{font-size:19px;gap:28px}.hero-copy{padding:70px 0 10px}.hero h1{font-size:clamp(98px,8vw,122px)}.hero-lead{font-size:30px;max-width:760px}.hero-price{font-size:34px}.hero .btn{font-size:26px;padding-inline:29px}}
@media(min-width:1201px){html[lang=en] .hero h1{font-size:clamp(82px,6.6vw,102px)}html[lang=en] .hero-lead{font-size:25px}}

h1,h2,h3{font-weight:800}.main-nav,.btn,.billing-switch button{font-weight:500}.hero h1{font-weight:800}
#quote-dialog{width:min(720px,calc(100% - 30px))}.form-intro{font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.form-grid label{display:grid;gap:7px;font-size:14px;font-weight:500}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea{font:400 16px/1.5 Prompt,Arial,sans-serif;width:100%;border:1px solid #c9c9d3;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);min-width:0}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus{outline:2px solid #eb005845;border-color:var(--pink)}.form-grid :user-invalid{border-color:#b11932}.form-consent{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:13px;line-height:1.8}.form-consent input{accent-color:var(--pink);width:18px;height:18px;flex-shrink:0;margin-top:3px}.form-consent a{color:var(--pink);text-decoration:underline}.form-status{margin:0;font-size:14px}.form-status:not(:empty){padding:12px 15px;border:1px solid #d8d8e0;border-radius:9px;margin-top:16px}.form-status.success{background:#eefbf2;color:#136b34;border-color:#9bd6ac}.form-status.error{background:#fff0f3;color:#9d1832;border-color:#e7a6b3}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.quotation-form button:disabled{opacity:.65;transform:none;box-shadow:none}
@media(max-width:520px){.form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.form-grid .full{grid-column:auto}#quote-dialog{padding:26px 19px}.quotation-form .dialog-actions{flex-direction:column}.quotation-form .btn{width:100%}.form-consent{font-size:12px}}

/* Synchronized partial assembly; the clear second layer stays in front. */
.server-assembly{position:relative;width:100%;max-width:610px;justify-self:center;isolation:isolate}
.assembly-scene{position:relative;aspect-ratio:1;isolation:isolate}
.assembly-piece{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none;animation:layer-assemble 10s cubic-bezier(.16,1,.3,1) infinite paused;transform:translateY(var(--rest))}
.piece-0{clip-path:inset(0 0 74.8%);z-index:3;--rest:0%;--close:12%}
.piece-1{clip-path:inset(25.2% 0 50%);z-index:6;opacity:.72;--rest:-8%;--close:0%}
.piece-2{clip-path:inset(50% 0 25%);z-index:2;--rest:-16%;--close:-17%}
.piece-3{clip-path:inset(75% 0 0);z-index:1;--rest:-24%;--close:-31%}
@keyframes layer-assemble{0%,15%,100%{transform:translateY(var(--rest))}45%,65%{transform:translateY(var(--close))}}
.cpu-light{position:absolute;inset:0;width:100%;height:100%;z-index:5;animation:cpu-follow 10s cubic-bezier(.16,1,.3,1) infinite paused;pointer-events:none}
@keyframes cpu-follow{0%,15%,100%{transform:translateY(0)}45%,65%{transform:translateY(-1.3333%)}}
.cpu-glow{position:absolute;width:160px;height:85px;left:51%;top:61%;margin-left:-80px;margin-top:-43px;border-radius:50%;background:radial-gradient(ellipse,#ff78be85,#ff007b25 45%,transparent 72%);mix-blend-mode:screen;animation:cpu-breathe 4s ease-in-out infinite paused}
@keyframes cpu-breathe{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:.8;transform:scale(1.08)}}
.cpu-flare{position:absolute;width:180px;height:2px;left:51%;top:61%;margin-left:-90px;background:linear-gradient(90deg,transparent,#ff8acd,#fff,#ff8acd,transparent);box-shadow:0 0 9px #ff40a0;opacity:0;animation:cpu-spark 7s ease-in-out infinite paused}
.cpu-flare:after{content:"";position:absolute;left:calc(50% - 14px);top:-14px;width:28px;height:28px;background:radial-gradient(circle,#fff 0 9%,#ffcff0 15%,#ff55b988 32%,transparent 70%)}
@keyframes cpu-spark{0%,60%,82%,100%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1)}}
.server-assembly.is-visible:not(.is-paused) .assembly-piece,.server-assembly.is-visible:not(.is-paused) .cpu-light,.server-assembly.is-visible:not(.is-paused) .cpu-glow,.server-assembly.is-visible:not(.is-paused) .cpu-flare{animation-play-state:running}
.assembly-toggle{display:block;margin:4px auto 0;border:1px solid #e5d8e0;background:#fff;color:#62535c;border-radius:999px;font:inherit;font-size:12px;padding:7px 14px;cursor:pointer}.assembly-toggle:hover{border-color:var(--pink);color:var(--pink)}.assembly-toggle:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
@media(max-width:700px){.server-assembly{max-width:440px}.cpu-glow{width:100px;height:60px;margin-left:-50px;margin-top:-30px}.cpu-flare{width:110px;margin-left:-55px}}
@media(prefers-reduced-motion:reduce){.server-assembly .assembly-piece,.server-assembly .cpu-light,.server-assembly .cpu-glow,.server-assembly .cpu-flare{animation:none!important}.cpu-flare{display:none}.assembly-toggle{display:none}}

/* Charge builds as the gap closes; three soft flares during the close hold. */
.piece-2{animation-name:layer-assemble,cpu-tremor,cpu-charge;animation-duration:10s;animation-timing-function:cubic-bezier(.16,1,.3,1),steps(1,end),ease-in-out}
@keyframes cpu-tremor{0%,29.9%,70%,100%{translate:0 0}30.0%{translate:-.5px .25px}30.3%{translate:.45px -.35px}30.6%{translate:-.25px -.45px}30.9%{translate:.55px .2px}31.2%{translate:-.5px .25px}31.5%{translate:.45px -.35px}31.8%{translate:-.25px -.45px}32.1%{translate:.55px .2px}32.4%{translate:-.5px .25px}32.7%{translate:.45px -.35px}33.0%{translate:-.25px -.45px}33.3%{translate:.55px .2px}33.6%{translate:-.5px .25px}33.9%{translate:.45px -.35px}34.2%{translate:-.25px -.45px}34.5%{translate:.55px .2px}34.8%{translate:-.5px .25px}35.1%{translate:.45px -.35px}35.4%{translate:-.25px -.45px}35.7%{translate:.55px .2px}36.0%{translate:-.5px .25px}36.3%{translate:.45px -.35px}36.6%{translate:-.25px -.45px}36.9%{translate:.55px .2px}37.2%{translate:-.5px .25px}37.5%{translate:.45px -.35px}37.8%{translate:-.25px -.45px}38.1%{translate:.55px .2px}38.4%{translate:-.5px .25px}38.7%{translate:.45px -.35px}39.0%{translate:-.25px -.45px}39.3%{translate:.55px .2px}39.6%{translate:-.5px .25px}39.9%{translate:.45px -.35px}40.2%{translate:-.25px -.45px}40.5%{translate:.55px .2px}40.8%{translate:-.5px .25px}41.1%{translate:.45px -.35px}41.4%{translate:-.25px -.45px}41.7%{translate:.55px .2px}42.0%{translate:-.5px .25px}42.3%{translate:.45px -.35px}42.6%{translate:-.25px -.45px}42.9%{translate:.55px .2px}43.2%{translate:-.5px .25px}43.5%{translate:.45px -.35px}43.8%{translate:-.25px -.45px}44.1%{translate:.55px .2px}44.4%{translate:-.5px .25px}44.7%{translate:.45px -.35px}45.0%{translate:-.25px -.45px}45.3%{translate:.55px .2px}45.6%{translate:-.5px .25px}45.9%{translate:.45px -.35px}46.2%{translate:-.25px -.45px}46.5%{translate:.55px .2px}46.8%{translate:-.5px .25px}47.1%{translate:.45px -.35px}47.4%{translate:-.25px -.45px}47.7%{translate:.55px .2px}48.0%{translate:-.5px .25px}48.3%{translate:.45px -.35px}48.6%{translate:-.25px -.45px}48.9%{translate:.55px .2px}49.2%{translate:-.5px .25px}49.5%{translate:.45px -.35px}49.8%{translate:-.25px -.45px}50.1%{translate:.55px .2px}50.4%{translate:-.5px .25px}50.7%{translate:.45px -.35px}51.0%{translate:-.25px -.45px}51.3%{translate:.55px .2px}51.6%{translate:-.5px .25px}51.9%{translate:.45px -.35px}52.2%{translate:-.25px -.45px}52.5%{translate:.55px .2px}52.8%{translate:-.5px .25px}53.1%{translate:.45px -.35px}53.4%{translate:-.25px -.45px}53.7%{translate:.55px .2px}54.0%{translate:-.5px .25px}54.3%{translate:.45px -.35px}54.6%{translate:-.25px -.45px}54.9%{translate:.55px .2px}55.2%{translate:-.5px .25px}55.5%{translate:.45px -.35px}55.8%{translate:-.25px -.45px}56.1%{translate:.55px .2px}56.4%{translate:-.5px .25px}56.7%{translate:.45px -.35px}57.0%{translate:-.25px -.45px}57.3%{translate:.55px .2px}57.6%{translate:-.5px .25px}57.9%{translate:.45px -.35px}58.2%{translate:-.25px -.45px}58.5%{translate:.55px .2px}58.8%{translate:-.5px .25px}59.1%{translate:.45px -.35px}59.4%{translate:-.25px -.45px}59.7%{translate:.55px .2px}60.0%{translate:-.5px .25px}60.3%{translate:.45px -.35px}60.6%{translate:-.25px -.45px}60.9%{translate:.55px .2px}61.2%{translate:-.5px .25px}61.5%{translate:.45px -.35px}61.8%{translate:-.25px -.45px}62.1%{translate:.55px .2px}62.4%{translate:-.5px .25px}62.7%{translate:.45px -.35px}63.0%{translate:-.25px -.45px}63.3%{translate:.55px .2px}63.6%{translate:-.5px .25px}63.9%{translate:.45px -.35px}64.2%{translate:-.25px -.45px}64.5%{translate:.55px .2px}64.8%{translate:-.5px .25px}65.1%{translate:.45px -.35px}65.4%{translate:-.25px -.45px}65.7%{translate:.55px .2px}66.0%{translate:-.5px .25px}66.3%{translate:.45px -.35px}66.6%{translate:-.25px -.45px}66.9%{translate:.55px .2px}67.2%{translate:-.5px .25px}67.5%{translate:.45px -.35px}67.8%{translate:-.25px -.45px}68.1%{translate:.55px .2px}68.4%{translate:-.5px .25px}68.7%{translate:.45px -.35px}69.0%{translate:-.25px -.45px}69.3%{translate:.55px .2px}69.6%{translate:-.5px .25px}}
@keyframes cpu-charge{0%,15%,100%{filter:brightness(1)}38%{filter:brightness(1.13)}45%,55%,64%{filter:brightness(1.35)}49%,59%,68%{filter:brightness(1.12)}80%{filter:brightness(1)}}
.cpu-light{z-index:7}
.cpu-glow{width:220px;height:120px;margin-left:-110px;margin-top:-60px;background:radial-gradient(ellipse,#ffe0f3bb,#ff3b9e77 24%,#ff007b25 48%,transparent 72%);animation:cpu-breathe 10s ease-in-out infinite paused}
@keyframes cpu-breathe{0%,15%,100%{opacity:.12;transform:scale(.65)}35%{opacity:.45;transform:scale(.9)}45%,55%,64%{opacity:1;transform:scale(1.2)}49%,59%,68%{opacity:.6;transform:scale(1)}82%{opacity:.3;transform:scale(.8)}}
.cpu-flare{width:260px;height:3px;margin-left:-130px;background:linear-gradient(90deg,transparent,#ff55b277 14%,#ffc9ee 38%,#fff 50%,#ffc9ee 62%,#ff55b277 86%,transparent);box-shadow:0 0 10px #ff40a0,0 0 22px #ff6dbb;animation:cpu-spark 10s ease-in-out infinite paused}
.cpu-flare:after{left:calc(50% - 23px);top:-22px;width:46px;height:46px;background:radial-gradient(circle,#fff 0 10%,#ffe9f7 16%,#ff7acb99 34%,transparent 68%)}
.cpu-flare:before{content:"";position:absolute;left:68%;top:-13px;width:26px;height:26px;border-radius:50%;border:1px solid #ffb7e580;box-shadow:36px 8px 0 -4px #ff6abb38,-90px -6px 0 -6px #ffb4e24a}
@keyframes cpu-spark{0%,36%,50%,60%,71%,100%{opacity:0;transform:scale(.6)}44%,55%,65%{opacity:1;transform:scale(1)}}
@media(max-width:700px){.cpu-glow{width:150px;height:85px;margin-left:-75px;margin-top:-43px}.cpu-flare{width:175px;margin-left:-87.5px}}

/* Inbound energy converges on the CPU, following the same moving anchor. */
.cpu-beams{position:absolute;left:51%;top:61%;width:0;height:0;--ray-length:145px}
.cpu-beams>i{position:absolute;left:0;top:0;width:var(--ray-length);height:2px;transform-origin:0 50%;transform:rotate(var(--ray));pointer-events:none}
.cpu-beams>i:after{content:"";position:absolute;left:0;top:0;width:50px;height:2px;border-radius:999px;background:linear-gradient(90deg,#fff,#ff85c9 25%,#f9007533 80%,transparent);box-shadow:0 0 6px #ff4aaa;opacity:0;transform:translateX(var(--ray-length));animation:cpu-inbound 10s linear infinite paused}
@keyframes cpu-inbound{0%,30%,46%,57%,100%{opacity:0;transform:translateX(var(--ray-length))}32%,48%,59%{opacity:.9;transform:translateX(var(--ray-length))}43%,54%,64%{opacity:1;transform:translateX(0)}44%,55%,65%{opacity:0;transform:translateX(-12px)}}
.server-assembly.is-visible:not(.is-paused) .cpu-beams>i:after{animation-play-state:running}
@media(max-width:700px){.cpu-beams{--ray-length:95px}.cpu-beams>i:after{width:35px}}
@media(prefers-reduced-motion:reduce){.cpu-beams{display:none}.cpu-beams>i:after{animation:none!important}}

/* A single expanding energy wave is released when separation starts at 65%. */
.cpu-burst{position:absolute;left:51%;top:61%;width:0;height:0}
.cpu-burst:before,.cpu-burst:after{content:"";position:absolute;left:-30px;top:-15px;width:60px;height:30px;border:1.5px solid #ff69bb;border-radius:50%;box-shadow:0 0 10px #ff4d9d66,inset 0 0 8px #ff8bca55;opacity:0;animation:cpu-shockwave 10s cubic-bezier(.16,1,.3,1) infinite paused}
.cpu-burst:after{border-color:#ffb1db;animation-name:cpu-shockwave-echo}
@keyframes cpu-shockwave{0%,64.9%,87%,100%{opacity:0;transform:scale(.2)}65%{opacity:.9;transform:scale(.3)}72%{opacity:.55;transform:scale(4.5)}86%{opacity:0;transform:scale(7)}}
@keyframes cpu-shockwave-echo{0%,66.9%,91%,100%{opacity:0;transform:scale(.2)}67%{opacity:.6;transform:scale(.3)}76%{opacity:.3;transform:scale(4)}90%{opacity:0;transform:scale(6.5)}}
.cpu-burst>i{position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--ray));transform-origin:0 0}
.cpu-burst>i:after{content:"";position:absolute;left:0;top:-1px;width:34px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#ff43a5,#fff);box-shadow:0 0 6px #ff50ac;opacity:0;animation:cpu-outburst 10s cubic-bezier(.16,1,.3,1) infinite paused}
@keyframes cpu-outburst{0%,64.9%,86%,100%{opacity:0;transform:translateX(0) scaleX(.3)}65%{opacity:1;transform:translateX(0) scaleX(.5)}72%{opacity:.8;transform:translateX(calc(var(--reach)*.7)) scaleX(1.3)}85%{opacity:0;transform:translateX(var(--reach)) scaleX(.3)}}
.server-assembly.is-visible:not(.is-paused) .cpu-burst:before,.server-assembly.is-visible:not(.is-paused) .cpu-burst:after,.server-assembly.is-visible:not(.is-paused) .cpu-burst>i:after{animation-play-state:running}
@media(max-width:700px){.cpu-burst{scale:.65}}
@media(prefers-reduced-motion:reduce){.cpu-burst{display:none}.cpu-burst:before,.cpu-burst:after,.cpu-burst>i:after{animation:none!important}}

/* Animated server replaces the photographic towers in the hero. */
.hero>.wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:20px;position:relative}
.hero .hero-copy{width:100%;padding:50px 0;position:relative;z-index:2}
.hero .server-assembly{width:100%;max-width:590px;align-self:center;padding-bottom:28px}
.hero .assembly-toggle{background:#111116bb;border-color:#ffffff35;color:#f7dcea}
.hero .assembly-toggle:hover{border-color:#ff68aa;background:#26101c}
.hero .hero-art{height:100%;inset:0;object-fit:cover;object-position:center;mask-image:none}
@media(min-width:1201px){.hero h1{font-size:clamp(78px,6.3vw,102px)}.hero .hero-lead{font-size:24px}.hero .btn{font-size:21px;padding-inline:24px}}
@media(max-width:700px){.hero{min-height:0}.hero>.wrap{grid-template-columns:minmax(0,1fr);gap:0}.hero .hero-copy{padding:36px 0 5px}.hero .server-assembly{max-width:420px;margin:-4px auto 0;padding-bottom:25px}.hero .hero-art{object-position:72% center;opacity:1}.hero .assembly-toggle{font-size:11px}.hero .hero-lead{max-width:360px}}
@media(max-width:700px){.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#08070ce8,#08070c9c 43%,transparent 70%)}.hero>.wrap{z-index:1}}

/* The podium is anchored to the animation, not baked into a cropped background. */
.hero .assembly-scene{margin-bottom:28px}
.hero .assembly-scene:before{content:"";position:absolute;left:3%;bottom:-3%;width:94%;height:16%;z-index:0;border-radius:50%;background:radial-gradient(ellipse at 50% 32%,#3a2633,#171018 58%,#08070c 75%);border:1px solid #ff6eb970;box-shadow:0 7px 0 #09070c,0 9px 0 #f4006c9c,0 13px 22px #000b,0 17px 26px #ff00602b;pointer-events:none}
.hero .assembly-scene:after{content:"";position:absolute;left:12%;bottom:-.5%;width:76%;height:11%;z-index:0;border-radius:50%;background:radial-gradient(ellipse,#000b,transparent 70%);pointer-events:none}
@media(max-width:700px){.hero .assembly-scene{margin-bottom:22px}.hero .assembly-scene:before{box-shadow:0 5px 0 #09070c,0 6px 0 #f4006c9c,0 10px 18px #000b,0 12px 20px #ff00602b}}

.hero .server-assembly{padding-bottom:16px;cursor:pointer}.server-assembly:focus-visible{outline:2px solid #ff79b7;outline-offset:5px;border-radius:15px}

/* Black lacquer circular plinth, seen in perspective, with a polished rim. */
.hero .assembly-scene:before{left:0;width:100%;height:21%;bottom:-5%;background:linear-gradient(158deg,transparent 30%,#ffffff18 37%,transparent 45%),radial-gradient(ellipse at 48% 28%,#38333a,#111014 50%,#030305 76%);border:1px solid #bfaabb70;box-shadow:0 2px 0 #66606a,0 12px 0 #060608,0 14px 0 #ff007b88,0 18px 24px #000d,0 24px 32px #ff007b25}
.hero .assembly-scene:after{left:9%;width:82%;bottom:-1%;height:13%;background:radial-gradient(ellipse,#0008,transparent 68%)}
.hero .assembly-scene{margin-bottom:38px}
@media(max-width:700px){.hero .assembly-scene{margin-bottom:30px}.hero .assembly-scene:before{box-shadow:0 1px 0 #66606a,0 8px 0 #060608,0 9px 0 #ff007b88,0 13px 18px #000d,0 18px 24px #ff007b25}}

.hero .assembly-scene:before{background:linear-gradient(158deg,transparent 24%,#ffffff36 36%,transparent 49%),radial-gradient(ellipse at 47% 25%,#77747d,#37353d 50%,#141319 80%);border-color:#d6d1dd9c;box-shadow:0 2px 0 #aaa4b2,0 12px 0 #242229,0 14px 0 #ff378b88,0 18px 24px #000b,0 24px 32px #ff007b25}
@media(max-width:700px){.hero .assembly-scene:before{box-shadow:0 1px 0 #aaa4b2,0 8px 0 #242229,0 9px 0 #ff378b88,0 13px 18px #000b,0 18px 24px #ff007b25}}

/* Deeper graphite: retain specular highlights without a pitch-black floor. */
.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(transparent 63%,#11101930 73%,#11101955 100%)}
.hero>.wrap{z-index:1}
.hero .assembly-scene:before{background:linear-gradient(158deg,transparent 24%,#ffffff29 36%,transparent 49%),radial-gradient(ellipse at 47% 25%,#58555f,#2c2b33 50%,#18171e 80%);border-color:#b5afbc85}

/* Approved reference: charcoal-violet floor with soft magenta reflections. */
.hero:after{background:none}
.hero .assembly-scene:before{background:linear-gradient(158deg,transparent 27%,#ffffff22 38%,transparent 49%),radial-gradient(ellipse at 47% 25%,#48414e,#26202c 52%,#141119 82%);border-color:#b5a9bc70;box-shadow:0 2px 0 #7e7288,0 12px 0 #19141f,0 14px 0 #ff278484,0 18px 24px #000b,0 24px 32px #ff007b25}
@media(max-width:700px){.hero .assembly-scene:before{box-shadow:0 1px 0 #7e7288,0 8px 0 #19141f,0 9px 0 #ff278484,0 13px 18px #000b,0 18px 24px #ff007b25}}
/* Distinct use-case cards and a real image/content split for infrastructure. */
.knowledge{background:linear-gradient(135deg,#121017,#211321);padding:68px 0}.knowledge-intro p{color:#eee8ef}.use-cases{gap:22px;margin-top:42px}.use-cases article{display:block;background:#fff;color:#17121a;border:1px solid #e8dce7;border-top:3px solid var(--pink);border-radius:18px;padding:28px;box-shadow:0 12px 30px #0002}.use-cases article:last-child{border:1px solid #e8dce7;border-top:3px solid var(--pink)}.use-cases .icon{display:block;width:42px;height:42px;margin-bottom:20px;color:#d90056}.use-cases h3{color:#17121a}.use-cases p{color:#58505f;line-height:1.8}
.infra{display:block;background:#f7f4f8;padding:70px 0}.infra>.wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:stretch}.infra-media{position:relative;min-height:430px;border-radius:22px;overflow:hidden;background:#201521}.infra .infra-media img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:12% center}.infra .infra-copy{margin:0;padding:34px 0;align-self:center;color:#17121a}.infra h2{font-size:clamp(30px,3vw,44px);line-height:1.35}.infra-points{display:grid;grid-template-columns:1fr;gap:12px;margin-top:25px}.infra-points span{display:flex;align-items:center;gap:15px;background:white;border:1px solid #e5dbe5;border-radius:12px;padding:16px;font-size:17px;line-height:1.55}.infra-points .icon{flex-shrink:0;margin:0;width:29px;height:29px;color:#d90056}.infra .muted{color:#5d5361;font-size:14px;line-height:1.7}
@media(max-width:700px){.knowledge{padding:48px 0}.use-cases{grid-template-columns:1fr;gap:16px}.use-cases article{padding:24px}.infra{padding:45px 0}.infra>.wrap{grid-template-columns:minmax(0,1fr);gap:22px}.infra-media{min-height:260px;max-height:300px}.infra .infra-copy{padding:0}.infra-points span{text-align:left;font-size:15px}.infra h2{text-align:center}}
/* Payment page. */
.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;color:#bc0a50;margin:0 0 12px}.payment-hero{padding:70px 0;background:radial-gradient(ellipse at 90% 20%,#64213f,transparent 55%),#141018;color:#fff}.payment-hero .eyebrow{color:#ff93bf}.payment-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.2;margin-bottom:18px}.payment-hero p:not(.eyebrow){font-size:20px;color:#e4dce5}.payment-hero .btn{margin-top:14px}.payment-content{background:#fbf9fc}.payment-heading{max-width:780px;margin-bottom:30px}.payment-heading h2{margin-bottom:16px}.payment-heading>p:last-child{line-height:1.8;color:#615767}.payment-accounts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bank-card{display:grid;grid-template-columns:64px 1fr;gap:10px 18px;background:#fff;padding:32px;border:1px solid #e6dfe8;border-radius:20px;box-shadow:0 12px 30px #27132a08}.bank-card.kasikorn{border-top:4px solid #198153}.bank-card.promptpay{border-top:4px solid #334c86}.bank-mark{width:60px;height:60px;display:grid;place-items:center;background:#edf7f1;color:#147343;border-radius:16px;font:800 32px/1 InterDisplay,Arial,sans-serif}.promptpay .bank-mark{color:#334c86;background:#edf1fb}.bank-card h3{font-size:23px;margin:0}.bank-card .eyebrow{font-size:10px;color:#6b6370}.account-label,.account-number,.bank-card dl,.bank-card button{grid-column:1/-1}.account-label{font-size:13px;color:#6b6370;margin:22px 0 0}.account-number{font:700 clamp(22px,2.7vw,37px)/1.4 InterDisplay,Arial,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}.bank-card dl{display:grid;grid-template-columns:100px 1fr;gap:10px;font-size:14px;line-height:1.7;margin:15px 0 20px}.bank-card dt{color:#716775}.bank-card dd{margin:0}.bank-card button{justify-self:start;background:#fff;cursor:pointer}.copy-status{min-height:24px;color:#166b3d;font-size:14px}.payment-workflow{margin-top:48px;padding:35px;background:#fff;border:1px solid #e6dfe8;border-radius:20px}.payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.payment-steps b{font:700 32px InterDisplay,Arial,sans-serif;color:#db0057}.payment-steps h3{font-size:20px;margin:14px 0 10px}.payment-steps p{font-size:14px;line-height:1.85;color:#625767}.payment-tax{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.payment-tax article{padding:30px;background:#f2edf4;border-radius:18px}.payment-tax h2{font-size:26px;line-height:1.4}.payment-tax p,.payment-tax li{font-size:14px;line-height:1.9;color:#554b5c}.payment-tax ul{padding-left:20px}.payment-tax li+li{margin-top:10px}.payment-tax address{font-size:14px;line-height:1.9;font-style:normal;background:#fff;padding:20px;border-radius:12px;margin-top:22px}.payment-help{margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#19121d;color:#fff;padding:32px;border-radius:18px}.payment-help h2{font-size:28px}.payment-help p{color:#d7ccd9;font-size:14px}.payment-help .btn{flex-shrink:0}.payment-source{margin-top:24px;font-size:12px;color:#756b79}.payment-source a{text-decoration:underline}
@media(max-width:700px){.payment-hero{padding:44px 0;text-align:center}.payment-hero p:not(.eyebrow){font-size:16px}.payment-accounts,.payment-tax,.payment-steps{grid-template-columns:minmax(0,1fr)}.bank-card{padding:24px;grid-template-columns:50px 1fr;gap:8px 14px}.bank-mark{width:48px;height:48px}.bank-card h3{font-size:21px}.account-number{font-size:27px}.bank-card dl{grid-template-columns:85px 1fr}.payment-heading{text-align:center}.payment-workflow{padding:25px}.payment-steps{gap:18px}.payment-steps article+article{border-top:1px solid #ece4ee;padding-top:20px}.payment-tax article{padding:25px}.payment-help{display:block;text-align:center;padding:25px}.payment-help .btn{margin-top:15px}.payment-tax h2,.payment-workflow h2{text-align:center}.payment-workflow .actions{justify-content:center}}
/* HelioAdmin feature artwork and payment notification modal. */
.helio-feature{margin:0;min-width:0}.helio-feature figcaption{text-align:center;margin-top:12px}.helio-feature figcaption strong{display:block;font:750 clamp(27px,3vw,42px)/1.2 InterDisplay,Arial,sans-serif;color:#17171e}.helio-feature figcaption span{display:block;color:#655a68;font-size:15px;margin-top:10px}
#payment-notice-dialog{width:min(760px,calc(100% - 28px));max-height:90dvh;border-top:5px solid #e90058;padding:32px;box-sizing:border-box}#payment-notice-dialog h2{font-size:32px;margin:0 35px 14px 0}#payment-notice-dialog .eyebrow{font-size:11px}#payment-notice-dialog select{width:100%;min-height:48px;border:1px solid #bfb8c3;border-radius:9px;background:white;color:#17121d;padding:10px;font:inherit;font-size:16px}.payment-form-note{font-size:12px;line-height:1.7;color:#675e6b;margin-top:18px}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overflow:hidden;overscroll-behavior:contain}#payment-notice-dialog input,#payment-notice-dialog textarea{font-size:16px}#payment-notice-dialog .btn{min-height:48px}
@media(max-width:520px){#payment-notice-dialog{padding:26px 18px}#payment-notice-dialog h2{font-size:27px}#payment-notice-dialog .btn{width:100%}.helio-feature figcaption span{font-size:13px}}