@import url('./tokens.css');
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('brand/fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('brand/fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('brand/fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('brand/fonts/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;src:url('brand/fonts/outfit-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url('brand/fonts/outfit-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url('brand/fonts/outfit-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url('brand/fonts/outfit-latin-700-normal.woff2') format('woff2')}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ml-colour-canvas,#fafafa);color:var(--ml-colour-ink,#282b55);font-family:var(--ml-font-sans,Inter,system-ui,sans-serif);line-height:1.65}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #7163c4;outline-offset:5px}.skip{position:absolute;left:16px;top:-80px}.skip:focus{top:8px;z-index:5;background:white;padding:8px}.notice{text-align:center;background:#edeaf7;color:#39325f;padding:8px 20px;font-size:13px}header,footer{max-width:1160px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}header{border-bottom:1px solid var(--ml-colour-border,#dedee8)}.logo{width:152px;display:block}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px}.wrap{max-width:1104px;margin:auto;padding:64px 28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:52px;padding-top:80px;padding-bottom:86px}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(38px,5.1vw,66px);margin:17px 0 24px;max-width:740px}h2{font-size:clamp(29px,3vw,40px);margin:0 0 22px}h3{font-size:21px;letter-spacing:-.02em}.lead{font-size:19px;color:var(--ml-colour-text,#55556a);max-width:650px}.small{font-size:13px;color:var(--ml-colour-muted,#686878)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border-radius:10px;background:var(--ml-colour-ink,#282b55);color:white;text-decoration:none;font-weight:650;border:1px solid transparent}.secondary{background:transparent;color:inherit;border-color:#cecadc}.section{border-top:1px solid var(--ml-colour-border,#dedee8)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{padding:26px;border:1px solid #dedbe8;border-radius:18px;background:var(--ml-colour-surface,#fff)}.diagram{background:var(--ml-colour-surface,#fff);padding:25px;border:1px solid #dcd8e9;border-radius:22px;box-shadow:0 18px 60px #292b550b}.diagram p{margin:0 0 18px}.flow{display:grid;gap:12px}.row{border:1px solid #e5e1ed;border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.tag{color:#6d527f;background:#f0eaf5;border-radius:6px;padding:3px 7px;font-size:12px;white-space:nowrap}.line{font-size:12px;color:#756c86;text-align:center}.price{font-size:56px;letter-spacing:-.06em;font-weight:700;line-height:1.1}.offer{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:start}.offerbox{padding:32px;border:1px solid #d5cee8;border-radius:20px;background:#f3f0fa}.prose{max-width:820px}.prose h1{font-size:46px}.prose h2{font-size:25px;margin-top:38px}.prose p{margin:16px 0}.prose li{margin:10px 0}.legalnav{padding:20px;background:#f0edf7;border-radius:12px;display:flex;gap:18px;flex-wrap:wrap}details{border-bottom:1px solid #dedbe8;padding:20px 0}summary{cursor:pointer;font-weight:650}footer{border-top:1px solid #dedbe8;font-size:13px;flex-wrap:wrap}.forced-logo{display:none}@media(forced-colors:active){.logo{display:none}.forced-logo{display:block;font-size:26px;font-weight:700}.button,.card,.diagram{border:1px solid CanvasText}}@media(max-width:760px){.hero,.offer,.grid{grid-template-columns:1fr;gap:30px}.wrap{padding:44px 22px}header,footer{padding:20px 22px}.hero{padding-top:42px}.logo{width:126px}header nav{gap:12px}header nav a{font-size:12px}.row{flex-wrap:wrap}.prose h1{font-size:36px}.notice{font-size:12px}}input:not([type=checkbox]){width:100%;max-width:440px;padding:12px;border:1px solid var(--ml-colour-border);border-radius:8px;font:inherit}button{font:inherit;cursor:pointer}input:focus-visible{outline:3px solid #7163c4;outline-offset:3px}


/* Approved Wyamate-led landing page. Existing app captures retain Wyamate styling. */
body{font-family:var(--ml-font-sans);background:#fcfbf8;color:#292b55}h1,h2,h3,.price{font-family:var(--ml-font-display);font-style:normal}header{max-width:1240px;border:0;padding:30px 32px}header nav a{text-decoration:none}.notice{background:#292b55;color:white}.wrap{max-width:1180px;padding:64px 32px}.intro{text-align:center;padding-top:52px;padding-bottom:42px}.intro h1{font-size:clamp(40px,5.7vw,72px);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:0 auto 22px}.intro .lead{max-width:560px;margin:0 auto;font-size:20px;color:#55566b}.actions{justify-content:center;gap:24px;margin-top:26px}.button{background:#292b55;border-radius:6px;font-weight:500;padding:13px 24px}.text-link{font-size:15px}.product-view{padding-top:15px}.view-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.view-heading h2{font-size:30px;font-weight:500;margin:0}.view-heading p{font-size:14px;text-align:right;color:#636477;line-height:1.5}.walkthrough{background:#e9eaf3;border:1px solid #dadce9;border-radius:14px;padding:16px}.shot-nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 14px}.shot-nav button{background:transparent;color:#292b55;border:1px solid #bfc1d3;border-radius:6px;padding:10px 16px;font-size:14px;min-height:42px}.shot-nav button[aria-pressed=true]{background:#292b55;color:white;border-color:#292b55}figure{margin:0}figure a{display:block;background:#fff;border-radius:7px;overflow:hidden}#capture{display:block;width:100%;height:auto;max-height:790px;object-fit:contain;object-position:top;background:white}figcaption{padding:15px 8px 0;font-size:14px;line-height:1.5}.capture-note{font-size:12px;color:#6a6c7a;margin-bottom:0}.setup{background:#eeedf4}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.setup h2,.purchase h2{font-size:42px;font-weight:500;line-height:1.1;letter-spacing:-.035em}.setup p{max-width:420px}.kit-list p{padding:18px 0;border-bottom:1px solid #d5d5e0;margin:0}.kit-list p:last-child{border-bottom:0}.kit-list strong,.kit-list span{display:block}.kit-list strong{font-size:17px;font-weight:600}.kit-list span{font-size:14px;color:#5e6072;margin-top:5px}.purchase{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.purchase .small{max-width:350px}.purchase-action{border-left:1px solid #d5d5e0;padding-left:65px}.price{font-size:64px;font-weight:500;margin:0;line-height:1.1}.answers{border-top:1px solid #dedee8;padding-top:42px;max-width:1180px}.answers h2{font-size:25px;font-weight:500}.answers details p{max-width:780px;color:#55566b;font-size:14px}.answers summary{font-size:15px;font-weight:500}footer{max-width:1240px}.prose h1{font-family:var(--ml-font-display)}
@media(max-width:760px){header{padding:22px 20px}.wrap{padding:40px 20px}.intro{padding-top:35px;padding-bottom:28px}.intro h1{font-size:43px}.intro .lead{font-size:17px}.actions{gap:18px}.view-heading{gap:16px;align-items:flex-start}.view-heading h2{font-size:25px}.view-heading p{font-size:12px;margin:0}.product-view{padding-top:10px}.walkthrough{padding:10px;border-radius:10px}.shot-nav{gap:6px}.shot-nav button{font-size:12px;padding:8px 10px}.setup-grid,.purchase{grid-template-columns:1fr;gap:24px}.setup h2,.purchase h2{font-size:34px}.purchase-action{border-left:0;border-top:1px solid #d5d5e0;padding:24px 0 0}.logo{width:126px}header nav{gap:12px;max-width:165px}header nav a{font-size:12px}figcaption{font-size:13px}.capture-note{font-size:12px}.price{font-size:54px}footer{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Seamling dark-brand preview. App captures keep their own UI colours. */
[data-theme="dark"] body{background:var(--ml-colour-canvas);color:var(--ml-colour-ink)}
[data-theme="dark"] .notice{background:var(--ml-colour-brand-surface);color:var(--ml-colour-on-brand-muted)}
[data-theme="dark"] .intro .lead,[data-theme="dark"] .view-heading p,[data-theme="dark"] .kit-list span,[data-theme="dark"] .answers details p{color:var(--ml-colour-text)}
[data-theme="dark"] .small,[data-theme="dark"] .capture-note{color:var(--ml-colour-muted)}
[data-theme="dark"] .button{background:var(--ml-colour-brand);color:var(--ml-colour-canvas)}
[data-theme="dark"] .walkthrough,[data-theme="dark"] .setup,[data-theme="dark"] .legalnav{background:var(--ml-colour-surface)}
[data-theme="dark"] .walkthrough,[data-theme="dark"] .shot-nav button,[data-theme="dark"] .kit-list p,[data-theme="dark"] .purchase-action,[data-theme="dark"] .answers,[data-theme="dark"] details,[data-theme="dark"] footer{border-color:var(--ml-colour-border)}
[data-theme="dark"] .shot-nav button{color:var(--ml-colour-text)}
[data-theme="dark"] .shot-nav button[aria-pressed=true]{background:var(--ml-colour-brand);color:var(--ml-colour-canvas);border-color:var(--ml-colour-brand)}
[data-theme="dark"] .skip:focus{background:var(--ml-colour-surface)}

/* Checkout uses the landing page's display type with a quieter form scale. */
@media(max-width:760px){.view-heading{display:block}.view-heading p{text-align:left;margin:12px 0 0;max-width:none}.view-heading h2{max-width:none}}
.checkout-page{max-width:960px;padding-top:48px;padding-bottom:48px}
.checkout-page h1{font-size:40px;font-weight:500;letter-spacing:-.035em;margin:0 0 36px}
.checkout-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.checkout-intro{font-size:17px;line-height:1.5;margin:0 0 22px;max-width:260px}
.checkout-price{font-family:var(--ml-font-display);font-size:54px;font-weight:500;line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}
.checkout-price-note,.checkout-support{font-size:14px;line-height:1.6;color:#55566b;margin:0}
.checkout-support{margin-top:26px}
.checkout-form{border-left:1px solid #dedee8;padding-left:40px}
.checkout-field{margin-bottom:22px}
.checkout-field label{display:block;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:8px}
.checkout-field input:not([type=checkbox]){max-width:none;min-height:46px;padding:10px 12px;font-size:16px;line-height:1.4;background:#fff}
.checkout-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:#55566b;margin:4px 0 22px}
.checkout-consent input{flex:none;margin:4px 0 0;width:16px;height:16px;accent-color:#292b55}
.checkout-form .button{width:100%;font-size:14px;min-height:46px;padding:12px 20px}
.checkout-allocation{font-size:12px;line-height:1.6;color:#636477;margin:14px 0 0}
.checkout-seller{border-top:1px solid #dedee8;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:32px}
.checkout-seller p{font-size:12px;line-height:1.7;color:#636477;margin:0}
.checkout-test-note{max-width:230px}
@media(max-width:760px){.checkout-page{max-width:520px;padding-top:30px}.checkout-page h1{font-size:34px;margin-bottom:26px}.checkout-grid{grid-template-columns:1fr;gap:28px}.checkout-intro{max-width:none;font-size:16px;margin-bottom:16px}.checkout-price{font-size:46px}.checkout-support{margin-top:16px}.checkout-form{border-left:0;border-top:1px solid #dedee8;padding:26px 0 0}.checkout-seller{margin-top:28px;display:block}.checkout-seller .checkout-test-note{margin-top:14px;max-width:none}}