.hs-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.hs{position:relative;margin:4px auto 0;max-width:640px}
.hs-v{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0b271f;box-shadow:0 18px 40px -18px #000c,0 0 0 1px #ffffff1f;touch-action:pan-y}
.hs-s{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}
.hs-s.on{opacity:1;visibility:visible;transition:opacity .7s ease}
.hs-s img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}
.hs-c{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.hs-d{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#ffffff55;cursor:pointer;transition:width .3s,background .3s}
.hs-d.on{width:24px;background:var(--lime,#c8f169)}
.hs-a{width:30px;height:30px;padding:0;border:1px solid #ffffff33;border-radius:50%;background:#ffffff14;color:#fff;font:400 20px/1 system-ui,sans-serif;cursor:pointer}
.hs-a:hover{background:#ffffff2b}
.hs a:focus-visible,.hs button:focus-visible{outline:2px solid var(--lime,#c8f169);outline-offset:3px}
.zone .hero{position:relative}
.hs-bg{position:absolute;top:0;bottom:-40px;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:0;pointer-events:none;background:#0b271f;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}
.hs-bg i{position:absolute;inset:-8%;background:center/cover no-repeat;filter:blur(48px) saturate(1.25);opacity:0;transition:opacity 1s ease}
.hs-bg i.on{opacity:.85}
.hs-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 55% at 50% 30%,#0b271f1a,#0b271fb3)}
.hb-box{position:relative;margin:18px auto 0;max-width:640px;padding:12px 10px 10px;border-radius:22px;background:linear-gradient(180deg,#123d30,#0b2a20);border:1.5px solid #c8f1698c;box-shadow:0 0 0 4px #c8f16912,0 0 34px -8px #c8f16955,0 24px 46px -24px #000;-webkit-backdrop-filter:none;backdrop-filter:none}
.hb-box::before{content:"";position:absolute;left:18%;right:18%;top:-1.5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#c8f16900,var(--lime,#c8f169),#c8f16900);pointer-events:none}
.hb-t{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px;font:700 15px/1.3 var(--f-head,inherit);color:var(--lime,#c8f169)}.hb-t::before,.hb-t::after{content:"";flex:0 1 38px;height:1px;background:linear-gradient(90deg,#c8f16900,#c8f169aa)}.hb-t::after{transform:scaleX(-1)}
.hero .hb-box .btns.hb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:0}
.hero .btns.hb .btn{grid-column:auto;cursor:pointer;font-family:inherit;font-weight:700;flex-direction:column;justify-content:center;gap:7px;height:auto;min-height:76px;padding:10px 4px;border-radius:16px;border:1px solid #2f6a53;background:#0f3327;color:#fff;box-shadow:inset 0 1px 0 #ffffff14;font-size:12.5px;line-height:1.25;text-align:center;white-space:normal;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}
.hero .btns.hb .btn:hover{transform:translateY(-3px);border-color:#c8f16980;background:linear-gradient(180deg,#c8f16926,#ffffff08);box-shadow:0 14px 26px -16px #c8f169aa,inset 0 1px 0 #ffffff26}
.hero .btns.hb .btn.on{background:linear-gradient(180deg,#d8ff7c,var(--lime,#c8f169));color:var(--lime-ink,#0b271f);border-color:#ffffff66;box-shadow:0 12px 26px -14px var(--lime,#c8f169),inset 0 1px 0 #ffffffaa}
.hb-i{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#c8f16924;box-shadow:inset 0 0 0 1px #c8f16955;color:var(--lime,#c8f169)}
.hb .btn.on .hb-i{background:#0b271f1f;box-shadow:inset 0 0 0 1px #0b271f33;color:var(--lime-ink,#0b271f)}
.hero .btns.hb .btn svg{width:17px;height:17px}
.hero .btns.hb .btn:hover svg{transform:none}
@media(min-width:701px){.hb-box{padding:14px}.hero .hb-box .btns.hb{gap:10px}.hero .btns.hb .btn{flex-direction:row;min-height:0;height:56px;padding:0 12px;font-size:14px;white-space:nowrap}}
@media(min-width:1140px){.hero .btns.hb .btn{height:calc(56*var(--u));font-size:calc(14.5*var(--u))}}
.hb-panel{margin-top:12px;text-align:left}
.hb-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hb-card{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px 10px 10px;border-radius:15px;border:1px solid #2f6a53;background:#0f3327;box-shadow:inset 0 1px 0 #ffffff14;color:#fff}
.hb-card h3{margin:0;font:700 14.5px/1.3 var(--f-head,inherit);color:#fff}
.hb-has{margin:0;font-size:11px;line-height:1.5;color:#ffffffb8}
.hb-price{margin:auto 0 0;font-size:13px;color:#ffffff99}.hb-price b{font-size:18px;color:var(--lime,#c8f169)}.hb-price s{margin-left:4px}
.hb-buy{display:flex;align-items:center;justify-content:center;height:36px;margin-top:2px;border-radius:10px;background:linear-gradient(180deg,#d8ff7c,var(--lime,#c8f169));color:var(--lime-ink,#0b271f);font-weight:700;font-size:12.5px;white-space:nowrap;box-shadow:0 10px 20px -14px var(--lime,#c8f169)}
.hb-more{text-align:center;font-size:11.5px;color:#ffffffc0;text-decoration:underline;text-underline-offset:3px}
.hb-wait{grid-column:1/-1;align-items:center;justify-content:center;min-height:120px;font-weight:700;color:var(--lime,#c8f169)}
@media(min-width:701px){.hb-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hb-all{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;margin-top:10px;border-radius:12px;border:1px solid #c8f16999;background:#c8f16914;color:var(--lime,#c8f169);font-weight:700;font-size:14px}
.hb-all:hover{background:#c8f16926}
.hb-all[hidden]{display:none}
.hb-card{position:relative;transition:transform .25s,border-color .25s,box-shadow .25s}
.hb-go{color:inherit}.hb-go::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0}
.hb-buy,.hb-more{position:relative;z-index:1}
.hb-card:hover{transform:translateY(-2px);border-color:#c8f16966;box-shadow:0 14px 26px -18px #c8f169aa,inset 0 1px 0 #ffffff1c}
.hb-go:focus-visible{outline:none}.hb-card:has(.hb-go:focus-visible){outline:2px solid var(--lime,#c8f169);outline-offset:2px}
.hb-row.hb-scroll{max-height:452px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c8f16999 #ffffff10;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000);padding-bottom:28px}
.hb-row.hb-scroll::-webkit-scrollbar{width:5px}.hb-row.hb-scroll::-webkit-scrollbar-thumb{background:#c8f16999;border-radius:9px}.hb-row.hb-scroll::-webkit-scrollbar-track{background:#ffffff10;border-radius:9px}
@media(max-width:700px){
main .stat{padding:14px 10px 12px}
main .stat b{font-size:28px;line-height:1.15}
main .stat span{font-size:12px}
main a.ucard{padding:11px 11px 10px}
main .uc-s{font-size:19px}
main .uc-n{font-size:12px;line-height:1.35}
main .uc-c{font-size:11.5px;line-height:1.35}
main .uc-pill{margin-top:6px;font-size:11.5px}
main .uc-arrow{width:24px;height:24px}
main a.col{padding:18px 18px 150px}
main a.col .col-title{font-size:24px;margin-top:8px}
main a.col p{font-size:14px;line-height:1.55}
main a.col .tags span{font-size:12px;padding:4px 10px}
main a.col strong{margin-top:14px}
main a.col .fan{transform:scale(.8);transform-origin:50% 100%}
main div.step .num{width:44px;height:44px;font-size:14px}
main div.step h3{font-size:19px}
main div.step p{font-size:14px}
main #faq summary{font-size:16px;padding:14px 0}
main #faq details p{font-size:14px}
main .sec{padding-top:36px}
main #universities{padding-block:40px}
}
.fc{position:relative;padding:14px 14px 12px}
.fc .combo-tag{position:absolute;top:12px;right:12px;margin:0;font-size:11px;padding:2px 8px}
.fc h3{margin:0;padding-right:96px;font-size:20px}
.fc-go{color:inherit}.fc-go::after{content:"";position:absolute;inset:0;border-radius:inherit}
.fc .combo-for{display:none}
.fc .combo-tests{margin-top:8px;padding:5px 9px;font-size:12px;line-height:1.5}
.fc-row{position:relative;z-index:1;display:grid;grid-template-columns:1.7fr 1fr;gap:8px;margin-top:10px}
main .fc .combo-buy{height:40px;margin:0;padding:0 8px;font-size:13.5px;white-space:nowrap}
.fc-det{display:flex;align-items:center;justify-content:center;height:40px;border-radius:12px;border:1.5px solid #c8f16999;color:var(--lime,#c8f169);font-weight:700;font-size:14px;background:#c8f16910}
.fc-det:hover{background:#c8f16924}
.fc{transition:transform .25s,box-shadow .25s}.fc:hover{transform:translateY(-2px)}
.fc:has(.fc-go:focus-visible){outline:2px solid var(--lime,#c8f169);outline-offset:2px}.fc-go:focus-visible{outline:none}
.ug>summary{padding:6px 0;gap:12px}
.ug>summary .ug-h{margin:0}
.ug+.ug{margin-top:14px}
.ug[open]>summary{margin-bottom:12px}
.ug>summary::after{width:34px;height:34px;font-size:20px;border:1.5px solid #c8d9b0}
@media(max-width:700px){
main .pitch .point,main .why .point{padding:14px 14px 13px;border-radius:16px}
main .pitch .point span,main .why .point span{padding:2px 9px;font-size:11.5px}
main .pitch .point h3,main .why .point h3{margin-top:8px;font-size:17px;line-height:1.35}
main .pitch .point p,main .why .point p{margin-top:4px;font-size:13.5px;line-height:1.6}
main .why:not(.pitch){grid-template-columns:1fr 1fr;gap:10px}
main .why:not(.pitch) .point h3{font-size:15px}
main .why:not(.pitch) .point p{font-size:12.5px}
main .pitch{gap:10px}
main a.col{padding:16px 16px 136px}
main a.col .tag{font-size:10.5px}
main a.col .col-title{font-size:22px;margin-top:6px}
main a.col p{font-size:13px;line-height:1.55}
main a.col .tags{gap:6px;margin-top:8px}
main a.col .tags span{font-size:11px;padding:3px 9px}
main a.col strong{margin-top:10px;font-size:14px}
main a.col .fan{transform:scale(.66)}
main .about .split2{gap:8px}
main .about h2{font-size:24px;margin-top:10px}
main .about p{font-size:14.5px;line-height:1.7}
main .sec.about{padding-block:30px 24px}
}
.path .step{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;background:linear-gradient(160deg,#ffffff,#f3f8e6);border:1px solid #d9e8bf;box-shadow:0 14px 30px -22px #0b271f66,inset 0 1px 0 #fff}
.path .step::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:linear-gradient(var(--lime,#c8f169),#2f8f5f)}
.path .step .num{flex:none;width:46px;height:46px;font-size:15px;background:linear-gradient(145deg,#1d5c46,#0b271f);color:var(--lime,#c8f169);box-shadow:0 0 0 4px #c8f16933,0 8px 18px -8px #0b271f}
.path .step h3{margin:2px 0 4px;font-size:18px}
.path .step p{margin:0;font-size:13.5px;line-height:1.55}
@media(max-width:700px){.path{gap:10px}}
/* Colour cards (owner, 14 Nov 2026): four tints from the brand's own greens, in turn: lime, mint, sage, forest (dark) */
.ug-grid>.rv:nth-child(4n+1) .ucard,.pitch>.rv:nth-child(4n+1) .point,.why:not(.pitch)>.rv:nth-child(4n+1) .point,.path>.step:nth-child(4n+2){--t-bg:linear-gradient(160deg,#f6fce6,#e4f4bd);--t-bd:#cde694;--t-ac:#c8f169;--t-ai:#0b271f}
.ug-grid>.rv:nth-child(4n+2) .ucard,.pitch>.rv:nth-child(4n+2) .point,.why:not(.pitch)>.rv:nth-child(4n+2) .point,.path>.step:nth-child(4n+3){--t-bg:linear-gradient(160deg,#f0fbf4,#d3efdd);--t-bd:#a6dbb9;--t-ac:#3fae72;--t-ai:#fff}
.ug-grid>.rv:nth-child(4n+3) .ucard,.pitch>.rv:nth-child(4n+3) .point,.why:not(.pitch)>.rv:nth-child(4n+3) .point,.path>.step:nth-child(4n+4){--t-bg:linear-gradient(160deg,#eff8f5,#d1ebe3);--t-bd:#9fd0c2;--t-ac:#1f8a74;--t-ai:#fff}
.ug-grid>.rv:nth-child(4n+4) .ucard,.pitch>.rv:nth-child(4n+4) .point,.why:not(.pitch)>.rv:nth-child(4n+4) .point,.path>.step:nth-child(4n+5){--t-bg:linear-gradient(160deg,#21634b,#123d30);--t-bd:#2f7a5e;--t-ac:#c8f169;--t-ai:#0b271f;--t-dark:1}
main .ug-grid .ucard,main .pitch .point,main .why .point,main .path .step{background:var(--t-bg);border:1px solid var(--t-bd);box-shadow:0 14px 28px -22px #0b271f80,inset 0 1px 0 #ffffffaa}
main .ug-grid .ucard .uc-arrow{background:var(--t-ac);color:var(--t-ai)}
main .ug-grid .ucard .uc-pill{border-color:var(--t-ac);background:#ffffff8c}
main .pitch .point span,main .why .point span{background:var(--t-ac);color:var(--t-ai);border-color:transparent;font-weight:700}
main .path .step::before{background:var(--t-ac)}
main .path .step .num{background:linear-gradient(145deg,#1d5c46,#0b271f);color:var(--t-ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--t-ac) 30%,transparent),0 8px 18px -8px #0b271f}
/* the forest card is dark: light words on it */
.ug-grid>.rv:nth-child(4n+4) .ucard *,.pitch>.rv:nth-child(4n+4) .point :is(h3,p),.why:not(.pitch)>.rv:nth-child(4n+4) .point :is(h3,p),.path>.step:nth-child(4n+5) :is(h3,p){color:#eef6dc}
.ug-grid>.rv:nth-child(4n+4) .ucard .uc-s{color:var(--lime,#c8f169)}
.ug-grid>.rv:nth-child(4n+4) .ucard .uc-pill{background:#ffffff14;color:var(--lime,#c8f169)}
.ug-grid>.rv:nth-child(4n+4) .ucard .uc-arrow{color:#0b271f}
.path>.step:nth-child(4n+5) .num{background:var(--lime,#c8f169);color:#0b271f}
.path>.step:nth-child(4n+5) h3{color:var(--lime,#c8f169)}
/* the coloured cards in night mode: the same four greens, dark, with light words */
[data-theme=dark] .ug-grid>.rv:nth-child(4n+1) .ucard,[data-theme=dark] .pitch>.rv:nth-child(4n+1) .point,[data-theme=dark] .why:not(.pitch)>.rv:nth-child(4n+1) .point,[data-theme=dark] .path>.step:nth-child(4n+2){--t-bg:linear-gradient(160deg,#2a3d15,#1a290d);--t-bd:#4f6f22}
[data-theme=dark] .ug-grid>.rv:nth-child(4n+2) .ucard,[data-theme=dark] .pitch>.rv:nth-child(4n+2) .point,[data-theme=dark] .why:not(.pitch)>.rv:nth-child(4n+2) .point,[data-theme=dark] .path>.step:nth-child(4n+3){--t-bg:linear-gradient(160deg,#16422f,#0e2d20);--t-bd:#2d6d4e;--t-ac:#4cc88a;--t-ai:#0b271f}
[data-theme=dark] .ug-grid>.rv:nth-child(4n+3) .ucard,[data-theme=dark] .pitch>.rv:nth-child(4n+3) .point,[data-theme=dark] .why:not(.pitch)>.rv:nth-child(4n+3) .point,[data-theme=dark] .path>.step:nth-child(4n+4){--t-bg:linear-gradient(160deg,#143f3d,#0d2b2a);--t-bd:#2a6866;--t-ac:#3cc0a3;--t-ai:#0b271f}
[data-theme=dark] .ug-grid>.rv:nth-child(4n+4) .ucard,[data-theme=dark] .pitch>.rv:nth-child(4n+4) .point,[data-theme=dark] .why:not(.pitch)>.rv:nth-child(4n+4) .point,[data-theme=dark] .path>.step:nth-child(4n+5){--t-bg:linear-gradient(160deg,#1f5a44,#0f3327);--t-bd:#3b8a6a}
[data-theme=dark] main .ug-grid .ucard,[data-theme=dark] main .pitch .point,[data-theme=dark] main .why .point,[data-theme=dark] main .path .step{box-shadow:0 14px 28px -20px #000,inset 0 1px 0 #ffffff14}
[data-theme=dark] main .ug-grid .ucard *,[data-theme=dark] main :is(.pitch,.why) .point :is(h3,p),[data-theme=dark] main .path .step :is(h3,p){color:#eef6dc}
[data-theme=dark] main .ug-grid .ucard :is(.uc-n,.uc-c),[data-theme=dark] main :is(.pitch,.why) .point p,[data-theme=dark] main .path .step p{color:#cfdcc0}
[data-theme=dark] main .ug-grid .ucard .uc-s{color:var(--t-ac)}
[data-theme=dark] main .ug-grid .ucard .uc-pill{background:#ffffff12;color:var(--t-ac);border-color:var(--t-ac)}
[data-theme=dark] main .ug-grid .ucard .uc-arrow,[data-theme=dark] main :is(.pitch,.why) .point span{color:var(--t-ai)}
[data-theme=dark] .path>.step:nth-child(4n+5) h3,[data-theme=dark] .ug-grid>.rv:nth-child(4n+4) .ucard .uc-s{color:var(--lime,#c8f169)}