/* First view: a product reveal, followed by scroll-controlled camera movement. */
.hero{position:relative;isolation:isolate;overflow:clip;padding-top:72px;background:#07080c}.hero-heading{position:relative;z-index:2}.hero h1{line-height:1.16}.hero .lead{margin-top:24px;margin-bottom:28px}.hero-stage{--hero-progress:0;position:relative;z-index:2;perspective:1900px;width:min(1360px,94%);margin-top:58px}.hero-entry{transform-style:preserve-3d}.hero-stage .website-preview{transform-origin:50% 20%;transform:rotateX(calc(17deg - var(--hero-progress)*17deg)) rotateY(calc(-6deg + var(--hero-progress)*6deg)) rotateZ(calc(-1.8deg + var(--hero-progress)*1.8deg)) scale(calc(.87 + var(--hero-progress)*.13));box-shadow:0 45px 110px #000b,0 0 0 1px #b3c6ef30,0 0 95px #3c75d316;transition:transform .12s linear;backface-visibility:hidden}.hero-stage .caption{text-align:center;color:#9599a4;margin:10px 0 0;padding-bottom:25px}.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-atmosphere:before{content:'';position:absolute;left:50%;top:570px;width:1150px;height:650px;translate:-50% -50%;background:radial-gradient(ellipse,#395ec143 0,#16347728 35%,transparent 68%);filter:blur(30px)}.hero-horizon{position:absolute;left:-20%;right:-20%;top:610px;height:400px;border-top:1px solid #a1c7ff33;border-radius:50%;box-shadow:0 -20px 75px #77aeff18;transform:rotate(-7deg);opacity:.7}.hero-light{position:absolute;width:35%;height:650px;top:200px;left:32%;background:linear-gradient(90deg,transparent,#aac9ff09,transparent);filter:blur(25px);transform:rotate(35deg);transform-origin:50% 100%}.js-motion .hero-entry{animation:hero-arrive 1.6s cubic-bezier(.16,1,.3,1) both}.js-motion .hero-heading h1>span{animation:hero-type 1s cubic-bezier(.16,1,.3,1) both}.js-motion .hero-heading h1>span:nth-child(2){animation-delay:.12s}.js-motion .hero-heading .gradient-blue{background-size:200% 100%;animation:hero-type 1.1s .12s cubic-bezier(.16,1,.3,1) both,hero-shimmer 2.2s .15s ease both}.js-motion .hero-horizon{animation:hero-horizon 2.5s cubic-bezier(.16,1,.3,1) both}.js-motion .hero-light{animation:hero-light 2.8s cubic-bezier(.2,.7,.2,1) both}@keyframes hero-arrive{from{opacity:0;transform:translateY(140px) scale(.84);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes hero-type{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes hero-shimmer{from{background-position:100% 50%}to{background-position:0% 50%}}@keyframes hero-horizon{from{opacity:0;transform:translateY(100px) rotate(-16deg) scale(.7)}to{opacity:.7;transform:translateY(0) rotate(-7deg) scale(1)}}@keyframes hero-light{from{opacity:0;transform:rotate(-30deg)}30%{opacity:1}to{opacity:.25;transform:rotate(35deg)}}
/* Knowledge: five tactile sources flow into a single, shared intelligence. */
.knowledge{overflow:clip;background:#f5f5f7}.knowledge>.wrap>h2{text-align:center;font-size:clamp(35px,4.8vw,72px)}.knowledge>.wrap>.eyebrow{text-align:center}.knowledge-playground{margin-top:40px}.knowledge-universe{position:relative;height:680px;isolation:isolate;--knowledge-progress:.35}.knowledge-universe:before{content:'';position:absolute;inset:10% 10% 0;background:radial-gradient(ellipse,#d6eae454 0,transparent 65%);z-index:-1}.knowledge-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b7c9c363;stroke-width:1;pointer-events:none}.knowledge-core{position:absolute;left:51%;top:55%;translate:-50% -50%;width:180px;height:180px;border-radius:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 24% 14%,#fff 2%,#f0faf6 24%,#bad6ca 100%);border:1px solid #fff;box-shadow:inset 0 2px 4px white,0 22px 45px #26554018;z-index:3;transform:rotate(-5deg)}.core-symbol{font-size:68px;line-height:1;color:#387861;font-weight:450;text-shadow:0 2px 0 #fff8}.knowledge-core>strong{font-size:23px;letter-spacing:-.8px;font-weight:550;color:#2e5746;margin-top:7px}.core-descriptor{font-size:10px;letter-spacing:.03em;color:#527767;margin-top:8px}.source-cards{display:contents}.sources .source-card{position:absolute;left:var(--left);top:var(--top);translate:-50% -50%;width:var(--w);height:auto;min-height:48px;padding:0;background:none!important;border:0;border-radius:0;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;gap:18px;color:#53665d;z-index:4;outline-offset:10px;transition:none}.source-card .source-object{display:block;position:relative;width:100%;height:var(--h);border-radius:15px;background:#fff;text-align:left;overflow:hidden;transform:rotate(var(--angle));box-shadow:0 15px 32px #435b4915,0 1px 3px #25393113;border:1px solid #fff;transition:box-shadow .3s,scale .3s}.source-card .source-label{font-size:14px;font-weight:550;line-height:1.4;text-align:center;color:#68776f}.source-card:hover .source-object{scale:1.05;box-shadow:0 23px 40px #435b4920,0 1px 3px #25393113}.source-card[aria-pressed=true] .source-object{box-shadow:0 0 0 2px #438b7066,0 20px 40px #39765b25}.source-card[aria-pressed=true] .source-label{color:#22644b}.source-web{--left:17%;--top:24%;--w:185px;--h:185px;--angle:-9deg}.source-pdf{--left:51%;--top:18%;--w:155px;--h:188px;--angle:8deg}.source-image{--left:84%;--top:27%;--w:182px;--h:178px;--angle:7deg}.source-video{--left:20%;--top:76%;--w:226px;--h:155px;--angle:-6deg}.source-social{--left:83%;--top:77%;--w:190px;--h:177px;--angle:9deg}.mini-browser{height:25px;background:#e8edf6;display:flex;align-items:center;gap:4px;padding-left:10px}.mini-browser i{width:4px;height:4px;border-radius:50%;background:#a6b8d0}.source-format{display:block;font-size:12px;font-weight:650;letter-spacing:.08em;color:#6181b7;margin:17px 17px 8px}.source-name{display:block;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.04em;color:#303f57;margin:0 17px}.sample-lines{display:flex;flex-direction:column;gap:6px;margin:15px 17px}.sample-lines i{display:block;width:90%;height:4px;border-radius:3px;background:#e5ebf5}.sample-lines i:nth-child(2){width:60%}.sample-lines i:nth-child(3){width:76%}.source-pdf .source-format{color:#c36f56;font-size:20px;margin-top:24px}.source-pdf .source-name{font-size:15px;color:#755749}.source-pdf .source-object{background:linear-gradient(130deg,#fffaf4,#f5e9dd)}.paper-fold{position:absolute;right:0;top:0;width:28px;height:28px;background:linear-gradient(45deg,#e6d7c6 50%,#f5f5f7 51%);border-radius:0 0 0 4px}.sample-table{margin:17px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.sample-table i{height:11px;border-radius:3px;background:#e9d7c4}.sample-table i:nth-child(2n){background:#f0e2d5}.source-image .source-object{padding:8px 8px 28px;background:#fff}.source-image img{border-radius:8px;object-position:50% 53%}.image-caption{position:absolute;bottom:8px;left:10px;font-size:8px;color:#818181;letter-spacing:1px}.source-video .source-object{border:4px solid #333c45;background:#172029}.source-video img{opacity:.72;object-position:20% center}.video-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;translate:-50% -50%;width:40px;height:40px;border-radius:50%;background:#ffffffdb;color:#20242a;font-size:15px;padding-left:2px}.video-timeline{position:absolute;left:12px;right:12px;bottom:12px;height:3px;border-radius:3px;background:linear-gradient(90deg,#fff 35%,#ffffff60 35%)}.social-head{font-size:9px;letter-spacing:.04em;font-weight:600;color:#6c798b;display:flex;align-items:center;gap:7px;padding:15px 12px;border-bottom:1px solid #e5e9ef}.social-head i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-style:normal;background:#e8edf5;color:#6f7e96}.social-post{display:block;font-size:18px;line-height:1.6;font-weight:550;margin:15px 16px;color:#4a5566}.social-actions{font-size:18px;margin:0 16px;color:#9aa9b9}.knowledge-packet{position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#77b59c;box-shadow:0 0 22px #67aa8fa0;font-size:19px;color:white;opacity:0;pointer-events:none;z-index:5}.knowledge-explanation{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start;margin-top:30px;padding-top:60px;border-top:1px solid #dce3e0}.knowledge-explanation h3{font-size:clamp(30px,3.4vw,48px);line-height:1.45;letter-spacing:-.04em}.knowledge-description>p{font-size:18px;line-height:1.9;color:#747c78}.source-feedback{margin-top:26px;padding:24px 25px;background:#e7eeea;border-radius:21px;min-height:138px}.source-feedback>span{font-size:11px;font-weight:600;letter-spacing:.12em;color:#3f7660;display:block;margin-bottom:9px}.source-feedback #source-copy{margin:0;color:#4e675b;font-size:16px;line-height:1.8}.knowledge-universe .source-card{transform:translateY(calc((var(--knowledge-progress) - .5)*var(--drift,0px)))}.source-web,.source-image{--drift:-60px}.source-pdf{--drift:35px}.source-video,.source-social{--drift:55px}
@media(max-width:1000px){.source-web{--w:155px;--h:170px}.source-pdf{--w:140px;--h:177px}.source-image{--w:158px;--h:167px}.source-video{--w:188px;--h:135px}.source-social{--w:165px;--h:172px}.knowledge-explanation{gap:45px}.knowledge-core{width:165px;height:165px}.knowledge-universe{height:650px}}
@media(max-width:760px){.hero{padding-top:52px}.hero h1{font-size:clamp(31px,7.4vw,54px)}.hero-stage{margin-top:35px;width:94%;perspective:1500px}.hero-stage .website-preview{transform:rotateX(calc(7deg - var(--hero-progress)*7deg)) rotateY(calc(-3deg + var(--hero-progress)*3deg)) scale(calc(.94 + var(--hero-progress)*.06));transform-origin:center top}.hero-atmosphere:before{top:490px;width:750px;height:620px}.hero-horizon{top:550px}.hero .hero-stage .caption{font-size:11px;padding:0 15px 18px}.hero-heading .lead{font-size:16px}.knowledge>.wrap>h2{font-size:clamp(28px,7.4vw,42px)}.knowledge-playground{margin-top:32px}.knowledge-universe{height:640px;margin:0 -4%;}.knowledge-core{width:130px;height:130px;border-radius:32px;top:53%}.core-symbol{font-size:48px}.knowledge-core>strong{font-size:18px;margin-top:5px}.core-descriptor{font-size:8px;margin-top:5px}.sources .source-card{gap:15px}.source-web{--left:19%;--top:27%;--w:108px;--h:133px}.source-pdf{--left:53%;--top:14%;--w:106px;--h:142px}.source-image{--left:82%;--top:29%;--w:107px;--h:126px}.source-video{--left:23%;--top:78%;--w:137px;--h:104px}.source-social{--left:79%;--top:80%;--w:118px;--h:142px}.source-card .source-object{border-radius:11px}.source-card .source-label{font-size:12px}.mini-browser{height:19px}.source-format{font-size:9px;margin:10px 11px 7px}.source-name{font-size:12px;margin:0 11px}.sample-lines{margin:11px;gap:5px}.sample-lines i{height:3px}.source-pdf .source-format{font-size:16px;margin-top:18px}.source-pdf .source-name{font-size:12px}.sample-table{margin:12px;gap:4px}.sample-table i{height:7px}.paper-fold{width:23px;height:23px}.source-image .source-object{padding:5px 5px 24px}.image-caption{font-size:6px;letter-spacing:.5px;bottom:8px;left:7px}.source-video .source-object{border-width:3px}.video-play{width:32px;height:32px;font-size:12px}.social-head{font-size:7px;padding:10px 8px;gap:5px;letter-spacing:0}.social-head i{width:21px;height:21px;font-size:15px;flex:none}.social-post{font-size:13px;margin:14px 11px 10px}.social-actions{font-size:15px;margin:0 11px}.knowledge-explanation{grid-template-columns:1fr;gap:30px;padding-top:35px;margin-top:0}.knowledge-explanation h3{font-size:32px}.knowledge-description>p{font-size:17px}.source-feedback{min-height:142px}.source-feedback #source-copy{font-size:15px}.knowledge-paths{opacity:.65}}
.reduce-motion .hero-stage .website-preview{transform:none!important}.reduce-motion .knowledge-universe .source-card{transform:none}.reduce-motion .hero-entry,.reduce-motion .hero-heading h1>span{opacity:1!important;transform:none!important;filter:none!important}.reduce-motion .hero-light{display:none}
@media(prefers-reduced-motion:reduce){.hero-stage .website-preview{transform:none!important}.knowledge-universe .source-card{transform:none}.hero-entry,.hero-heading h1>span{opacity:1!important;transform:none!important;filter:none!important}.hero-light{display:none}}
.intro{display:block}.intro .eyebrow{margin-bottom:30px}.intro h2{max-width:1150px;font-size:clamp(36px,5.2vw,76px);line-height:1.25}.intro p:last-child{max-width:580px;margin:40px 0 0 auto;font-size:19px}@media(max-width:760px){.intro h2{font-size:clamp(30px,7.8vw,42px)}.intro p:last-child{font-size:16px;margin-top:30px}}

/* Keep the introductory headline luminous against its dark section. */
.intro h2 .intro-answer{color:#f5f5f7}
.hero-chat{min-width:0}.hero-chat .bubble{font-size:14px;line-height:1.8}.hero-chat .chat-cta{margin-top:auto;min-height:44px}

.website-photo img{object-position:65% 50%}.stay-preview-image{height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:18px;margin:26px 0}.stay-preview-copy{font-size:16px;margin-top:18px}#modal-content:has(.stay-preview-image) h3{font-size:21px}