*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--brown:#4A3422;--brown-mid:#7A5C44;--brown-soft:#A07858;--lav:#C9B8E8;--lav-mid:#DDD0F5;--lav-light:#F2EEFB;--white:#FFFFFF;--font:'Sour Gummy',sans-serif}html{scroll-behavior:smooth}@media (min-width:769px){html{font-size:min(1.17vw, 22px)}}body{font-family:var(--font);color:var(--brown);background:var(--white);overflow-x:hidden}.section{position:relative;min-height:max(480px,56.25vw);display:flex;align-items:center;background-size:100% auto;background-position:center top;background-repeat:no-repeat;margin:0 2.5cm;border-radius:28px;overflow:hidden}.site-nav{position:fixed;top:0;left:0;right:0;height:min(4.1vw,56px);display:flex;align-items:center;justify-content:space-between;padding:0 2.5cm;z-index:100000;pointer-events:none}.site-logo{pointer-events:auto;font-family:var(--font);font-size:1.6rem;font-weight:900;color:var(--brown);text-decoration:none;letter-spacing:-.02em;transition:color .25s}.site-logo:hover{color:#f5c83c}.nav-links{pointer-events:auto;display:flex;align-items:center;gap:10px}.nav-link{font-family:var(--font);font-size:clamp(.78rem, .95vw, 1rem);font-weight:800;color:var(--brown);text-decoration:none;letter-spacing:.04em;transition:color .2s}.nav-link:hover{color:#f5c83c}.nav-social{display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:99px;background:rgba(201,184,232,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.55);font-family:var(--font);font-size:clamp(.72rem, .9vw, .92rem);font-weight:800;color:var(--brown);text-decoration:none;letter-spacing:.04em;transition:background .22s,color .22s,box-shadow .22s;white-space:nowrap}.nav-social:hover{background:rgba(245,200,60,.45);box-shadow:0 4px 16px rgba(245,200,60,.25)}.text-block{position:relative;z-index:1;width:44%;max-width:560px;display:flex;flex-direction:column;gap:22px;padding:60px 3vw}.text-block.left{margin-left:3%;margin-right:auto}.text-block.right{margin-left:53%;margin-right:3%}#grid .text-block{margin-left:18%}.hero-block{max-width:none;margin-left:0;margin-right:auto;text-align:center}.hero-tool-btns{position:absolute;bottom:17%;left:61%;display:flex;gap:14px;z-index:10}.tool-btn{width:min(4.54vw,62px);height:min(4.54vw,62px);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--brown);background:#fff;border:1.5px solid rgba(255,255,255,.8);box-shadow:0 12px 44px rgba(201,184,232,.55),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .2s,box-shadow .25s,background .25s}.tool-btn:hover{transform:translateY(-4px);background:#f5c83c;box-shadow:0 14px 48px rgba(245,200,60,.55),inset 0 1px 0 rgba(255,255,255,.85)}.tool-btn{position:relative}.tool-btn::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--brown);color:#fff;font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;padding:5px 12px;border-radius:99px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateX(-50%) translateY(4px)}.tool-btn:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}.hanzi-btn{font-family:'Noto Serif SC',serif;font-size:1.6rem;font-weight:700}.pill{display:inline-block;width:fit-content;padding:9px 28px;white-space:nowrap;border-radius:99px;background:rgba(201,184,232,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);font-size:clamp(.85rem, 1.95vw, 1.9rem);font-weight:800;color:var(--brown-mid);letter-spacing:.06em;align-self:center;transition:color .2s;cursor:default}.pill:hover{color:#fff;transition:color .2s}.hero-pill{margin-top:40px;margin-bottom:6px}.logo{font-size:clamp(2.2rem, 9vw, 10rem);font-weight:900;color:var(--brown);line-height:1;letter-spacing:-.02em;margin-top:-14px;transition:color .25s;cursor:default}.logo:hover{color:#f5c83c}.tagline{font-size:clamp(.95rem, 2.8vw, 2.5rem);font-weight:600;color:var(--brown-mid);line-height:1.7}.feature-name{font-size:clamp(2.8rem, 6vw, 5rem);font-weight:800;color:var(--brown);line-height:1.05;letter-spacing:-.02em}.desc{font-size:clamp(.95rem, 1.8vw, 1.6rem);font-weight:600;color:var(--brown-mid);line-height:1.7;max-width:460px}.btn-glass{display:inline-block;width:fit-content;padding:14px 34px;border-radius:99px;background:linear-gradient(135deg,rgba(255,255,255,.35) 0,rgba(255,255,255,.12) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.55);box-shadow:0 12px 44px rgba(201,184,232,.55),inset 0 1px 0 rgba(255,255,255,.7);font-family:var(--font);font-size:clamp(.9rem, 1.5vw, 1.4rem);font-weight:700;color:var(--brown);text-decoration:none;letter-spacing:.02em;transition:background .25s,box-shadow .25s,transform .2s;cursor:pointer;align-self:center}.btn-glass:hover{background:linear-gradient(135deg,rgba(201,184,232,.45) 0,rgba(201,184,232,.2) 100%);box-shadow:0 12px 40px rgba(201,184,232,.55),inset 0 1px 0 rgba(255,255,255,.8);transform:translateY(-3px)}.btn-glass:active{transform:translateY(0)}.btn-green:hover{background:linear-gradient(135deg,rgba(134,239,172,.55) 0,rgba(134,239,172,.28) 100%);box-shadow:0 14px 48px rgba(134,239,172,.55),inset 0 1px 0 rgba(255,255,255,.85);border-color:rgba(134,239,172,.7)}.btn-blue:hover{background:linear-gradient(135deg,rgba(147,197,253,.55) 0,rgba(147,197,253,.28) 100%);box-shadow:0 14px 48px rgba(147,197,253,.55),inset 0 1px 0 rgba(255,255,255,.85);border-color:rgba(147,197,253,.7)}.btn-pink:hover{background:linear-gradient(135deg,rgba(249,168,212,.55) 0,rgba(249,168,212,.28) 100%);box-shadow:0 14px 48px rgba(249,168,212,.55),inset 0 1px 0 rgba(255,255,255,.85);border-color:rgba(249,168,212,.7)}.hero-cta{align-self:center}.hero-cta:hover{background:linear-gradient(135deg,rgba(245,200,60,.55) 0,rgba(245,200,60,.3) 100%);box-shadow:0 14px 48px rgba(245,200,60,.55),inset 0 1px 0 rgba(255,255,255,.85);border-color:rgba(255,220,80,.7)}.mobile-footer{display:none}@media (max-width:768px){.site-nav{padding:0 16px;height:44px}.nav-links{display:none}.section{min-height:500px;align-items:flex-end;background-size:cover;background-position:center top;margin:0 8px;border-radius:20px;overflow:hidden}.hero-tool-btns{display:none}.text-block,.text-block.left,.text-block.right{width:100%;margin:0;padding:36px 24px 52px;text-align:center;align-items:center;background:linear-gradient(to top,rgba(255,255,255,.97) 0,rgba(255,255,255,.88) 42%,rgba(255,255,255,.5) 68%,rgba(255,255,255,0) 100%)}#grid .text-block{margin-left:0}#faq{margin:0 8px 12px!important;padding:40px 16px 48px!important;border-radius:20px!important}.mobile-footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:24px 16px 48px}.desc{max-width:100%}}@media (max-width:420px){.text-block,.text-block.left,.text-block.right{padding:28px 18px 44px}}