@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{color-scheme:dark;--bg:#080f20;--text:#ecedf7;--muted:#a0aec5;--purple:#b3a4df;--line:#26334a;font-family:'DM Sans',sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #cab4ff;outline-offset:7px}header{height:82px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0 0 auto;z-index:4}.wordmark{font-weight:600;font-size:25px;letter-spacing:-1px}.wordmark span{color:#93a9ae;font-weight:400}nav{display:flex;gap:25px;align-items:center;font-size:14px;color:#acbdd0}nav button{padding:10px 0;font-size:14px}.garden{position:relative;height:max(760px,100svh);max-height:1100px;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:60px 0 20px;background:radial-gradient(ellipse at 50% 53%,#18344480 0,#0b172a70 38%,transparent 69%)}.plant{width:min(940px,100%);aspect-ratio:900/760;position:relative;transform-origin:50% 100%}.branches{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 20px #0004)}.leaf{position:absolute;width:13.33%;height:7.9%;padding:0;transform-origin:3% 85%;transform:rotate(var(--rotation)) scale(var(--scale));z-index:1;margin-top:-5.9%;touch-action:manipulation;filter:drop-shadow(1px 5px 3px #040c1555)}.leaf svg{display:block;width:100%;height:100%;overflow:visible}.leaf.rustle{animation:rustle .8s cubic-bezier(.2,.8,.2,1)}@keyframes rustle{0%,100%{transform:rotate(var(--rotation)) scale(var(--scale))}25%{transform:rotate(calc(var(--rotation) + 18deg)) scale(var(--scale))}65%{transform:rotate(calc(var(--rotation) - 9deg)) scale(var(--scale))}}.app-fruit{position:absolute;padding:0;z-index:3;width:12.4%;transform-origin:50% -30px;animation:sway 7s ease-in-out infinite;transition:filter .3s}.app-fruit img{width:100%;display:block;aspect-ratio:1;border-radius:26%;box-shadow:inset 0 2px 2px #fff5,0 15px 25px #0007,0 0 50px #9b86fc15;border:2px solid #b6b8ec55;transition:transform .25s,box-shadow .25s}.app-fruit:hover img,.app-fruit:focus-visible img{transform:scale(1.12);box-shadow:0 20px 35px #0007,0 0 50px #a298ef55}.fruit-achiever{left:19.8%;top:25%;--tilt:-9deg}.fruit-timeline{left:67.6%;top:20.4%;--tilt:9deg;animation-delay:-2s}.fruit-uquest{left:54.9%;top:53.5%;--tilt:-6deg;animation-delay:-4s}.fruit-uquest img{background:linear-gradient(145deg,#c5b58b,#a18c60);padding:10%}.fruit-label{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%) rotate(calc(var(--tilt) * -1));display:flex;flex-direction:column;align-items:center;width:190px;pointer-events:none;text-shadow:0 2px 6px #080f20,0 0 18px #080f20}.fruit-label strong{font-size:19px;font-weight:500}.fruit-label small{font-size:12px;color:#b0c0d4;margin-top:5px}.berry{position:absolute;width:6.6%;height:auto;aspect-ratio:70/80;padding:0;z-index:2;transform:translate(-50%,0);transform-origin:50% 0;transition:filter .2s;filter:drop-shadow(0 8px 6px #0005)}.berry svg{width:100%;height:100%;display:block;overflow:visible}.berry:hover{filter:drop-shadow(0 0 12px #999efc99)}.berry.picked{animation:pick .7s ease-in forwards;pointer-events:none}@keyframes pick{0%{translate:0 0;opacity:1}25%{translate:0 -25px;rotate:15deg}100%{translate:0 150px;rotate:90deg;opacity:0}}@keyframes sway{0%,100%{rotate:var(--tilt)}50%{rotate:calc(var(--tilt) + 5deg)}}.soil{position:absolute;bottom:0;left:34%;width:32%;height:5%;background:radial-gradient(ellipse,#608a8644,transparent 70%);z-index:-1}.garden-controls{position:absolute;bottom:24px;left:5%;right:5%;display:flex;gap:14px;align-items:center;color:#9fafc3}.garden-controls button{font-size:27px;width:36px;height:36px}.garden-controls output{font-size:14px;min-width:30px}.down{position:absolute;left:50%;font-size:30px;transform:translateX(-50%);padding:5px 20px}.apps-section{padding:65px 7% 80px;max-width:1500px;margin:auto}.section-heading h1{font-family:'DM Serif Display',Georgia,serif;font-size:46px;letter-spacing:-1px;font-weight:400;margin:0 0 34px}.section-heading h1 span{color:var(--purple)}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-card{padding:0;text-align:left;border:1px solid #ffffff16;border-radius:20px;overflow:hidden;background:#111c2b;transition:transform .25s,border-color .25s}.app-card:hover{transform:translateY(-6px);border-color:#a696bd75}.card-art{height:330px;display:grid;grid-template-rows:120px 210px;overflow:hidden}.achiever-card .card-art{background:#233e4b}.timeline-card .card-art{background:#34344f}.uquest-card .card-art{background:#493c55}.art-caption{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(25px,2.2vw,33px);line-height:1.15;padding:25px 25px 0;position:relative;z-index:1}.art-caption em{color:#b6d7ce}.timeline-card .art-caption em{color:#c9b9e8}.uquest-card .art-caption em{color:#ebbcbe}.art-stage{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:12px}.phone-shot{width:128px;transform:rotate(10deg);border:5px solid #111b2a;border-radius:21px;box-shadow:0 12px 24px #0005}.tablet-shot{width:220px;transform:rotate(-9deg);border:5px solid #18182c;border-radius:16px;box-shadow:0 12px 24px #0005}.owl-stage{align-items:center;padding:5px 0 20px;background:radial-gradient(ellipse,#b99b7733,transparent 68%)}.owl-shot{height:175px;width:190px;object-fit:contain;filter:drop-shadow(0 15px 10px #21172655);transform:rotate(-6deg)}.card-body{padding:24px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title h2{font-size:24px;letter-spacing:-.5px;font-weight:500;margin:0}.round-plus{border:1px solid #59657a;border-radius:50%;width:28px;height:28px;line-height:24px;text-align:center;color:#a6b8cc}.card-body p{font-size:16px;line-height:1.6;color:#aebed0;min-height:52px;margin:14px 0 25px}.card-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:#92a8bc;font-size:12px}.card-meta span:last-child{color:#bed1be}.support{max-width:1290px;margin:0 auto;padding:35px 0 65px;border-top:1px solid #26334a;display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.support h2{font-size:25px;font-weight:500;margin:0 0 14px}.support p{color:#aebed0;line-height:1.7;margin:0;font-size:16px}.support-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.support-links a{padding:14px 20px;border:1px solid #45536b;border-radius:9px;font-size:14px}.support-links a:hover{background:#1c293d}footer{padding:25px 7%;border-top:1px solid #26334a;display:flex;gap:30px;color:#9eb0c5;font-size:14px}footer span{margin-right:auto}.text-button{display:inline-block;padding:12px 0;color:#c4d5c8;border-bottom:1px solid #627363}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:var(--purple);color:#111;padding:15px}.skip:focus{top:10px}
dialog{background:#121b26;color:var(--text);border:1px solid #4a4e61;border-radius:20px;max-width:820px;width:calc(100% - 32px);max-height:88vh;padding:0;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#050811c9;backdrop-filter:blur(8px)}.close-dialog{position:sticky;top:16px;float:right;margin:16px 16px -60px 0;width:40px;height:40px;z-index:3;font-size:28px;background:#101720e8;border:1px solid #738096;border-radius:50%}#dialog-content{padding:42px}.dialog-heading{display:flex;gap:20px;align-items:center;padding-right:30px}.dialog-icon{width:70px;height:70px;border-radius:16px;object-fit:contain}.dialog-heading h2{font-size:42px;margin:0 0 4px}.dialog-heading small{color:#b2a1d2;font-size:12px;letter-spacing:1.3px}.dialog-copy{font-size:16px;line-height:1.85;color:#b7c1cf}.dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.dialog-tags span{background:#23302e;border:1px solid #3e514b;color:#bdd1c6;border-radius:20px;padding:7px 12px;font-size:12px}.primary-link{display:inline-block;padding:13px 20px;background:#b9aacd;color:#141221;font-weight:600;border-radius:7px;margin:4px 10px 15px 0}.gallery{display:flex;gap:16px;overflow:auto;margin-top:25px;padding-bottom:14px;scroll-snap-type:x mandatory}.gallery img{height:340px;max-width:90%;object-fit:contain;border-radius:12px;scroll-snap-align:start;background:#0b111b}.gallery.wide img{height:auto;width:100%;max-width:100%;object-fit:contain}.subheading{font-size:12px;letter-spacing:1.4px;color:#a1bcac;margin-top:30px}.history{border-left:1px solid #627468;padding-left:22px;margin:24px 0}.history p{color:#aeb9c5;line-height:1.6}.history strong{display:block;color:#e0e8e5;font-weight:500}.rabbit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rabbit-item{background:#1d2732;border:1px solid #364356;padding:20px;border-radius:12px;text-align:left}.rabbit-item:hover{border-color:var(--purple)}.rabbit-item b{display:block;margin-bottom:12px;font-size:24px}.rabbit-item span{font-size:14px;line-height:1.7;color:#acb7c6}.rabbit-note{min-height:60px;padding:18px;background:#222338;border-radius:10px;margin-top:20px;color:#d6c7eb;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 30px);width:max-content;background:#26332d;border:1px solid #6b826e;padding:15px 22px;z-index:20;border-radius:12px;box-shadow:0 12px 40px #0008;color:#e0ebd8;font-size:14px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:var(--purple);color:#111;padding:15px}.skip:focus{top:10px}@keyframes breeze{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes flicker{0%,100%{opacity:.55}50%{opacity:1}}.still *{animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
#dialog-content>h2{font-size:34px;font-weight:500}.support{width:86%}.still .berry.picked{opacity:0}.still .leaf,.still .app-fruit{animation:none!important}.still .app-fruit{rotate:var(--tilt)}
@media(max-width:760px){header{height:70px;padding:0 5%}.wordmark{font-size:22px}nav{gap:17px;font-size:13px}nav button{font-size:13px}.garden{height:800px;min-height:100svh;max-height:1000px;padding-top:50px;align-items:center}.plant{width:130%;min-width:130%;transform:translateY(10px)}.fruit-achiever{left:18.75%;top:25%;width:14.5%}.fruit-timeline{left:66.5%;top:20.4%;width:14.5%}.fruit-uquest{left:53.86%;top:53.5%;width:14.5%}.fruit-label{width:145px;top:calc(100% + 12px)}.fruit-label strong{font-size:16px}.fruit-label small{font-size:11px;margin-top:3px}.leaf{filter:drop-shadow(0 3px 3px #040c1533)}.berry{width:7.5%}.garden-controls{bottom:28px;left:7%;right:7%}.apps-section{padding:35px 7% 55px}.section-heading h1{font-size:34px;line-height:1.15;max-width:300px}.app-grid{grid-template-columns:1fr;gap:25px}.card-art{height:350px;grid-template-rows:120px 230px}.art-caption{font-size:31px;padding:24px 25px 0}.phone-shot{width:145px}.tablet-shot{width:245px}.owl-shot{width:210px;height:200px}.card-body p{min-height:0}.support{grid-template-columns:1fr;gap:25px;padding:32px 0 50px}.support-links{gap:10px}.support-links a{padding:13px 16px}footer{gap:22px}#dialog-content{padding:35px 23px}.dialog-heading{padding-top:20px;gap:14px}.dialog-heading h2{font-size:32px}.dialog-heading small{font-size:11px}.dialog-icon{width:55px;height:55px}.gallery img{height:270px}.primary-link{font-size:14px}.dialog-copy{font-size:16px}}
@media(min-width:761px) and (max-height:850px){.garden{height:850px}.plant{width:840px}}
@media(prefers-reduced-motion:reduce){.berry.picked{opacity:0}.app-fruit{rotate:var(--tilt)}}

/* Harvest controls and fruit regrowth */
.garden-controls{justify-content:center;bottom:25px;z-index:4;pointer-events:none}
.harvest-panel{display:flex;align-items:center;gap:25px;padding:13px 15px 13px 23px;background:#192b3de8;border:1px solid #728fa66b;border-radius:18px;box-shadow:0 8px 30px #0005;backdrop-filter:blur(12px);pointer-events:auto}
.harvest-count{display:flex;align-items:center;gap:11px;color:#e3e9f7}
.harvest-count #harvest{font-size:30px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;min-width:23px}
.harvest-count>span{font-size:14px;color:#bfcbdd}
.harvest-panel #regrow{display:flex;align-items:center;gap:8px;width:auto;height:auto;min-height:44px;padding:10px 14px;border:1px solid #889bac65;border-radius:11px;font-size:14px;color:#e8edf4;background:#30475a}
.harvest-panel #regrow:hover{background:#405e73;border-color:#bacce2}
.harvest-panel #regrow>span{font-size:23px;line-height:1}
.garden-controls .down{left:auto;right:0;transform:none;pointer-events:auto}
.berry.growing{animation:fruit-grow .8s cubic-bezier(.2,.8,.3,1.2) both}
@keyframes fruit-grow{0%{scale:.05;opacity:0}65%{scale:1.15;opacity:1}100%{scale:1;opacity:1}}
@media(max-width:760px){.harvest-panel{gap:14px;padding:11px 12px 11px 17px;border-radius:16px}.harvest-count{gap:8px}.harvest-count #harvest{font-size:26px}.harvest-count>span{font-size:12px}.harvest-panel #regrow{font-size:12px;padding:9px 11px}.garden-controls .down{display:none}nav{gap:14px}}
@media(max-width:370px){header{padding:0 4%}.wordmark{font-size:20px}nav{gap:11px;font-size:12px}nav button{font-size:12px}}

/* Sentence-style contact picker */
.support{grid-template-columns:1fr 2.2fr;align-items:start;padding-top:45px}
.contact-form{min-width:0}
.contact-sentence{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:23px;line-height:1.8;color:#d9e2ed}
.select-wrap{display:inline-flex;position:relative;max-width:100%;border-bottom:1px solid #a99bc9}
.select-wrap:after{content:'⌄';position:absolute;right:9px;top:4px;font-size:19px;color:#b9a5dc;pointer-events:none}
.select-wrap select{appearance:none;font:inherit;color:#c8b6ec;background:#20253b;border:0;border-radius:6px 6px 0 0;padding:5px 37px 5px 12px;max-width:100%;cursor:pointer}
.select-wrap select:focus-visible{outline:2px solid #c5afe9;outline-offset:4px}
.select-wrap select:hover{background:#2b304a}
.select-wrap option{font-size:16px;background:#192333;color:#edf0f7}
.contact-action{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:28px}
.contact-action a{padding:12px 23px;background:#b9a8d6;color:#141827;border:1px solid #d3c1ed;border-radius:9px;font-size:15px;font-weight:600;transition:background .2s}
.contact-action a:hover{background:#d0bfea}
.contact-action>span{font-size:12px;color:#9baec4}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.support{grid-template-columns:1fr;gap:16px}.contact-sentence{font-size:19px;gap:9px}.select-wrap select{padding:5px 32px 5px 10px}.contact-action{margin-top:23px}}

/* Garden identity and balanced contact action */
.wordmark{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:0}
.brand-berry{width:40px;height:44px;transform:rotate(-12deg);transition:transform .25s;flex-shrink:0}
.wordmark:hover .brand-berry{transform:rotate(2deg)}
.wordmark .brand-name{display:flex;align-items:baseline;gap:1px}
.wordmark .brand-barry{font-family:'DM Serif Display',Georgia,serif;font-size:34px;font-style:italic;letter-spacing:-1.4px;color:#e5ddf7;line-height:1}
.wordmark .brand-garden{font-size:20px;letter-spacing:-.6px;color:#a5c6bb}
.contact-form{width:fit-content;max-width:100%}
.contact-action{justify-content:center;flex-direction:column;gap:10px;text-align:center;width:100%}
.contact-action a{min-width:145px}
@media(max-width:760px){.brand-berry{width:29px;height:34px}.wordmark{gap:5px}.wordmark .brand-barry{font-size:27px}.wordmark .brand-garden{font-size:16px}.contact-form{width:100%}}
@media(max-width:370px){.brand-berry{width:24px;height:29px}.wordmark .brand-barry{font-size:24px}.wordmark .brand-garden{font-size:14px}nav{gap:9px}}

/* Privacy policies */
.privacy{max-width:1290px;margin:0 auto;padding:35px 0 65px;border-top:1px solid #26334a;display:grid;grid-template-columns:1fr 1.4fr;gap:40px}
.privacy h2{font-size:25px;font-weight:500;margin:0}
.privacy-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.privacy-link{min-width:0;padding:17px 18px;text-align:left;border:1px solid #45536b;border-radius:10px;background:#111a29;transition:background .2s,border-color .2s,transform .2s}
.privacy-link:hover{background:#1c293d;border-color:#7d7299;transform:translateY(-2px)}
.privacy-link span{display:block;font-size:15px;font-weight:600;color:#e4e7f2}
.privacy-link small{display:block;margin-top:5px;font-size:11px;color:#a898cb;letter-spacing:.35px}
.privacy-dialog-heading{padding-right:48px;margin-bottom:28px}
.privacy-dialog-heading small{display:block;color:#b2a1d2;font-size:11px;letter-spacing:1.4px;margin-bottom:8px}
.privacy-dialog-heading h2{font-size:42px;line-height:1.05;margin:0 0 9px}
.privacy-dialog-heading p{margin:0;color:#93a5b8;font-size:13px}
.privacy-policy h3{font-size:17px;font-weight:600;margin:28px 0 8px;color:#e7eaf3}
.privacy-policy p,.privacy-policy li{font-size:15px;line-height:1.8;color:#b7c1cf}
.privacy-policy p{margin:0 0 14px}
.privacy-policy ul{margin:8px 0 16px;padding-left:22px}
.privacy-policy strong{color:#e4e9f0;font-weight:600}
.privacy-policy a{color:#cfbdf0;border-bottom:1px solid #776b92}
.privacy-policy .privacy-closing{margin-top:28px;color:#d5dce7}
@media(max-width:760px){.privacy{grid-template-columns:1fr;gap:20px;padding:32px 0 50px}.privacy-links{grid-template-columns:1fr}.privacy-dialog-heading h2{font-size:32px}.privacy-policy h3{margin-top:24px}}
