/* CleanQuote UK – independent reproduction of the supplied Lovable desktop screenshots.
   Visual layer only; original sales copy, checkout and Javascript remain from V3. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700;750;800&family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{
 --ink:#ecf3ee;--ink2:#d9e6dd;--muted:#a9bbb1;--deep:#07120e;
 --accent:#c8efa2;--green:#68d79e;--line:#24352c;
 --cream:#07120e;--white:#f5f8f2;--soft:#14251b;
 --shadow:0 18px 54px rgba(0,0,0,.26);
 --screen:#07120e;--panel:#101e18;--border:#25362e;--soft-copy:#b4c5b9;
}
html{scroll-behavior:smooth;scroll-padding-top:105px;background:var(--screen);color-scheme:dark}
body{background-color:var(--screen);color:var(--ink);font-family:'DM Sans',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.5;
 background-image:linear-gradient(90deg,rgba(181,242,167,.018) 1px,transparent 1px),linear-gradient(0deg,rgba(181,242,167,.015) 1px,transparent 1px);
 background-size:84px 84px}
::selection{background:#b5e99f;color:#07120e}a{color:inherit}
.container{width:min(1680px,calc(100% - 72px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:85;background:rgba(7,18,14,.87);border-bottom:1px solid #1a2b22;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nav{height:84px;gap:30px}.brand{font-size:26px;letter-spacing:-.06em;color:#eaf3ec;gap:14px}.brand-icon{width:49px;height:49px;border-radius:14px;background:linear-gradient(135deg,#d4f1a2,#58d29a);color:#092016;box-shadow:0 7px 18px #8fe2a637;font-size:16px}
.brand em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:1.08em;font-style:italic;letter-spacing:-.01em;color:var(--accent)}
.nav-items{gap:46px;font-size:15px;color:#8a9d91}.nav-items a:hover{color:var(--accent)}
.btn{border-radius:999px;padding:17px 30px;min-height:57px;background:#c9efa3;border:1px solid #c9efa3;color:#06140d;font-size:16px;font-weight:800;box-shadow:0 13px 32px rgba(150,234,130,.12);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn:hover{background:#b6e993;box-shadow:0 16px 36px rgba(130,225,115,.25);transform:translateY(-2px)}
.btn.sm{padding:12px 25px;font-size:15px;min-height:49px}.btn svg{width:20px;height:20px}.btn.lime{background:#c9efa3;border-color:#c9efa3;color:#09180e}.btn.light{background:#14261d;color:#eef6f0;border-color:#2a4233}
.text-link{color:#e4eee6;text-decoration-color:#c5ef9e;font-size:17px;text-decoration-thickness:1px;text-underline-offset:7px;font-weight:600}
.text-link:hover{color:#c9efa3}.pill{background:rgba(194,236,154,.085);color:#c5ed9f;border:1px solid #526d43;border-radius:99px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;padding:10px 18px;box-shadow:inset 0 0 0 1px #183026}.pill svg{color:#c4ee9e}
.hero{padding:125px 0 125px;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 6% 17%,rgba(177,210,132,.12),transparent 29%),radial-gradient(ellipse at 70% 70%,rgba(29,80,51,.14),transparent 40%)}
.hero:before{display:none}.hero-grid{grid-template-columns:0.84fr 1.16fr;gap:58px;align-items:center}.hero-copy{max-width:720px}
.hero h1{font-size:clamp(64px,5.25vw,105px);line-height:1.02;letter-spacing:-.069em;font-weight:800;margin:28px 0 30px;color:#edf4ee;max-width:785px}
.hero h1 em,.lesson-title em{font-family:'Instrument Serif',Georgia,serif;font-style:italic!important;font-weight:400;letter-spacing:-.035em;line-height:.99;background:linear-gradient(110deg,#d8f3a9 0%,#96df9e 45%,#65d7a8 100%);color:transparent!important;background-clip:text;-webkit-background-clip:text}
.hero .lead{font-size:clamp(17px,1.36vw,23px);line-height:1.78;max-width:650px;color:#b6c7bb}.hero-actions{gap:20px;margin-top:38px}.hero-actions .btn{font-size:17px;min-height:62px;padding:19px 29px}
.hero-details{color:#b3c7b4;gap:24px;font-size:13px;margin-top:25px}.check{color:#bbef9d}.trust-note{color:#778e7e;font-size:12px;margin-top:14px;line-height:1.6}
.showcase{max-width:100%;width:100%;min-width:0}.showcase:before{inset:0;background:radial-gradient(ellipse at 52% 50%,#173d28 0%,transparent 67%);opacity:.75;filter:blur(30px)}
.device{transform:perspective(1400px) rotateY(-2deg) rotateZ(-.4deg);border:11px solid #14251b;border-radius:32px;box-shadow:0 26px 60px #0008,0 0 0 1px #3b5544;background:#132820;overflow:hidden}
.device .bar{height:36px;background:#152a20;gap:7px}.device .bar i{width:7px;height:7px;background:#3b5948}.device .bar i:first-child{background:#cbf29a}.device img{aspect-ratio:1.49;object-fit:cover;object-position:top left}
.float-card{background:rgba(30,49,38,.94);border:1px solid #496d50;color:#f1f6ef;right:-11px;bottom:6px;transform:rotate(-1deg);border-radius:19px;width:245px;padding:20px 25px;box-shadow:0 24px 40px #0008}.float-card small{font-family:'IBM Plex Mono',monospace;color:#95ae9b}.float-card strong{color:#f3f9f3;font-size:35px}.float-card span{color:#a5bfad}
.section,.section-tight{padding:115px 0;background:transparent}.section-tight{padding:110px 0}.section-surface{background:linear-gradient(180deg,rgba(14,30,22,.54),rgba(11,24,18,.55));border-color:#1d2c24}
.section h2,.section-tight h2,.dark-band h2{color:#ecf3ed;font-size:clamp(40px,4.2vw,74px);line-height:1.11;font-weight:800;letter-spacing:-.065em}
.section .bodycopy,.bodycopy{color:#b4c5b9;font-size:17px;line-height:1.72}.kicker{font-family:'IBM Plex Mono',monospace;letter-spacing:.19em;color:#c9eaa6;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:19px}
.kicker:before{content:'—';margin-right:13px;color:#93ba71;font-weight:400}.center-heading{max-width:1050px;margin:0 auto 62px}.center-heading h2{max-width:1040px}.center-heading .bodycopy{max-width:840px;margin:20px auto 0}.section .bodycopy{margin-top:21px}
/* Comparison / educational card */
.lesson-grid{grid-template-columns:1fr .92fr;gap:120px}.lesson-title{font-size:clamp(42px,4.1vw,74px)!important;line-height:1.12;letter-spacing:-.065em;color:#ecf4ee}.lesson-card{border-radius:33px;border:1px solid #304239;background:linear-gradient(130deg,rgba(22,39,30,.82),rgba(12,26,19,.89));padding:40px;box-shadow:none}
.lesson-card .kicker{margin-bottom:20px}.lesson-small{color:#abc0af;font-size:14px;line-height:1.75}.math-rows{gap:12px;margin:16px 0}.math-row{border:1px solid #2a3e32;background:#1a2a21;color:#eef6eb;border-radius:15px;padding:19px 22px;min-height:88px}.math-row small{color:#90aa99;font-size:15px}.math-row strong{font-size:28px;color:#f1f7ef}.math-row.emph{background:linear-gradient(115deg,rgba(158,220,130,.065),rgba(110,202,132,.1));border:2px solid #bbed96;box-shadow:0 0 0 6px #bbed9611}.math-row.emph strong{color:#c4ee9b}.math-savings{background:linear-gradient(90deg,#c9efa3,#59d59e);color:#0b1d10;padding:19px 21px;border-radius:14px;font-size:14px;font-weight:600}
.math-savings strong{color:#092111}.lesson-grid .btn{margin-top:12px}
/* Problem + steps */
.problem-grid,.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.problem-card,.card{background:linear-gradient(165deg,#101e18,#0a1811);border:1px solid #27382e;border-radius:26px;box-shadow:none;padding:36px;min-height:243px;color:#e9f1e9}
.problem-card .problem-icon,.card .number{width:47px;height:47px;border-radius:14px;background:#1b2b20;border:1px solid #456042;color:#c7efa0;font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:19px}
.problem-card h3{font-size:20px;line-height:1.42;letter-spacing:-.025em;color:#edf4ed;font-weight:750;margin-top:25px}.problem-card p,.card p{font-size:15px;line-height:1.7;color:#adc2b2;margin-top:12px}.card h3{color:#eef5ed;font-size:24px;margin-top:28px}
.card{min-height:305px;padding:43px}
/* Product tour, video and feature band */
.video-grid{grid-template-columns:.8fr 1.2fr;gap:88px}.video-wrap{background:#0f2b1d;border:1px solid #345741;padding:11px;border-radius:36px;box-shadow:0 30px 70px #0005}.video-wrap video{border-radius:25px;background:#081610}
.microstrip{padding:28px 0 14px;background:none}.microstrip .inside{border-color:#243a2c;color:#afc3b3;gap:50px;padding:29px 0;font-size:14px}.microstrip svg{color:#c7efa0}
.feature-panel{background:linear-gradient(125deg,#0e2a1d,#153524 57%,#0a2016);border:1px solid #284534;border-radius:38px;padding:62px;grid-template-columns:.77fr 1.23fr;gap:70px;box-shadow:none}
.feature-panel:before{opacity:.3;background:radial-gradient(circle,#52966a,transparent 72%)}.feature-panel p{color:#b8cbbd;font-size:18px;line-height:1.8}.feature-panel ul{color:#d3e8d6;font-size:15px;gap:16px}.feature-panel li:before{color:#c7f1a1}.feature-photo{border:7px solid #17372a;border-radius:27px;transform:none;box-shadow:0 22px 45px #0005}.feature-photo img{aspect-ratio:1.6}
.demo-wrap{grid-template-columns:1fr 1fr;gap:110px}.demo-text{max-width:690px}.mini-tool{background:linear-gradient(145deg,#101e18,#081810);border:1px solid #2c4032;border-radius:31px;box-shadow:none;overflow:hidden;color:#eaf3eb}
.mini-head{background:rgba(255,255,255,.015);border-color:#283a2f;padding:27px 33px}.mini-head b{font-size:19px;color:#eff6ed}.mini-head span{color:#c3ef98;font-family:'IBM Plex Mono',monospace}.mini-body{padding:35px;gap:22px}.field label{color:#9aafa1;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.055em;font-size:12px;font-weight:500}.field input:not([type=range]){background:#07120e;border:1px solid #24352a;color:#eef5ec;border-radius:15px;padding:16px;font-size:18px;min-height:58px}.field input:focus-visible{outline:2px solid #bbefa0}.range{accent-color:#c7ef9c;height:10px}.margin-val{color:#c8f1a0}.result{background:linear-gradient(115deg,#233a27,#163225);color:#e9f3ec;border:1px solid #486644;border-radius:20px;padding:26px 28px}.result span{color:#adc2b2}.result strong{font-size:35px;color:#eaf2e9}.hint{color:#8ea694;font-size:13px;line-height:1.7}
.split{gap:95px}.quote-frame{background:#11231a;border:1px solid #2c4034;border-radius:32px;padding:13px;box-shadow:none}.quote-frame img{border-radius:19px;max-height:650px}
.ticks{color:#b2c5b6;font-size:17px;gap:22px}.ticks div:before{background:rgba(171,236,136,.08);border:1px solid #567b50;color:#bbef99}
.dark-band{padding:75px 0;background:linear-gradient(105deg,#d0f0a3,#b5e98f 48%,#59d39f);color:#071811}.dark-band h2{color:#071811!important;font-size:clamp(40px,3.5vw,61px)}.dark-band p{color:#31573d;font-size:17px}.dark-band .btn{background:#07130e;color:#c8f1a4;border:1px solid #07130e}
/* Pricing + creator */
.pricing-grid{grid-template-columns:.9fr 1.1fr;gap:105px}.price-card{background:linear-gradient(155deg,#173626,#0c2117 60%,#07190f);border:1px solid #497049;border-radius:35px;padding:52px 58px;box-shadow:0 30px 80px #0004;color:#eef5ef}.price-card .topline{color:#eef5ec}.tag-small{background:#203a29;border:1px solid #4b7048;color:#c8efa1;font-family:'IBM Plex Mono',monospace}.price{color:#edf4ec;font-size:106px;letter-spacing:-.085em;margin:31px 0 4px}.price-note{color:#91a99a}.include{border-color:#304537;gap:17px;margin:25px 0;padding:29px 0}.include div{font-size:15px;color:#d8e8d8}.include div:before{color:#c4ee9e}.price-foot{color:#87a18c}.value-example{background:rgba(178,231,146,.065);border-left-color:#c9efa5;color:#b6c8b7}.checkout-explain{color:#adc7af}.bonus-light{background:#1b3929;color:#d1f0ae;border:1px solid #426849}.pending-flag{background:#29271b;border-color:#736441;color:#e5d7a4}
.creator-wrap{background:linear-gradient(135deg,#101f18,#0a1811);border:1px solid #263c2d;padding:33px;border-radius:30px;grid-template-columns:180px minmax(0,1fr);gap:34px}.creator-portrait{background:#10271c;border-color:#3b5b40;color:#8fa899;width:180px;height:180px;border-radius:22px}.creator-wrap h3{color:#eef6ef;font-size:27px}.creator-wrap p{color:#b3c5b8;font-size:15px}.creator-warning{background:#29291e;color:#f0d38f;border:0}
.casebox{background:linear-gradient(145deg,#13211b,#0e1e17);border:1px solid #273d2f;border-radius:27px;color:#edf3ed;padding:32px}.casebox strong{color:#f0f7f0}.casebox p{color:#aabfb0}
/* FAQ */
.faq{max-width:1080px;gap:13px}.faq details{background:linear-gradient(140deg,#101e18,#0a1812);border:1px solid #28382f;border-radius:23px;padding:25px 33px;color:#ecf5ee}.faq summary{font-size:17px;color:#eff5f0;font-weight:650}.faq summary:after{color:#c1f29c;font-size:27px}.faq p{color:#b4c6b9;font-size:15px;line-height:1.75}
/* Footer and consent */
.footer{background:#07120e;border-top:1px solid #25362b;padding:43px 0 51px}.footbrand{font-size:22px;color:#edf3ee}.footer p{color:#859e8d;max-width:880px;font-size:13px}.seller-foot{color:#93a99b!important}.seller-foot a{text-decoration-color:#86b890}.footer-actions{font-size:13px;color:#8ca895;gap:16px}.footer-actions a:hover,.footer-actions button:hover{color:#c7ef9f}
.cookie-banner{background:#14251b;border-color:#4b6e4b;color:#f0f7ec}.cookie-banner a{color:#d2f5aa}.cookie-actions button{background:#c8ef9f;color:#0a1b10}.cookie-actions button.secondary{color:#f1f7ee;background:#ffffff12}
.modal{background:#000c}.modal-card{background:#101f17;border:1px solid #345340;color:#ecf5ec}.modal-card p{color:#b3cbb9}.close{background:#203929;color:#c9efa3}.tour-button{background:#193629;border-color:#527c4c;color:#d8eecb}.modal-card img{background:#e9f0e6}
.sticky-buy{display:none}
/* Tighter educational details */
.lesson-grid .bodycopy{font-size:17px}.math-row>div>div{color:#edf4ee}.section-tight .lesson-title em{color:transparent!important}.creator-wrap .creator-warning{margin-bottom:10px}
/* Focus, motion and responsive layouts */
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c3ed9d;outline-offset:4px}
@media(max-width:1250px){.container{width:min(100% - 56px,1190px)}.hero{padding:94px 0 100px}.hero-grid{gap:38px}.hero h1{font-size:clamp(60px,5.7vw,84px)}.section,.section-tight{padding:90px 0}.lesson-grid,.demo-wrap,.pricing-grid{gap:65px}.video-grid{gap:50px}.feature-panel{padding:48px}.section h2,.section-tight h2{font-size:clamp(40px,4.8vw,65px)}}
@media(max-width:980px){.container{width:min(100% - 44px,860px)}.hero-grid{grid-template-columns:1fr;gap:52px}.hero{padding:75px 0 82px}.hero h1{font-size:clamp(57px,9vw,92px);max-width:750px}.hero .lead{font-size:19px}.showcase{max-width:800px}.lesson-grid,.video-grid,.demo-wrap,.pricing-grid{grid-template-columns:1fr;gap:42px}.section,.section-tight{padding:80px 0}.split{gap:45px}.cards{gap:14px}.card,.problem-card{padding:24px}.feature-panel{grid-template-columns:1fr;gap:40px}.feature-photo{max-width:750px}.price-card{max-width:820px}.center-heading{margin-bottom:35px}}
@media(max-width:720px){
 .site-header{backdrop-filter:blur(14px)}.container{width:calc(100% - 36px)}.nav{height:70px}.brand{font-size:19px;gap:9px}.brand-icon{width:38px;height:38px;border-radius:12px;font-size:13px}.nav-items{display:none}.nav>.btn{font-size:12px;padding:9px 13px;min-height:40px}.nav>.btn svg{width:16px}.hero{padding:57px 0 58px;min-height:0}.hero h1{font-size:clamp(50px,11.3vw,73px);letter-spacing:-.067em;margin:24px 0}.hero h1 em{white-space:normal}.hero .lead{font-size:16px;line-height:1.65}.hero-actions{gap:15px;margin-top:28px}.hero-actions>.btn{width:100%;min-height:58px;font-size:15px;padding:16px 14px}.hero-actions .text-link{margin:0 auto}.hero-details{gap:10px 18px;font-size:11px}.pill{font-size:10px;letter-spacing:.07em;padding:9px 12px}.trust-note{font-size:11px}.showcase{padding-bottom:18px}.device{border-width:6px;border-radius:18px}.device .bar{height:25px}.device img{aspect-ratio:1.44}.float-card{width:140px;padding:13px;right:-6px;bottom:0;border-radius:13px}.float-card strong{font-size:24px}.float-card small{font-size:8px}.float-card span{font-size:9px}
 .section,.section-tight{padding:67px 0}.section h2,.section-tight h2{font-size:clamp(37px,9.3vw,52px)}.center-heading{text-align:left;margin-bottom:26px}.center-heading .bodycopy{margin:16px 0 0}.lesson-title{font-size:clamp(40px,9vw,54px)!important}.lesson-card{padding:23px;border-radius:22px}.lesson-grid,.video-grid,.demo-wrap,.split,.pricing-grid{gap:30px}.problem-grid,.cards{grid-template-columns:1fr;gap:15px}.problem-card,.card{min-height:0;padding:25px;border-radius:18px}.problem-card h3,.card h3{font-size:20px}.microstrip{padding:11px 0}.microstrip .inside{justify-content:space-between;gap:14px;font-size:11px}.feature-panel{padding:27px 22px;border-radius:24px}.feature-panel h2{font-size:37px}.feature-panel p{font-size:15px}.feature-photo{border-width:4px;border-radius:18px}.video-wrap{padding:6px;border-radius:20px}.video-wrap video{border-radius:14px}.mini-head{padding:18px}.mini-body{padding:20px;gap:17px}.min-row{grid-template-columns:1fr 1fr;gap:10px}.field input:not([type=range]){font-size:16px;min-height:47px;padding:11px}.field label{font-size:10px}.result{padding:18px}.result strong{font-size:28px}.price-card{padding:28px 24px;border-radius:25px}.price{font-size:78px}.include div{font-size:13px}.dark-band{padding:48px 0}.dark-band h2{font-size:38px!important}.dark-inner .btn{width:100%}.creator-wrap{padding:21px;grid-template-columns:1fr}.creator-portrait{width:100%;height:120px}.faq details{padding:20px;border-radius:15px}.faq summary{font-size:14px}.faq p{font-size:13px}.footer{padding:38px 0 118px}.footer-inner{flex-direction:column;gap:18px;align-items:flex-start}.footer-actions{flex-wrap:wrap;gap:12px}.sticky-buy{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;align-items:center;justify-content:space-between;gap:13px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(8,22,14,.95);border-top:1px solid #305039;box-shadow:0 -8px 25px #0004;backdrop-filter:blur(20px)}.sticky-buy strong{font-size:19px;color:#f0f8f0}.sticky-buy small{color:#acc0b1}.sticky-buy .btn{padding:12px 15px;font-size:12px;min-height:43px}body{padding-bottom:67px}
}
@media(max-width:370px){.brand{font-size:17px}.nav>.btn{font-size:11px;padding:9px 10px}.hero h1{font-size:48px}.hero-details{font-size:10px}.min-row{grid-template-columns:1fr}.float-card{right:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
@media(max-width:600px){.cookie-banner{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));padding:12px 14px;border-radius:13px;font-size:12px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cookie-actions button{font-size:11px;line-height:1.3;padding:10px 6px}}