:root{--paper:#f5f7ee;--ink:#1d2a20;--green:#284e38;--muted:#778073;--orange:#f18453;--line:#dce2d6;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,'DM Sans',sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font-family:var(--sans);-webkit-font-smoothing:antialiased}.page-shell{height:100svh;min-height:690px;max-width:1600px;margin:auto;padding:0 6.1%;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(ellipse at 77% 49%,rgba(224,232,209,.43),transparent 33%),var(--paper)}.topbar{height:84px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(35,62,42,.11);z-index:3}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:800;font-size:27px;letter-spacing:-1.4px}.brand-mark{width:35px;height:35px;border-radius:12px;background:var(--green);display:grid;place-items:center}.brand-mark svg{width:27px;fill:none;stroke:#ddebba;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-period{color:#da8052}.top-note{font-size:12px;letter-spacing:.04em;color:#697568}.sparkle{font-size:15px;color:#d87950;margin-right:6px}.top-cta{color:var(--green);font-size:13px;font-weight:700;text-decoration:none;border:1px solid #b8c5b5;padding:11px 18px;border-radius:99px;transition:.2s}.top-cta:hover{background:var(--green);color:white}.hero{flex:1;min-height:0;display:grid;grid-template-columns:48% 52%;align-items:center;padding:16px 0 6px}.hero-copy{position:relative;z-index:2;padding-bottom:8px}.eyebrow{font-weight:700;color:#77856d;font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:9px}.eyebrow>span{display:inline-block;width:21px;height:1px;background:#d97e51}.hero h1{font:500 clamp(52px,5.25vw,78px)/1.02 var(--display);letter-spacing:-.065em;margin:21px 0 17px;color:#203a2a}.hero h1 em{font-family:var(--serif);font-weight:400;color:#dc8155;letter-spacing:-.055em}.intro{font-size:16px;line-height:1.65;color:#687468;max-width:430px;margin:0}.cta-row{display:flex;align-items:center;gap:17px;margin-top:25px}.app-store{height:55px;min-width:169px;background:#223a2a;color:white;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 16px;text-decoration:none;box-shadow:0 6px 14px #243c2b24;transition:transform .2s,background .2s}.app-store:hover{transform:translateY(-2px);background:#31533b}.app-store svg{width:25px;height:25px;fill:white}.app-store span{display:flex;flex-direction:column;line-height:1.1}.app-store small{font-size:9px;opacity:.78}.app-store strong{font-size:17px;font-weight:600;letter-spacing:-.03em;margin-top:3px}.free-note{font-size:11px;color:#7a8377}.check{color:#63866b;font-size:14px;margin-right:4px}.trust-row{display:flex;align-items:center;gap:12px;margin-top:34px}.trust-icons{display:flex;padding-left:3px}.trust-icons span{width:29px;height:29px;margin-left:-3px;border-radius:50%;background:#e4eadb;border:2px solid var(--paper);display:grid;place-items:center;font-size:13px}.trust-icons span:nth-child(2){background:#e3eee9}.trust-icons span:nth-child(3){background:#f2e5d9}.trust-row p{font-size:10px;line-height:1.55;color:#899084;margin:0}.trust-row strong{font-size:11px;color:#596a5b;font-weight:700}
.hero-art{height:min(100%,600px);min-height:420px;position:relative;display:grid;place-items:center;isolation:isolate}.sun-disc{position:absolute;width:min(39vw,480px);height:min(39vw,480px);border-radius:50%;background:#e6ebdc;right:6%;top:50%;transform:translateY(-50%);z-index:-3}.orbit{position:absolute;border:1px solid #cbd6c4;border-radius:50%;z-index:-2}.orbit-one{width:440px;height:440px;right:12%;top:50%;transform:translateY(-50%) rotate(-24deg);border-style:dashed;opacity:.56}.orbit-two{width:530px;height:335px;right:0;top:49%;transform:translateY(-50%) rotate(29deg);border-color:#d9dfd1;opacity:.68}.phone{width:240px;height:475px;border:7px solid #253d2b;border-radius:35px;background:#eff3e9;box-shadow:9px 17px 34px #26392a26,0 0 0 2px #aab7a7;position:relative;z-index:2;padding:15px 14px 13px;transform:rotate(4deg);display:flex;flex-direction:column}.phone:before{content:'';position:absolute;inset:0;border-radius:28px;border:1px solid #ffffffa8;pointer-events:none}.phone-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:62px;height:15px;border-radius:15px;background:#203828}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:0 5px 0;margin-top:1px;font-size:8px;font-weight:700;color:#314633}.phone-heading{font:500 21px/1.05 var(--display);letter-spacing:-.055em;margin:24px 2px 13px;color:#304b36}.phone-heading strong{font-weight:800}.camera-view{height:293px;border-radius:17px;background:radial-gradient(ellipse at 50% 35%,#a2b98c 0,#738e67 40%,#455f48 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 20px #1c352d45}.camera-glow{position:absolute;inset:14% 14% 19%;background:radial-gradient(ellipse,#d5d9a7ad,transparent 65%);filter:blur(7px)}.camera-leaf{position:absolute;z-index:1;background:linear-gradient(145deg,#acc07f,#506f4d);border:1px solid #d0d5a07a;box-shadow:4px 8px 12px #263c2c5c}.leaf-a{width:77px;height:143px;left:43px;top:67px;border-radius:100% 0 100% 0;transform:rotate(-39deg)}.leaf-b{width:67px;height:126px;right:33px;top:44px;border-radius:0 100% 0 100%;transform:rotate(38deg);background:linear-gradient(145deg,#d0ce91,#64805a)}.leaf-c{width:57px;height:113px;left:94px;top:102px;border-radius:100% 0 100% 0;transform:rotate(8deg);background:linear-gradient(145deg,#bcc38b,#718d64)}.corner{position:absolute;width:15px;height:15px;border-color:#f4f3d9;border-style:solid;z-index:2}.c1{top:18px;left:18px;border-width:1.5px 0 0 1.5px}.c2{top:18px;right:18px;border-width:1.5px 1.5px 0 0}.c3{bottom:18px;left:18px;border-width:0 0 1.5px 1.5px}.c4{bottom:18px;right:18px;border-width:0 1.5px 1.5px 0}.scan-line{position:absolute;left:15%;right:15%;top:43%;height:1px;background:#e5f0c9;box-shadow:0 0 7px 2px #d3e4a7;opacity:.78;z-index:2}.identify-chip{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;border-radius:30px;background:#edf2e4e8;padding:8px 12px;color:#324a36;font-size:9px;font-weight:700;box-shadow:0 2px 8px #243a3344}.identify-chip span{color:#e37e4d;margin-right:5px}.phone-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0}.gallery-icon,.flip-icon{color:#74866b;font-size:17px}.shutter{width:36px;height:36px;border-radius:50%;border:2px solid #506b4d;display:grid;place-items:center}.shutter i{width:27px;height:27px;border-radius:50%;background:#75916d}.floating-note{position:absolute;border:1px solid #e2e6dc;background:#fafbf7;border-radius:30px;padding:11px 15px;font-size:10px;color:#526353;box-shadow:0 7px 24px #283c2510;z-index:4}.note-left{top:18%;left:9%;transform:rotate(-5deg)}.note-left span{color:#e27e4e;margin-right:4px}.note-right{right:1%;top:30%;transform:rotate(4deg)}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83a06e;margin:0 5px 1px 0;box-shadow:0 0 0 3px #83a06e23}.specimen{position:absolute;z-index:3;width:70px;height:73px;border-radius:18px;background:#fafbf7d9;box-shadow:0 10px 27px #263d2519;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;backdrop-filter:blur(5px);border:1px solid #ffffffc4}.specimen span{font-size:26px;filter:saturate(.83)}.specimen small{font:700 7px var(--sans);letter-spacing:.13em;color:#72806f}.specimen-leaf{top:20%;right:16%;transform:rotate(7deg)}.specimen-fish{bottom:20%;right:12%;transform:rotate(-7deg)}.specimen-mushroom{bottom:18%;left:15%;transform:rotate(5deg)}.specimen-stone{top:30%;left:7%;transform:rotate(-8deg)}.ground-shadow{position:absolute;width:67%;height:35px;bottom:3%;left:18%;z-index:-1;border-radius:50%;background:#31402d12;filter:blur(12px)}.plant-back{display:none}
.bottom-band{flex:none;min-height:119px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px}.benefits{display:flex;align-items:center;gap:clamp(15px,2.5vw,38px)}.benefit{display:flex;align-items:center;gap:11px;white-space:nowrap}.benefit-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:17px}.icon-leaf{background:#e6eddf;color:#57785a}.icon-world{background:#e2ece7;color:#557a6d}.icon-curious{background:#f2e7d9;color:#c6804f}.benefit span:last-child{display:flex;flex-direction:column;gap:4px}.benefit strong{font-size:11px;font-weight:700;color:#435747}.benefit small{font-size:9px;color:#8a9285}.divider{height:32px;width:1px;background:#dce2d6}.qr-card{display:flex;align-items:center;gap:11px;padding:9px 14px 9px 9px;border:1px solid #dfe5d9;background:#fbfcf8;border-radius:13px;flex:none}.qr-image-wrap{width:82px;height:82px;border-radius:7px;background:white;padding:4px;display:grid;place-items:center}.qr-image-wrap img{width:74px;height:74px;image-rendering:pixelated}.qr-card>span{display:flex;flex-direction:column;gap:5px;white-space:nowrap}.qr-card strong{font-size:10px;color:#344738}.qr-card small{font-size:9px;color:#8a9285}footer{height:39px;flex:none;border-top:1px solid #e2e6de;display:flex;justify-content:space-between;align-items:center;color:#92998e;font-size:9px}footer a{color:#71806f;text-decoration:none}
@media(min-width:1400px){.page-shell{padding-left:8%;padding-right:8%}.hero{grid-template-columns:47% 53%}.hero-art{transform:scale(1.05)}}
@media(max-width:1050px){.page-shell{padding:0 4.5%}.hero{grid-template-columns:47% 53%}.hero h1{font-size:clamp(48px,6vw,65px)}.intro{font-size:14px;max-width:385px}.hero-art{transform:scale(.9)}.benefits{gap:15px}.benefit small{font-size:8px}.qr-card{gap:7px;padding-right:9px}}
@media(max-width:760px){.page-shell{height:100svh;min-height:0;overflow:hidden;padding:0 22px}.topbar{height:62px}.top-note{display:none}.brand{font-size:24px}.top-cta{font-size:11px;padding:9px 14px}.hero{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:18px 0 0;gap:0}.hero-copy{padding:0;flex:none}.eyebrow{font-size:9px}.hero h1{font-size:clamp(49px,12.5vw,68px);margin:13px 0 10px}.intro{font-size:13px;line-height:1.5;max-width:420px}.cta-row{margin-top:14px;gap:12px}.app-store{height:48px;min-width:158px}.free-note{font-size:9px}.trust-row{display:none}.hero-art{height: min(29svh,230px);min-height:185px;flex:none;width:100%;transform:none;margin-top:-1px}.sun-disc{width:230px;height:230px;right:50%;transform:translate(50%,-50%);top:50%}.orbit-one{width:250px;height:250px;right:50%;transform:translate(50%,-50%) rotate(-24deg)}.orbit-two{width:300px;height:210px;right:50%;transform:translate(50%,-50%) rotate(29deg)}.phone{transform:scale(.49) rotate(4deg);transform-origin:center center;margin-top:-4px}.floating-note{font-size:8px;padding:8px 10px}.note-left{top:4%;left:1%}.note-right{right:0;top:16%}.specimen{transform:scale(.7)}.specimen-leaf{top:5%;right:8%}.specimen-fish{bottom:3%;right:4%}.specimen-mushroom{bottom:3%;left:6%}.specimen-stone{top:25%;left:0}.bottom-band{min-height:0;padding:10px 0 12px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.benefits{justify-content:space-between;gap:6px}.benefit{flex-direction:column;align-items:flex-start;gap:5px;white-space:normal;flex:1}.benefit-icon{width:25px;height:25px;border-radius:8px;font-size:13px}.benefit strong{font-size:9px}.benefit small{font-size:7px;line-height:1.25;max-width:95px}.divider{height:62px}.qr-card{display:none}footer{display:none}}
@media(max-width:375px){.page-shell{padding:0 17px}.hero-art{height:min(26svh,200px);min-height:170px}.hero h1{font-size:48px}.cta-row{gap:8px}.free-note{max-width:123px;line-height:1.35}.specimen-leaf{right:5%}.benefits{gap:4px}.benefit strong{font-size:8px}.benefit small{font-size:7px}}
@media(max-height:700px) and (max-width:760px){.topbar{height:54px}.hero{padding-top:13px}.hero h1{font-size:clamp(44px,11.8vw,58px);margin:10px 0 8px}.intro{font-size:12px}.cta-row{margin-top:10px}.app-store{height:44px}.hero-art{height: min(25svh,175px);min-height:150px}.phone{transform:scale(.4) rotate(4deg)}.bottom-band{padding-top:7px}.benefit small{display:none}.divider{height:38px}}
@media(max-height:780px) and (min-width:761px){.page-shell{min-height:620px}.topbar{height:67px}.hero-art{transform:scale(.85)}.hero h1{font-size:clamp(50px,4.8vw,67px)}.trust-row{margin-top:22px}.bottom-band{min-height:98px}.phone{transform:scale(.87) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}