/* Refer a friend: minimal band */
#website .refer2{padding:clamp(40px,7vh,72px) max(5%,calc((100vw - 1180px)/2));background:#fff}
#website .rf2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,3vw,36px) clamp(24px,4vw,48px);border-radius:24px;border:1.5px solid #e3ded0;background:linear-gradient(90deg,#fdf6e6,#fff 45%)}
#website .rf2-mark{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:#173f2d;color:#fff;box-shadow:0 0 0 10px #f3e6c4;text-align:center}
#website .rf2-mark b{display:block;font:700 44px/1 var(--font-head,'Plus Jakarta Sans',Inter,sans-serif);letter-spacing:-.03em;color:#f3d9a4}
#website .rf2-mark span{display:block;margin-top:2px;font:600 13px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#cfe0d3}
#website .rf2-copy .eyebrow{display:block;margin-bottom:8px}
#website .rf2-copy h2{margin:0 0 10px!important;font-size:clamp(24px,2.4vw,32px)!important;line-height:1.15!important}
#website .rf2-copy h2 span{color:#2f7a4f}
#website .rf2-copy p{margin:0;max-width:56ch;font-size:15.5px;line-height:1.6;color:#4a5347}
#website .rf2-link{white-space:nowrap;font:600 15px Inter,sans-serif;color:#173f2d;text-decoration:none;border-bottom:1.5px solid #cfd8cb;padding-bottom:2px}
#website .rf2-link:hover{border-color:#173f2d}
#website .rf2-link:focus-visible{outline:3px solid #d5a14b;outline-offset:4px}
@media(max-width:860px){#website .rf2{grid-template-columns:1fr;text-align:left;justify-items:start}#website .rf2-mark{width:104px;height:104px}#website .rf2-mark b{font-size:36px}}

/* Get Tuuteez: dark closing panel */
#website .get2{padding:clamp(24px,5vh,56px) max(3%,calc((100vw - 1280px)/2)) clamp(40px,7vh,72px);background:#fff;border:0!important;margin:0!important;display:block!important}
#website .gt2{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:center;gap:32px;padding:clamp(36px,6vw,72px);border-radius:32px;background:radial-gradient(90% 120% at 100% 50%,#2a6045 0%,#173f2d 45%,#0f2e20 100%);color:#e6efe8}
#website .gt2-copy .eyebrow{color:#f3d9a4!important}
#website .gt2-copy h2{margin:10px 0 14px!important;color:#fff!important;font-size:clamp(28px,3.2vw,44px)!important;line-height:1.1!important;max-width:16ch}
#website .gt2-copy>p{margin:0;max-width:48ch;font-size:17px;line-height:1.6;color:#c9dbcf}
#website .gt2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
#website .gt2-web{background:#f3d9a4!important;color:#2f1f05!important;box-shadow:0 3px 0 #b98526!important;min-height:52px;padding:0 24px!important;font-size:16px!important}
#website .gt2-web:hover{background:#f7e8c8!important}
#website .gt2-stores{gap:10px}
#website .gt2-stores .store-badge{border-color:rgba(255,255,255,.22);background:rgba(0,0,0,.35);min-height:52px}
#website .gt2-fine{margin:18px 0 0!important;font-size:13px!important;color:#a9c1b1!important}
#website .gt2-art{position:relative;display:grid;place-items:center;min-height:260px}
#website .gt2-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,92,.45),rgba(255,160,40,.12) 45%,transparent 70%);animation:gtPulse 4s ease-in-out infinite}
#website .gt2-art img{position:relative;width:260px;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));animation:gtFloat 5s ease-in-out infinite}
@keyframes gtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes gtPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@media(max-width:860px){#website .gt2{grid-template-columns:1fr}#website .gt2-art{order:-1;min-height:170px}#website .gt2-art img{width:130px}#website .gt2-glow{width:190px;height:190px}#website .get2{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#website .gt2-art img,#website .gt2-glow{animation:none}}

/* Hero → How it works: soft curved edge with a gold hairline */
#website #home.book-hero::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:clamp(40px,6vw,90px);pointer-events:none;z-index:2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V40C240 8 480 0 720 0s480 8 720 40v50z' fill='%23ffffff'/%3E%3Cpath d='M0 40C240 8 480 0 720 0s480 8 720 40' fill='none' stroke='%23d9b56a' stroke-width='2' stroke-opacity='.55' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
#website .lumi-session{background:#fff!important;position:relative}
#website .lumi-session::before{content:'';position:absolute;left:50%;top:calc(-1 * clamp(40px,6vw,90px) - 19px);width:36px;height:36px;margin-left:-18px;border-radius:50%;background:#fff url("lumi-face-v2.webp") center/24px no-repeat;border:2px solid #e8d4a2;box-shadow:0 6px 16px rgba(120,90,30,.12);z-index:3}
#website #home.book-hero{padding-bottom:clamp(40px,6vw,90px)!important;box-sizing:content-box}

/* Get Tuuteez v3: centred night-sky panel with glowing Lumi */
#website .get3{padding:clamp(24px,5vh,56px) max(3%,calc((100vw - 1280px)/2)) clamp(40px,7vh,72px);background:#fff}
#website .gt3{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,6vw,72px) 20px clamp(36px,5vw,56px);border-radius:32px;
  background:radial-gradient(60% 55% at 50% 22%,rgba(255,186,74,.22),transparent 70%),linear-gradient(180deg,#123526 0%,#173f2d 55%,#0f2e20 100%);color:#e6efe8}
#website .gt3-lumi{position:relative;display:grid;place-items:center;width:200px;height:200px;margin-bottom:18px}
#website .gt3-lumi img{position:relative;z-index:2;width:150px;height:auto;filter:drop-shadow(0 0 22px rgba(255,190,80,.55)) drop-shadow(0 14px 24px rgba(0,0,0,.35));animation:gtFloat 5s ease-in-out infinite}
#website .gt3-glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,100,.55),rgba(255,160,40,.18) 40%,transparent 68%);animation:gtPulse 4s ease-in-out infinite}
#website .gt3-ring{position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(243,217,164,.35);animation:gtRing 4s ease-out infinite}
#website .gt3-ring.r2{animation-delay:2s}
@keyframes gtRing{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.45);opacity:0}}
#website .gt3-sparks i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f3d9a4;opacity:.0;animation:gtSpark 5s ease-in-out infinite}
#website .gt3-sparks i:nth-child(1){left:12%;top:22%;animation-delay:0s}
#website .gt3-sparks i:nth-child(2){left:24%;top:64%;animation-delay:1.2s}
#website .gt3-sparks i:nth-child(3){left:8%;top:78%;animation-delay:2.1s}
#website .gt3-sparks i:nth-child(4){left:86%;top:18%;animation-delay:.6s}
#website .gt3-sparks i:nth-child(5){left:76%;top:58%;animation-delay:1.8s}
#website .gt3-sparks i:nth-child(6){left:92%;top:74%;animation-delay:3s}
#website .gt3-sparks i:nth-child(7){left:36%;top:12%;animation-delay:2.6s}
#website .gt3-sparks i:nth-child(8){left:64%;top:10%;animation-delay:3.6s}
@keyframes gtSpark{0%,100%{opacity:0;transform:translateY(0)}40%{opacity:.9}100%{transform:translateY(-18px)}}
#website .gt3 .eyebrow{color:#f3d9a4!important}
#website .gt3 h2{margin:10px 0 12px!important;color:#fff!important;font-size:clamp(28px,3.4vw,46px)!important;line-height:1.1!important;max-width:18ch}
#website .gt3>p{margin:0;max-width:46ch;font-size:17px;line-height:1.6;color:#c9dbcf}
#website .gt3-web{margin-top:26px;background:#f3d9a4!important;color:#2f1f05!important;box-shadow:0 3px 0 #b98526!important;min-height:54px;padding:0 28px!important;font-size:17px!important}
#website .gt3-web:hover{background:#f7e8c8!important}
#website .gt3-devices{list-style:none;display:flex;gap:22px;margin:22px 0 0;padding:0}
#website .gt3-devices li{display:flex;align-items:center;gap:7px;font:500 14px Inter,sans-serif;color:#c9dbcf}
#website .gt3-devices svg{width:18px;height:18px;fill:none;stroke:#f3d9a4;stroke-width:1.6;stroke-linecap:round}
#website .gt3-apps{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);width:min(100%,560px)}
#website .gt3-apps>span{font:600 12px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a9c1b1}
#website .gt3-stores .store-badge{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.2)}
@media(max-width:600px){#website .gt3-lumi{width:150px;height:150px}#website .gt3-lumi img{width:110px}#website .gt3-devices{gap:14px}}
@media(prefers-reduced-motion:reduce){#website .gt3-lumi img,#website .gt3-glow,#website .gt3-ring,#website .gt3-sparks i{animation:none}#website .gt3-ring{opacity:.4}}

/* Get Tuuteez v4: compact band with the hero's living Lumi */
#website .get4{padding:clamp(20px,4vh,40px) max(3%,calc((100vw - 1280px)/2)) clamp(28px,5vh,56px);background:#fff}
#website .gt4{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,40px);padding:clamp(20px,2.5vw,30px) clamp(24px,3.5vw,44px);border-radius:26px;
  background:radial-gradient(40% 120% at 8% 50%,rgba(255,186,74,.2),transparent 70%),linear-gradient(120deg,#123526,#173f2d 55%,#0f2e20);color:#e6efe8}
#website .gt4-lumi{--lumi-breath:.9;position:relative;display:grid;place-items:center;width:120px;height:136px;flex:none}
#website .gt4-lumi img{position:relative;z-index:2;width:104px;height:auto;filter:drop-shadow(0 0 3px rgba(255,249,199,.95)) drop-shadow(0 0 10px rgba(247,184,60,.72)) drop-shadow(0 0 22px rgba(213,139,25,.44));animation:gtFloat 4.5s ease-in-out infinite}
#website .gt4-lumi canvas{position:relative;z-index:2;width:120px!important;height:136px!important;filter:drop-shadow(0 0 3px rgba(255,249,199,.95)) drop-shadow(0 0 10px rgba(247,184,60,.72)) drop-shadow(0 0 22px rgba(213,139,25,.44))}
#website .gt4-lumi.has-character img{display:none}
#website .gt4-lumi .lumi-aura{position:absolute;z-index:0;left:50%;top:50%;width:130px;height:130px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(var(--lumi-breath));background:radial-gradient(circle,rgba(255,248,188,.8) 0 9%,rgba(255,205,92,.5) 25%,rgba(224,151,38,.22) 48%,rgba(201,129,27,0) 73%);filter:blur(8px);animation:gtAura 3.2s ease-in-out infinite}
#website .gt4-lumi .lumi-sparks{position:absolute;z-index:3;inset:-14px 8px 22px;pointer-events:none}
#website .gt4-lumi .lumi-sparks i{position:absolute;left:var(--x,50%);bottom:18px;width:3px;height:3px;border-radius:50%;background:#fff4ad;box-shadow:0 0 4px #fff8ce,0 0 9px #e9a632;opacity:0;animation:gtEmber 3.4s ease-out infinite}
#website .gt4-lumi .lumi-sparks i:nth-child(1){--x:24%;--drift:-8px;animation-delay:0s}
#website .gt4-lumi .lumi-sparks i:nth-child(2){--x:35%;--drift:7px;animation-delay:-.47s}
#website .gt4-lumi .lumi-sparks i:nth-child(3){--x:44%;--drift:-4px;animation-delay:-.94s}
#website .gt4-lumi .lumi-sparks i:nth-child(4){--x:51%;--drift:8px;animation-delay:-1.41s}
#website .gt4-lumi .lumi-sparks i:nth-child(5){--x:60%;--drift:-7px;animation-delay:-1.88s}
#website .gt4-lumi .lumi-sparks i:nth-child(6){--x:69%;--drift:5px;animation-delay:-2.35s}
#website .gt4-lumi .lumi-sparks i:nth-child(7){--x:77%;--drift:-5px;animation-delay:-2.82s}
@keyframes gtEmber{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-86px) scale(.2)}}
@keyframes gtAura{0%,100%{opacity:.85}50%{opacity:1}}
#website .gt4-copy .eyebrow{color:#f3d9a4!important}
#website .gt4-copy h2{margin:6px 0 6px!important;color:#fff!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.15!important}
#website .gt4-copy p{margin:0;font-size:15px;line-height:1.5;color:#c9dbcf;max-width:none}
#website .gt4-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
#website .gt4-web{justify-content:center;background:#f3d9a4!important;color:#2f1f05!important;box-shadow:0 3px 0 #b98526!important;min-height:50px;padding:0 24px!important;font-size:16px!important;white-space:nowrap}
#website .gt4-web:hover{background:#f7e8c8!important}
#website .gt4-stores{gap:8px;flex-wrap:nowrap}
#website .gt4-stores .store-badge{min-width:0;padding:6px 12px 6px 9px;background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.2)}
#website .gt4-stores .store-badge svg{width:20px;height:20px}
#website .gt4-stores .store-badge b{font-size:14px}
#website .gt4-stores .store-badge small{font-size:9px}
@media(max-width:980px){#website .gt4{grid-template-columns:auto minmax(0,1fr)}#website .gt4-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center}}
@media(max-width:600px){#website .get4{padding-inline:10px}#website .gt4{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 18px}#website .gt4-actions{justify-content:center}#website .gt4-stores{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){#website .gt4-lumi img,#website .gt4-lumi .lumi-aura,#website .gt4-lumi .lumi-sparks i{animation:none}}
/* Live Lumi copies: the canvas takes the image's place */
#website img.lumi-static{display:none!important}
#website canvas.lumi-live{display:inline-block;flex:none;vertical-align:middle}
#website .ls-avatar canvas.lumi-live{width:40px;height:40px}
#website .wc-brand canvas.lumi-live{width:28px;height:28px;margin-right:6px}
#website .pa-note canvas.lumi-live{width:28px;height:28px}
#website .pa-toast canvas.lumi-live{width:26px;height:26px}
#website .arch-lumi{position:absolute;left:50%;top:calc(-1 * clamp(40px,6vw,90px) - 19px);width:36px;height:36px;margin-left:-18px;display:grid;place-items:center;z-index:3;pointer-events:none}
#website .arch-lumi canvas.lumi-live{width:30px;height:30px}
#website .lumi-session:has(.arch-lumi canvas)::before{background-image:none!important}
/* Get Tuuteez: warm sunrise fill instead of dark green */
#website .gt4{background:radial-gradient(40% 130% at 8% 50%,rgba(255,196,92,.35),transparent 70%),linear-gradient(120deg,#fff6e2,#fde8c4 55%,#f9dcaa)!important;border:2px solid #efd4a0;color:#1f2a22}
#website .gt4-copy .eyebrow{color:#8a5a0e!important}
#website .gt4-copy h2{color:#1f2a22!important}
#website .gt4-copy p{color:#5a4a30}
#website .gt4-web{background:#173f2d!important;color:#fff!important;box-shadow:0 3px 0 #0b2619!important}
#website .gt4-web:hover{background:#1f5139!important}
#website .gt4-stores .store-badge{background:#111!important;border-color:#333!important}
#website .gt4-lumi canvas,#website .gt4-lumi img{filter:drop-shadow(0 0 3px rgba(255,249,199,.9)) drop-shadow(0 0 10px rgba(230,150,40,.55)) drop-shadow(0 0 18px rgba(190,110,20,.35))!important}
/* Keep the scrollbar's space reserved so the page doesn't jump when the intro ends */
html{scrollbar-gutter:stable}
/* Get Tuuteez: light moss web-app button */
#website .gt4-web{background:#dfe8cc!important;color:#173f2d!important;border:1.5px solid #bccb9c!important;box-shadow:0 3px 0 #a9bb86!important}
#website .gt4-web:hover{background:#e9f0da!important}
/* Open the web app: same look as the store badges beside it */
#website .gt4-web{background:#111!important;color:#fff!important;border:1px solid #333!important;border-radius:12px!important;box-shadow:none!important;min-height:48px;font:600 16px var(--font-head,Inter,sans-serif)!important;transition:transform .15s,box-shadow .15s}
#website .gt4-web:hover{background:#111!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18)!important}
#website .gt4-web:focus-visible{outline:3px solid #d5a14b;outline-offset:3px}