/* Restart Group | 2026 | branded treatment based on the supplied official logo and November advertisement */
:root{--ink:#092145;--deep:#061a35;--deep2:#07345c;--cream:#f5f8fd;--paper:#ffffff;--stone:#eaf0fa;--muted:#66758a;--gold:#ffcf24;--gold-lite:#fff3c3;--line:#dce4f1;--success:#17816f;--radius:20px;--purple:#aa59e4;--blue:#1976ed}
body{background:#f5f8fd;color:#082041}
::selection{color:#06172d;background:#ffe064}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9b63f7;outline-offset:4px}
.btn{border-radius:13px;letter-spacing:0;transition:transform .22s,box-shadow .22s,background .22s}
.btn.gold{color:#06172e;background:linear-gradient(105deg,#fff279 0%,#ffdb35 37%,#ffc01c 100%);border-color:#ffe67c;box-shadow:0 12px 29px rgba(255,189,17,.19)}
.btn.gold:hover{box-shadow:0 15px 30px rgba(255,189,17,.31)}
.btn.dark{background:#0b2750;color:#fff}
.btn.ghost{border-color:rgba(157,184,239,.38);background:rgba(255,255,255,.045);color:#fff}
.btn.outline{border-color:#becae0;color:#14345f;background:white}
.eyebrow{color:#7650b5;letter-spacing:.8px}
.eyebrow:before{width:29px;height:3px;background:linear-gradient(90deg,#ffcf24,#ab5ae8);border-radius:3px}
.section-heading h2{color:#091e3b;letter-spacing:-1.45px}
.section-heading p{color:#64748b;font-size:15px}
.site-header{background:rgba(3,19,43,.86);border-bottom:1px solid rgba(164,113,245,.24);box-shadow:0 8px 26px rgba(3,13,30,.16)}
.site-header.is-scrolled{background:rgba(2,17,38,.97);box-shadow:0 14px 34px rgba(3,13,30,.25)}
.header-inner{min-height:93px;gap:18px}
.brand-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.brand-image{display:block;width:170px;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 2px 11px rgba(0,0,0,.24))}
.brand-tagline{font-size:10px;letter-spacing:.4px;color:#dbe6ff;line-height:1.25;margin-top:-3px;font-weight:700}
.nav{gap:25px;color:#e7ecfb;font-size:13px}
.nav a:hover{color:#ffd632}
.header-phone{color:#ffda44;white-space:nowrap;font-size:12px;display:inline-flex;align-items:center;gap:7px;font-weight:800;direction:ltr}
.header-phone svg{width:17px;height:17px;transform:scaleX(-1)}
.header-main-cta{box-shadow:0 7px 19px rgba(251,197,38,.17)}
.hero{background:#04162e;padding:166px 0 102px;min-height:685px}
.hero:before{content:"";opacity:1;z-index:-1;transform:none;background:radial-gradient(ellipse 63% 57% at 13% 35%,rgba(30,116,227,.37),transparent 69%),radial-gradient(ellipse 45% 60% at 88% 58%,rgba(155,67,212,.24),transparent 72%),linear-gradient(125deg,#031226,#092b51 58%,#031a36)}
.hero:after{content:"";position:absolute;inset:0;width:auto;height:auto;top:0;left:0;z-index:-1;background:linear-gradient(125deg,rgba(255,255,255,.039) 1px,transparent 1px),linear-gradient(35deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:79px 79px;mask-image:linear-gradient(90deg,transparent,#000 64%,transparent);}
.hero-grid{gap:60px;grid-template-columns:1.13fr .87fr}
.hero-copy .eyebrow{color:#d0aaff;background:rgba(118,55,186,.19);border:1px solid rgba(186,120,245,.33);border-radius:100px;padding:9px 14px;width:max-content;max-width:100%;font-size:10px}
.hero-copy .eyebrow:before{width:8px;height:8px;background:#f6cc28;border-radius:50%}
.hero h1{font-size:clamp(43px,4.5vw,68px);line-height:1.18;max-width:720px;letter-spacing:-1.9px;text-shadow:0 2px 22px rgba(0,0,0,.16)}
.hero h1 span{color:#ffda31;background:linear-gradient(90deg,#ffe776,#ffce09);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{color:#d0dbf0;line-height:1.95;font-size:16px;max-width:555px}
.hero-note{color:#c1d1e9}
.hero-note svg{color:#ffda34}
.art-stage{min-height:480px}
.art-stage:before{width:480px;height:480px;max-width:100%;top:0;left:1%;transform:none;background:radial-gradient(circle,rgba(41,96,202,.21),transparent 70%);border:1px solid rgba(255,215,50,.21)}
.art-stage:after{width:370px;height:370px;left:12%;top:55px;border:1px dashed rgba(187,110,255,.28)}
.hero-panel{transform:rotate(-2deg);background:linear-gradient(149deg,rgba(22,58,102,.98),rgba(5,24,53,.99));color:#fff;border:1px solid rgba(251,213,62,.68);border-top:4px solid #ffdc29;box-shadow:0 40px 90px rgba(0,0,0,.37),0 0 58px rgba(71,43,171,.1);border-radius:22px;padding:30px 30px 22px}
.panel-top{border-bottom:1px solid rgba(185,205,247,.22);gap:14px}
.panel-label{color:#ffcf28;font-weight:900;font-size:9px;letter-spacing:1px}
.panel-title{color:white;font-size:22px;line-height:1.3}
.panel-logo{width:106px;height:auto;object-fit:contain;display:block;flex-shrink:0}
.panel-step .step-icon,.step-icon{background:rgba(255,221,65,.10);border:1px solid rgba(255,216,46,.36)}
.step-icon svg{color:#ffdc3b}
.step-details b{color:#e7eeff;font-size:13px}
.step-details small{color:#aabfdf;font-size:11px}
.panel-bottom{border-color:rgba(184,203,238,.24)}
.panel-bottom .micro{color:#aabbda}
.panel-bottom b{color:#ffe36f;font-size:21px}
.floating-pill{background:rgba(10,32,70,.94);border:1px solid rgba(184,115,242,.45);box-shadow:0 12px 25px rgba(0,0,0,.22);border-radius:13px;color:#fff}
.floating-pill svg{color:#ffdb3e}
.float-one{right:0;top:20px}
.float-two{bottom:27px;left:-20px}
.hero-bottom-line{height:4px;background:linear-gradient(90deg,#8044c8,#ebae2d,#ffe64a,#2980ec,#8143d5)}
.trust-strip{background:#061b39;border:0;border-bottom:1px solid #244574;padding:27px 0;color:#fff}
.trust-item b{color:#fff}
.trust-item small{color:#a8bce0}
.trust-item+.trust-item{border-color:#28416a}
.trust-icon{background:rgba(153,86,244,.11);border:1px solid rgba(201,132,255,.36);color:#ffda32}
.why{padding-top:100px;padding-bottom:104px}
.feature{background:linear-gradient(155deg,#fff,#fbfcff);border:1px solid #dfe7f3;border-radius:19px;box-shadow:0 16px 40px rgba(6,28,72,.035);padding:36px;min-height:247px}
.feature:before{background:linear-gradient(90deg,#a64fe7,#f8cd2c);height:4px}
.feature-num{color:#9b57df;font-weight:900}
.feature svg{color:#714aca}
.feature h3{color:#102c59}
.feature p{color:#63728a}
.process{background:linear-gradient(115deg,#ebf0fb,#f2f5fe 65%,#e9f1fe);padding-top:104px;padding-bottom:106px}
.process-card{background:rgba(255,255,255,.89);border:1px solid #dbe4f2;border-radius:17px;box-shadow:0 10px 30px rgba(14,40,76,.035)}
.process-card .number{color:#985bd6}
.process-card h3{color:#102d59}
.process-card p{color:#61728c}
.process-card:not(:last-child):after{border-color:#b8a2e5}
.pricing{padding-top:114px;padding-bottom:112px}
.plan{border:1px solid #dce4f3;background:#fff;border-radius:23px;padding:33px 29px 29px;box-shadow:0 12px 35px rgba(6,32,76,.045)}
.plan:not(.featured):before{content:"";height:4px;background:linear-gradient(90deg,#a14fe3,#4479e8);position:absolute;top:0;left:23px;right:23px;border-radius:0 0 12px 12px}
.plan:nth-child(3):before{background:linear-gradient(90deg,#2577e8,#9a52de)}
.plan.featured{color:#fff;background:linear-gradient(159deg,#123968 0%,#061b3c 68%,#1f1642 130%);border:2px solid #f5cd3b;box-shadow:0 24px 58px rgba(7,32,89,.22),0 0 0 6px rgba(255,209,53,.05)}
.plan.featured:hover{box-shadow:0 26px 65px rgba(7,32,89,.3),0 0 0 6px rgba(255,209,53,.06)}
.plan-type{color:#7b52bc}
.featured .plan-type{color:#ffdb52}
.plan h3{color:#0c2b59;font-size:27px}
.plan.featured h3{color:#fff}
.plan-sub{color:#65758c}
.featured .plan-sub{color:#c0cfee}
.price{color:#0c2b59}
.featured .price{color:#ffe565}
.plan-tax{color:#8794a7}
.featured .plan-tax{color:#adc1e4}
.plan-divider{background:#e4eaf5}
.featured .plan-divider{background:rgba(199,220,255,.23)}
.plan-line{color:#173357}
.featured .plan-line{color:#eef3ff}
.plan-line svg{color:#217bce}
.plan.featured .plan-line svg{color:#ffdc38}
.payment{background:#f0f4fd;border:1px solid #e4eafa}
.featured .payment{background:rgba(250,251,255,.09);border:1px solid rgba(255,222,74,.19)}
.payment-kicker{color:#7553bb}
.featured .payment-kicker{color:#ffe070}
.payment span{color:#65748d}
.featured .payment span{color:#b7c8e6}
.popular-tag{background:linear-gradient(90deg,#fff27b,#ffd32c);color:#0b2451;box-shadow:0 9px 25px rgba(255,210,50,.25);font-size:12px;top:-17px;padding:8px 20px}
.pricing-disclosure{color:#748198;max-width:880px}
.comparison-toggle{border:1px solid #c5d2e6;color:#294477;background:#f4f7ff}
.comparison-toggle:hover{background:#e7eeff}
.comparison{border:1px solid #d7e1f1;box-shadow:0 12px 25px rgba(9,36,85,.035)}
.comparison th{background:#eaf1ff}
.comparison th,.comparison td{border-color:#e3eaf4}
.comparison td:nth-child(3),.comparison th:nth-child(3){background:#fff8e5}
.statement{background:linear-gradient(116deg,#071c3b,#102c57 55%,#24124f);color:white;border-top:2px solid #f1c629}
.statement:after{left:-150px;top:-200px;background:radial-gradient(circle,rgba(153,70,214,.27),transparent 65%)}
.statement .eyebrow{color:#ffda3a}
.statement p{color:#c2d2ee}
.faq{padding-top:107px;padding-bottom:110px}
.faq details{background:#fff;border-color:#dce5f3;border-radius:15px}
.faq details[open]{border-color:#9f64d3;box-shadow:0 8px 30px rgba(55,39,118,.06)}
.faq summary:after{color:#9e51d9}
.faq details p{color:#62728a}
.faq a{color:#6636b1}
.final-cta{background:linear-gradient(120deg,#e7effe,#f2f5ff 60%,#ece8fc)}
.final-box{background:linear-gradient(118deg,#09234e,#072c56 53%,#241652);border:1px solid rgba(255,221,78,.28);box-shadow:0 26px 65px rgba(8,33,80,.18)}
.final-box:after{color:rgba(255,217,48,.06);font-size:400px}
.final-box p{color:#c0d0ec}
.final-call{margin-right:4px}
.footer{background:#05152e;border-top:3px solid #d3af1f;color:#b8c6df}
.footer-top{gap:26px}
.footer-links a:hover{color:#ffd83d}
.footer-contact{display:flex;flex-wrap:wrap;gap:22px;align-items:center;color:#d6e4ff;margin-top:22px;font-size:12px}
.footer-contact a{border:1px solid rgba(145,168,208,.27);padding:9px 13px;border-radius:10px;direction:ltr;color:#ffe366}
.footer-contact span{color:#b9c7e6}
.footer-rule{background:#24385f}
.footer-bottom{color:#a5b4cf}
.modal{background:#fff;border-radius:22px;border-top:5px solid #ffd728}
.modal-close{background:#e8ecf6}
.modal .eyebrow{color:#8450c2}
.modal h2{color:#092b58}
.field input,.field select{border-color:#cad8ed}
.field input:focus,.field select:focus{border-color:#8450cf}
.form-notice{color:#715127;background:#fff9e7;border-color:#f2dfa5}
.mobile-action{background:rgba(6,24,53,.97);border-top:2px solid #ffd32c;box-shadow:0 -10px 30px rgba(1,9,25,.2)}
.mobile-action small{color:#adc1e5}
.mobile-action b{color:white}
@media(max-width:1250px){.header-phone{display:none}}
@media(max-width:1100px){.hero-grid{gap:35px}.art-stage:before{left:0}.hero h1{font-size:clamp(41px,5vw,62px)}}
@media(max-width:800px){
 .header-inner{min-height:76px}.brand-image{width:145px}.brand-tagline{font-size:9px;margin-top:-2px}
 .nav{background:#061a37;border-bottom:2px solid #8f55dd}
 .hero{padding:129px 0 74px}.hero-grid{gap:39px}.hero h1{font-size:clamp(40px,8vw,60px)}
 .art-stage{min-height:367px}.art-stage:before{left:50%;transform:translateX(-50%);width:350px;height:350px}.art-stage:after{left:50%;transform:translateX(-50%);width:290px;height:290px;top:30px}
 .hero-panel{width:315px;max-width:88%;padding:23px}.panel-logo{width:85px}
 .trust-item+.trust-item{border-top:1px solid #213d68}
 .plan{max-width:550px}.final-box{gap:20px}.final-call{justify-self:start;margin-right:0}
}
@media(max-width:480px){
 .brand-image{width:130px}.brand-tagline{font-size:8.5px}
 .hero{padding:115px 0 68px}.hero-copy .eyebrow{font-size:9px;padding:7px 10px}
 .hero h1{font-size:clamp(37px,9vw,45px)}
 .hero-description{font-size:14.5px}.hero-note{gap:12px;font-size:11px}
 .art-stage{min-height:340px}.hero-panel{width:285px;max-width:91%;padding:20px}
 .panel-logo{width:76px}.panel-title{font-size:19px}.panel-top{gap:8px}
 .floating-pill{font-size:10px;padding:9px}.float-one{right:0}.float-two{left:0}
 .why{padding:75px 0}.process,.pricing,.faq{padding-top:78px;padding-bottom:80px}
 .final-box{padding:35px 23px}.final-call{width:100%}.footer-contact{gap:9px}.footer-contact a{font-size:11px}
}
/* Fine-tuning for call-to-action grid and narrow screens */
@media(min-width:801px){.final-box .final-call{grid-column:2;justify-self:center;align-self:start;min-height:42px;padding:9px 18px;margin-top:-18px;font-size:12px;width:max-content}}
@media(max-width:800px){.hero-grid{grid-template-columns:minmax(0,1fr)}.final-box .final-call{width:max-content;max-width:100%}}
@media(max-width:480px){.final-box .final-call{width:100%}}
@media(max-width:800px){.float-one{top:-22px}}
@media(max-width:480px){.float-one{top:-32px;right:0}}