@layer components{.hero-pad__content{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:minmax(0,62%) minmax(0,38%);grid-template-rows:auto 1fr auto;padding:clamp(1.25rem,4.9cqi,3.35rem) clamp(1.4rem,5.6cqi,3.8rem);color:var(--color-pad-ink)}.hero-brand{grid-column:1;grid-row:1;display:inline-flex;width:max-content;align-items:center;gap:clamp(.46rem,1.45cqi,.68rem)}.hero-brand__mark{display:block;width:clamp(1.45rem,4.4cqi,2.1rem);height:clamp(1.45rem,4.4cqi,2.1rem);flex:none;filter:drop-shadow(0 .08rem .2rem rgb(0 0 0 / 36%))}.hero-brand__wordmark{margin:0;color:var(--color-pad-ink);font-family:var(--font-hand);font-size:clamp(.94rem,2.8cqi,1.28rem);line-height:1;letter-spacing:.015em;text-shadow:0 .08rem .24rem rgb(0 0 0 / 48%)}.hero-nav{position:absolute;top:clamp(-1.05rem,-1.5cqi,-.8rem);right:clamp(1.4rem,5.6cqi,3.8rem);display:flex;align-items:center;gap:clamp(.1rem,.4cqi,.24rem);padding:.28rem;border:1px solid rgb(255 255 255 / 30%);border-radius:var(--radius-pill);background:#ffffff0d;box-shadow:0 0 0 1px #0003,inset 0 1px #ffffff42,inset 0 -1px #00000047,0 1.1rem 2.4rem -1.4rem #000000b8;isolation:isolate;overflow:hidden}.hero-nav:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(135deg,rgb(255 255 255 / 10%),rgb(255 255 255 / 2%) 45%,transparent);-webkit-backdrop-filter:blur(.8rem) saturate(150%);backdrop-filter:blur(.8rem) saturate(150%);backdrop-filter:url(#wispal-liquid-glass);pointer-events:none}.hero-nav__rim{position:absolute;inset:1px;z-index:1;border-radius:inherit;padding:1px;background:conic-gradient(from 214deg,#ffffff14,#ffffff8c 15%,#7dc0e857 25%,#ffffff0f 41%,#f094644d 68%,#ffffff7a 83%,#ffffff14);opacity:.85;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.hero-nav:after{content:"";position:absolute;top:-80%;bottom:-80%;left:-30%;z-index:1;width:24%;rotate:18deg;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 38%),rgb(255 255 255 / 5%),transparent);opacity:0;pointer-events:none;transition:transform .9s var(--ease-settle),opacity .36s ease}.hero-how,.hero-story,.hero-login{position:relative;z-index:2;display:inline-flex;min-height:2.2rem;align-items:center;justify-content:center;padding:.52rem .95rem;border-radius:var(--radius-pill);color:#f5f2ebe0;font-size:clamp(.8rem,2cqi,.97rem);font-weight:630;letter-spacing:-.01em;line-height:1;text-decoration:none;text-shadow:0 .08rem .24rem rgb(0 0 0 / 45%);transition:background-color var(--pause-hover) var(--ease-settle),color var(--pause-hover) var(--ease-settle)}.hero-nav__filter{position:absolute;width:0;height:0;overflow:hidden}.hero-nav__divider{z-index:2;align-self:stretch;width:1px;margin-block:.5rem;margin-inline:clamp(.12rem,.5cqi,.3rem);background:linear-gradient(to bottom,transparent,rgb(255 255 255 / 34%),transparent)}.hero-login{min-width:4.7rem;background:#f5f0e7eb;color:#181613eb;box-shadow:inset 0 1px #ffffffd9,0 .35rem .9rem -.5rem #0000008c;text-shadow:none}.hero-how:focus-visible,.hero-story:focus-visible,.hero-login:focus-visible{outline:.16rem solid var(--color-site-focus);outline-offset:-.16rem}@media(hover:hover){.hero-how:hover,.hero-story:hover{background:#ffffff1f;color:#fffffff5}.hero-login:hover{background:#fffffffa}.hero-nav:hover:after{opacity:.6;transform:translate(560%)}}.hero-message{grid-column:1 / -1;grid-row:2;align-self:center;width:min(64%,42rem);padding-block:clamp(.65rem,2cqi,1.25rem)}.hero-headline{margin:0;color:#f5efe5;font-family:var(--font-story);font-size:clamp(2.15rem,5.3cqi,3.8rem);font-weight:500;letter-spacing:-.032em;line-height:.94;text-shadow:0 .12rem .55rem rgb(0 0 0 / 35%)}.hero-headline__line{display:block;white-space:nowrap}.hero-supporting{max-width:30em;margin:0;margin-block-start:clamp(.9rem,2.5cqi,1.4rem);color:#f5efe5ad;font-size:clamp(.78rem,1.78cqi,1.02rem);letter-spacing:-.005em;line-height:1.5;text-wrap:pretty}.hero-platforms{display:flex;width:max-content;align-items:center;gap:clamp(.48rem,1.55cqi,.7rem);margin:0;margin-block-start:clamp(.72rem,2.3cqi,1rem);color:#f5efe599;font-size:clamp(.72rem,2cqi,.9rem);font-weight:540;letter-spacing:.01em;line-height:1}.hero-platforms__logos{display:inline-flex;align-items:center;gap:clamp(.58rem,1.8cqi,.82rem)}.hero-platforms__logo{display:block;width:clamp(1.02rem,2.85cqi,1.34rem);height:clamp(1.02rem,2.85cqi,1.34rem);object-fit:contain}.hero-platforms__logo--claude{scale:1.02}.hero-install{position:relative;z-index:1;grid-column:1;grid-row:3;align-self:end;display:inline-flex;width:max-content;min-height:3.41rem;align-items:center;justify-content:center;gap:.75rem;padding:.99rem 1.3rem;border:1px solid rgb(255 255 255 / 22%);border-radius:var(--radius-pill);background:var(--color-site-face);box-shadow:0 .7rem 1.8rem #00000047;color:var(--color-site-ink);font-size:clamp(.88rem,2.26cqi,1.08rem);font-weight:650;letter-spacing:-.01em;line-height:1;text-decoration:none;isolation:isolate;transition:translate var(--pause-unhover) var(--ease-exit),background-color var(--pause-unhover) var(--ease-exit)}.hero-install:before{content:"";position:absolute;z-index:-1;inset:-.68rem -.88rem;border-radius:inherit;background:radial-gradient(ellipse at 28% 62%,rgb(239 156 142 / 42%) 0%,transparent 53%),radial-gradient(ellipse at 72% 44%,rgb(120 211 231 / 34%) 0%,transparent 55%),radial-gradient(ellipse at 54% 76%,rgb(198 171 228 / 30%) 0%,transparent 58%);filter:blur(.56rem) saturate(1.1);opacity:.18;pointer-events:none;scale:.9;transition:opacity var(--pause-unhover) var(--ease-exit),scale var(--pause-unhover) var(--ease-exit)}@media(hover:hover){.hero-install:hover{translate:0 -.14rem}.hero-install:hover:before{opacity:.82;scale:1.04;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle)}.hero-install:hover:active{translate:0 0;transition-duration:0s}}.hero-install:active{translate:0 0}.hero-install:focus-visible{outline:.18rem solid var(--color-site-focus);outline-offset:.25rem}.hero-install:focus-visible:before{opacity:.82;scale:1.04;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle)}.hero-install__chrome{position:relative;display:block;box-sizing:content-box;width:1.38rem;height:1.38rem;flex:none;border:1px solid rgb(20 19 17 / 14%);border-radius:50%;background:conic-gradient(from -30deg,#ea4335 0 33%,#fbbc04 0 50%,#34a853 0 83%,#ea4335 0)}.hero-install__chrome:after{content:"";position:absolute;inset:28%;border:1.5px solid var(--color-site-face);border-radius:inherit;background:#4285f4}.hero-whisper{position:absolute;z-index:1;right:clamp(1.2rem,5.4cqi,3.65rem);bottom:clamp(1.15rem,4.2cqi,2.85rem);display:flex;flex-direction:column;align-items:center;max-width:16.5rem;padding:.38rem .42rem;text-align:center;text-shadow:0 .1rem .4rem rgb(0 0 0 / 72%)}.hero-whisper__copy{margin:0;color:#f5efe5ad;font-family:var(--font-hand);font-size:clamp(.77rem,2.09cqi,.97rem);line-height:1.42;letter-spacing:.012em;transition:color var(--pause-hover) var(--ease-settle)}.hero-whisper__copy>span{display:block}.hero-whisper__email{display:inline-flex;box-sizing:content-box;min-block-size:2.75rem;align-items:center;justify-content:center;gap:clamp(.42rem,1.98cqi,.62rem);margin-block-start:clamp(.8rem,2.9cqi,1.35rem);padding:.31rem .35rem;border-radius:.4rem;color:var(--color-pad-ink);font-size:clamp(.77rem,1.82cqi,.9rem);font-weight:640;line-height:1;text-decoration:none;transition:translate var(--pause-hover) var(--ease-settle),color var(--pause-hover) var(--ease-settle)}.hero-whisper__envelope{display:block;width:clamp(2.2rem,5.94cqi,2.81rem);height:auto;flex:none;overflow:visible;rotate:-2deg}.hero-whisper__address{position:relative;z-index:0;color:inherit;text-decoration:none}.hero-whisper__address:before{content:"";position:absolute;z-index:-1;right:-.16em;bottom:-.06em;left:-.14em;height:.58em;rotate:-.8deg;background:linear-gradient(90deg,#abb556,var(--color-marker-lime) 52%,#c2cc61);clip-path:polygon(0 18%,8% 3%,27% 10%,49% 0,72% 12%,100% 4%,98% 88%,74% 96%,48% 87%,24% 100%,2% 83%);opacity:.86;pointer-events:none;transition:opacity var(--pause-hover) var(--ease-settle)}.hero-whisper__address:after{content:"";position:absolute;z-index:-2;inset:-.52em -.64em -.42em;border-radius:50%;background:radial-gradient(ellipse at 52% 66%,rgb(205 218 109 / 34%) 0%,rgb(137 210 193 / 20%) 36%,rgb(125 178 226 / 13%) 53%,rgb(181 151 224 / 9%) 64%,transparent 78%);filter:blur(.32rem) saturate(1.08);opacity:.38;pointer-events:none;scale:.86;transition:opacity var(--pause-unhover) var(--ease-exit),scale var(--pause-unhover) var(--ease-exit)}.hero-whisper__email:active{translate:0 0;transition-duration:0s}.hero-whisper__email:focus-visible{outline:.16rem solid var(--color-marker-sky);outline-offset:.12rem}.hero-whisper__email:focus-visible .hero-whisper__address:after{opacity:.9;scale:1.06;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle)}.hero-doodle{position:absolute;z-index:0;right:-2.2rem;bottom:-.65rem;display:block;width:clamp(4.6rem,10.5cqi,6.25rem);height:auto;rotate:-2deg;pointer-events:none;opacity:0;translate:-65% 0;filter:drop-shadow(0 .22rem .4rem rgb(0 0 0 / 36%)) drop-shadow(0 0 .2rem rgb(245 239 229 / 12%));transition:opacity var(--pause-unhover) var(--ease-exit),translate var(--pause-unhover) var(--ease-exit);-webkit-user-select:none;user-select:none}.hero-whisper:focus-within+.hero-doodle{opacity:1;translate:0 0;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle)}@media(hover:hover){.hero-whisper:hover .hero-whisper__copy{color:var(--color-pad-ink)}.hero-whisper__email:hover{translate:0 -1px;color:var(--color-pad-ink)}.hero-whisper__email:hover .hero-whisper__address:before{opacity:1}.hero-whisper__email:hover .hero-whisper__address:after{opacity:.9;scale:1.06;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle)}.hero-whisper:hover+.hero-doodle{opacity:1;translate:0 0;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle)}}@media(max-width:48rem)and (min-width:34.01rem){.hero-message{width:68%}.hero-headline{font-size:clamp(1.85rem,6.2cqi,3.25rem)}.hero-whisper{right:1.5rem;bottom:1.35rem}}@media(max-width:34rem){.hero-pad__content{grid-template-columns:1fr;padding:clamp(1.2rem,6.3cqi,1.6rem)}.hero-brand__mark{width:1.55rem;height:1.55rem}.hero-brand__wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-nav{top:-.72rem;right:clamp(1.1rem,6.4cqi,1.55rem);padding:.2rem}.hero-how,.hero-story,.hero-login{min-height:1.95rem;padding:.42rem .6rem;font-size:.8rem}.hero-login{min-width:auto}.hero-message{grid-column:1;width:72%;align-self:start;padding-block-start:clamp(2.5rem,15cqi,3.7rem)}.hero-headline{font-size:clamp(1.55rem,7.4cqi,2rem)}.hero-supporting{max-width:21em;font-size:clamp(.7rem,3.7cqi,.84rem)}.hero-platforms{margin-block-start:.72rem;font-size:.78rem}.hero-install{grid-column:1;font-size:.95rem}.hero-whisper,.hero-doodle{display:none}}@media(max-width:23rem){.hero-how,.hero-story,.hero-login{padding:.42rem .48rem;font-size:.73rem}}@media(max-height:35rem)and (min-width:34.01rem){.hero-pad__content{padding:clamp(1rem,4.4cqi,2rem)}.hero-message{width:64%;padding-block:.25rem}.hero-headline{font-size:clamp(1.55rem,5.2cqi,2.45rem)}.hero-supporting{margin-block-start:.55rem}.hero-whisper{right:1rem;bottom:.75rem}.hero-whisper__email{margin-block-start:.5rem}}@media(prefers-reduced-motion:reduce){.hero-install,.hero-nav:after,.hero-how,.hero-story,.hero-login,.hero-whisper__copy,.hero-whisper__email,.hero-whisper__address,.hero-whisper__address:before{transition:none}.hero-install:before,.hero-whisper__address:after{scale:1;transition:none}.hero-doodle{translate:0 0;transition:none}}@media(forced-colors:active){.hero-install{border-color:ButtonText}.hero-nav{border-color:ButtonText;background:Canvas}.hero-nav__rim,.hero-nav:before,.hero-nav:after{display:none}.hero-how,.hero-story,.hero-login{background:Canvas;color:CanvasText}.hero-whisper__copy{color:CanvasText}.hero-whisper__email{color:LinkText}.hero-whisper__address{color:LinkText;text-decoration:underline}.hero-whisper__address:before,.hero-whisper__address:after{display:none}.hero-install__chrome{border-color:ButtonText;background:Canvas}}}