/* ROLTER / Studio visual identity */
:root{--ink:#24163f;--muted:#706781;--paper:#fff;--lime:#d8fb79;--soft:#f4f0ff;--line:#e9e3f2;--radius:22px}
body{font-family:Inter,'Segoe UI',Arial,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#8756ed}.topline{background:#271348;color:#e6ddfa;letter-spacing:1.6px}.header{background:#ffffffed}.header-inner{height:85px}.brand-symbol{filter:hue-rotate(165deg)}.brand-word{font-weight:800}.brand-word span{color:#8260c0}.nav{font-size:12px}.button{background:#7646e5;border-color:#7646e5;border-radius:12px;box-shadow:0 5px 18px #7646e51a;font-size:13px}.button:hover{background:#6032c7}.button.outline{background:#fff;color:#4c306f;box-shadow:none}.button.lime{color:#271348;background:var(--lime);border-color:var(--lime)}.language button.active{background:#7646e5}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8254d0}.eyebrow:before{background:#9564ef}.hero{padding-top:75px;background:radial-gradient(ellipse at 85% 20%,#e8dcff 0,transparent 46%),radial-gradient(ellipse at 5% 90%,#f1ebff 0,transparent 42%),#fff}.hero h1{font-size:clamp(58px,6.4vw,92px);font-weight:750;letter-spacing:-5.8px;line-height:1.02}.hero h1 em{color:#7b46df;background:linear-gradient(100deg,#6831d1,#a568ed);background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{font-size:15px;max-width:435px;color:#736782}.hero-caption{font-size:10px;color:#81748e}.hero-art:before{background:linear-gradient(135deg,#eee5ff,#d9c3fb);border-radius:40px;inset:12px -40px 18px 5px;transform:rotate(-8deg)}.hero-art:after{border:1px solid #b9a0ec;width:320px;height:320px;right:-85px;top:-35px}.browser-mock{box-shadow:0 25px 65px #4c238a33;border-color:#e0d6ef;border-radius:13px}.browser-bar{background:#faf7ff;border-color:#e7def4}.browser-bar i{background:#c5b4e1}.browser-bar span{color:#857394}.main-browser{transform:rotate(-5deg);top:32px}.mini-browser{transform:rotate(4deg);bottom:0}.phone-mock{border-color:#2f1851;background:#2f1851}.hero-sticker{background:#d8fb79;border-color:#faf6ff;color:#2c184c;box-shadow:0 10px 20px #4a227a15}.art-label{color:#8056b5;font-size:10px}.capability-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:55px;border-top:1px solid #e3d7f5;padding-top:25px;font-size:11px;font-weight:650;letter-spacing:2px;color:#70508e}.capability-strip i{font-size:26px;color:#8450da;font-style:normal}.hero-foot{margin-top:24px}.industry-run i{color:#9763dd}.catalog-section{background:#f7f5fc}.section{padding:94px 0}.section-head h2{font-weight:650;letter-spacing:-2.8px}.section-head p{font-size:13px}.filter{color:#675874;border-color:#dfd5eb;background:#fff}.filter.active{background:#7545df;border-color:#7545df;color:#fff}.filter:hover{border-color:#9a73dd}.catalog-tools{align-items:start}.search-box{border-color:#e1d7ec;background:#fff;border-radius:12px}.template-card{background:#fff;border:1px solid #e8e0f0;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #2c104205;transition:transform .25s,box-shadow .25s}.template-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #4e287817}.template-image{border-radius:0;background:linear-gradient(140deg,var(--card-bg),#ffffff88);padding:28px 20px 0;height:246px}.template-image img{border-radius:9px 9px 0 0;box-shadow:0 12px 28px #21153728;transition:transform .35s}.template-card:hover img{transform:translateY(-5px) scale(1.025)}.template-number{font-size:9px;color:var(--card-ink);background:#ffffffc9;border-radius:7px;padding:6px 8px}.template-info{padding:22px}.template-brand{font-size:20px;font-weight:750;letter-spacing:-.8px}.template-info p{font-size:12px;color:#82738f}.small-tag{background:#f2edf9;color:#7a5c9a;border:0;border-radius:6px}.template-bottom>a{color:#7545df}.favorite{color:#8e6bba}.catalog-disclaimer{color:#82748d}.solution{border:1px solid #e6ddf0;border-radius:24px;background:linear-gradient(145deg,#fff,#f8f5fe);padding:34px;min-height:340px;position:relative;overflow:hidden}.solution:after{content:'✳';position:absolute;right:16px;top:15px;font-size:110px;color:#9470c412;pointer-events:none}.solution.featured{background:linear-gradient(140deg,#281346,#5b2e91);color:#fff;border:0}.solution.featured p{color:#d8c8ec}.solution.featured a{color:#d8fb79}.solution h3{font-size:26px;letter-spacing:-1px}.solution p{font-size:13px;line-height:1.8}.solution-icon{width:55px;height:55px;border-radius:16px;background:#ede3ff;color:#7545df;display:grid;place-items:center;font-size:28px}.solution.featured .solution-icon{background:#ffffff16;color:#d8fb79}.price-card{border-radius:22px;border-color:#e6ddf0;background:#fff}.price-card.featured{background:#f2ebff;border-color:#aa84ec;box-shadow:0 12px 40px #7545df14}.recommended{background:#7545df;color:#fff}.price strong{color:#392055}.price-features .check{color:#7646e5}.quote-section{background:#24133f;color:#fff}.quote-section .eyebrow{color:#cfb2ff}.quote-section .section-head p{color:#c6b4da}.quote-summary{border-radius:24px}.timeline article{border-color:#e6dcf0}.timeline .number{color:#8752d8}.faq-section{background:#f8f5fd}.faq-list details{border-color:#e4daef}.contact-section{background:linear-gradient(120deg,#f0e7ff,#faf7ff)}.contact-copy h2{font-weight:650}.contact-form{border:1px solid #e1d5ef;border-radius:24px;box-shadow:0 12px 45px #4d22730c}.footer{background:#211236;color:#eee5fc}.footer p,.footer-bottom{color:#baa5d1}.footer-top,.footer-bottom{border-color:#ffffff20}.footer .brand-word span{color:#cfb3f2}.system-spotlight{padding:95px 0;background:#271541;color:#fff;position:relative;overflow:hidden}.spotlight-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px}.system-spotlight:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,#7446a650,transparent 60%)}.spotlight-grid>*{position:relative;min-width:0}.system-spotlight .eyebrow{color:#d7b9ff}.system-spotlight h2{font-size:clamp(31px,3.5vw,47px);line-height:1.15;letter-spacing:-2px;margin:22px 0}.system-spotlight p{color:#c9b9df;line-height:1.9;font-size:14px}.system-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.system-tags span{font-size:11px;border:1px solid #ffffff25;border-radius:7px;padding:8px 11px;color:#e6d7f8}.system-spotlight small{display:block;color:#bba3d5;font-size:10px;margin-top:17px}.spotlight-preview{transform:perspective(1000px) rotateY(-8deg) rotateZ(2deg)}.spotlight-preview img{border:7px solid #ffffff16;border-radius:20px;box-shadow:0 30px 60px #120a2555}.spotlight-preview>span{display:block;width:max-content;max-width:100%;margin:-20px auto 0;padding:16px 20px;border-radius:12px;background:#d8fb79;color:#302047;position:relative;font-size:12px;box-shadow:0 8px 25px #0002}
@media(max-width:1100px){.hero h1{font-size:70px;letter-spacing:-4px}.template-image{height:215px}.spotlight-grid{gap:35px}}@media(max-width:740px){.hero{padding-top:38px}.hero h1{font-size:clamp(53px,12vw,75px);letter-spacing:-3.6px}.hero-lead{font-size:14px}.hero-art{margin-top:16px}.capability-strip{font-size:8px;letter-spacing:.6px;gap:8px;margin-top:30px}.capability-strip i{font-size:17px}.section{padding:62px 0}.template-image{height:auto;aspect-ratio:1.5}.solution{min-height:280px;padding:27px}.spotlight-grid{grid-template-columns:1fr;gap:40px}.system-spotlight{padding:64px 0}.spotlight-preview{transform:none}.system-spotlight h2{font-size:36px}.spotlight-preview>span{font-size:10px;padding:13px}.template-info{padding:20px}.hero-art:before{right:-15px}.section-head h2{letter-spacing:-1.8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{.system-spotlight{display:none}.footer{background:#fff;color:#222}}

@media(min-width:741px) and (max-width:1100px){.hero h1{font-size:clamp(49px,6vw,65px);letter-spacing:-3.6px}}@media(max-width:740px){.header-inner{height:69px}.hero h1{font-size:clamp(49px,11.5vw,75px)}}

.brand-symbol{filter:none}.quote-inputs legend,.quote-label{color:#dacbe9}.plan-option,.select-dark{background:#38244f;border-color:#604677}.addon-option{border-color:#604677}.plan-option:has(input:checked){background:var(--lime);border-color:var(--lime);color:#28193b}.quote-fineprint{color:#baabc9}.care-description{color:#d1c0e0}.summary-payment{background:#f3edf9}.summary-head small{color:#7f6c92}.quote-status{color:#725090}
