:root{--page:#0b1b24;--card:#091419;--text:#f7f8fa;--muted:#a3afb5;--accent:#00cfc5;--gap:24px;--section:80px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--text);background:radial-gradient(ellipse 1000px 650px at 50% 310px,#08707835,transparent 75%),radial-gradient(ellipse 700px 600px at 15% 180px,#72224125,transparent 75%),var(--page);font-family:Arial,"Helvetica Neue",sans-serif;font-size:17px;line-height:1.6;letter-spacing:normal;-webkit-font-smoothing:antialiased}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid white;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:700;letter-spacing:normal}h1{font-size:clamp(44px,5.2vw,80px);line-height:1.13}h2{font-size:clamp(32px,3.2vw,48px);line-height:1.2}h3{font-size:clamp(28px,2.6vw,40px);line-height:1.22}p{color:var(--muted)}.gradient{background:linear-gradient(100deg,#ab89ed,#f765a9);color:transparent;background-clip:text}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:34px;font-weight:700;letter-spacing:2px;line-height:1.2;white-space:nowrap}.header nav{display:flex;gap:38px;padding:14px 28px;background:#ffffff06;border:1px solid #ffffff12;border-radius:99px;color:#b6bdc3;font-size:16px}.header nav a:hover{color:white}.login{padding:12px 28px;background:#ffffff08;border-radius:99px;font-weight:600}.hero{text-align:center;padding-top:100px;padding-bottom:96px}.hero-description{font-size:23px;line-height:1.65;margin-top:30px}.search{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:760px;margin:48px auto 0;border:1px solid #ffffff22;border-radius:99px;padding:10px 10px 10px 28px;background:#1228338c}.search-placeholder{color:#9cabb3;font-size:19px;display:flex;gap:14px;align-items:center}.search-placeholder>span{font-size:30px;line-height:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 24px;background:var(--accent);color:#06242b;border:1px solid var(--accent);border-radius:99px;font-size:16px;font-weight:600;line-height:1.35;transition:background .2s,transform .2s;white-space:normal;text-align:center}.button:hover{background:#27e2d8;transform:translateY(-2px)}.button.outline{background:#00cfc510;border-color:#00cfc570;color:#00d8ce}.button.outline:hover{background:#00cfc525}.search .button{min-width:190px}.hero-note{font-size:13px;margin-top:16px}.benefits{display:flex;justify-content:center;gap:28px;padding:0;margin:26px 0 0;list-style:none;color:#94a2aa;font-size:15px}.benefits li{display:flex;align-items:center;gap:10px}.benefits i{width:7px;height:7px;background:#31d497;border-radius:50%;box-shadow:0 0 12px #31d497}.content{display:flex;flex-direction:column;gap:var(--section);padding-bottom:var(--section)}section{scroll-margin-top:32px}.card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff0b;border-radius:32px;background-color:var(--card);padding:40px;display:flex;flex-direction:column;gap:30px}.card-copy{position:relative;z-index:1}.card-copy>p{margin-top:18px;line-height:1.65}.card-copy>.button{margin-top:26px}.teal{background-image:radial-gradient(ellipse at 15% 15%,#075e5a66,transparent 68%)}.teal-soft{background-image:radial-gradient(ellipse at 10% 90%,#07545a55,transparent 65%)}.rose{background-image:radial-gradient(ellipse at 95% 15%,#7b1c3955,transparent 68%)}.violet{background-image:radial-gradient(ellipse at 30% 10%,#5820b955,transparent 68%)}.blue{background-image:radial-gradient(ellipse at 65% 90%,#153d8b66,transparent 70%)}.grid{display:grid;gap:var(--gap)}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid .visual{margin-top:auto}.visual{position:relative;overflow:hidden;width:100%;border-radius:20px;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent)}.visual img{position:absolute;display:block;max-width:none}.report{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding:48px;align-items:center}.report .visual{border-radius:24px}.report p{max-width:560px}.eyebrow{display:block;font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:22px}.report-list{list-style:none;padding:0;margin:28px 0 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;color:#b7c2c7;font-size:15px}.report-list li::before{content:'•';color:var(--accent);margin-right:9px}.section-heading{margin-bottom:32px}.section-heading p{font-size:20px;margin-top:16px}.centered{text-align:center}.sources .card-copy{max-width:640px}.sources .visual{margin-top:0}.three .card{padding:30px;gap:28px}.three h3{font-size:32px}.three .button{padding-inline:18px;font-size:14px}.three .card-copy>p{min-height:112px}.three .visual{mask-image:none}footer{display:flex;align-items:center;gap:20px;padding-block:32px;border-top:1px solid #ffffff10;color:#98a6ae;font-size:14px}footer .button{margin-left:auto}footer .brand{color:white}@media(min-width:1800px){.wrap{width:min(1560px,calc(100% - 120px))}.hero{padding-top:120px;padding-bottom:112px}.card{padding:48px}.report{padding:56px}.three .card{padding:40px}}@media(max-width:1000px){:root{--section:64px}.wrap{width:calc(100% - 48px)}.header nav{gap:20px;padding-inline:22px}.report{gap:32px;padding:32px;grid-template-columns:1fr 1fr}.card{padding:28px}.three{grid-template-columns:1fr}.three .card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px}.three .card-copy>p{min-height:0}.hero-description{font-size:20px}.benefits{gap:18px;font-size:13px}.report-list{grid-template-columns:1fr}.section-heading p{font-size:18px}}@media(max-width:700px){:root{--section:48px;--gap:20px}body{font-size:16px;line-height:1.6}.wrap{width:calc(100% - 32px)}.header{height:auto;min-height:88px;flex-wrap:wrap;gap:16px;padding-top:20px}.header .brand{font-size:30px}.login{font-size:14px;padding:10px 20px}.header nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px;padding:11px 16px}.hero{padding-top:56px;padding-bottom:56px}h1{font-size:40px;line-height:1.18}h2{font-size:30px;line-height:1.25}h3,.three h3{font-size:28px;line-height:1.25}.desktop-break{display:none}.hero-description{font-size:17px;line-height:1.7;margin-top:24px}.search{display:block;padding:0;margin-top:30px;border:0;background:none}.search-placeholder{display:none}.search .button{width:100%;min-height:56px}.hero-note{font-size:11px;max-width:300px;margin:14px auto 0}.benefits{flex-wrap:wrap;gap:10px 16px;font-size:11px;margin-top:22px}.two{grid-template-columns:1fr}.card,.report,.three .card{padding:26px 22px;border-radius:24px;gap:28px}.report,.three .card{display:flex;flex-direction:column;align-items:stretch}.report-list{grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:18px}.card-copy>p{margin-top:16px}.card-copy>.button{margin-top:22px}.section-heading{margin-bottom:24px}.section-heading p{font-size:16px;line-height:1.65;margin-top:14px}.button{font-size:14px;padding:12px 20px;gap:12px}.three .button{font-size:14px}.visual{border-radius:16px}.sources .visual{margin-top:0}footer{flex-wrap:wrap;gap:12px;padding-block:26px}footer .button{margin:8px 0 0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original supplied panels, retained intact with their photos and artwork. */
.photo-hero{max-width:1600px;width:100%;margin:0 auto 64px}.reference{position:relative;overflow:hidden;width:100%;border-radius:28px;isolation:isolate}.reference>img{position:absolute;display:block;max-width:none}.photo-hero .reference{border-radius:0;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 85%,transparent)}.photo-content{display:flex;flex-direction:column;gap:56px;padding-bottom:64px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-grid.scenarios{grid-template-columns:44fr 31.1fr}.photo-grid.three-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.hotspot{position:absolute;z-index:2;display:block;border-radius:999px;background:transparent;transition:background .2s,box-shadow .2s}.hotspot:hover{background:#00d5d51a;box-shadow:0 0 24px #00ded530}.hotspot:focus-visible{outline:3px solid white;outline-offset:3px}.photo-content .section-heading{margin-bottom:28px}
@media(max-width:700px){.photo-hero{margin:24px auto 36px}.photo-content{gap:28px;padding-bottom:40px}.photo-grid,.photo-grid.scenarios,.photo-grid.three-photos{grid-template-columns:1fr;gap:24px}.reference{border-radius:20px}.photo-content .section-heading{margin-bottom:24px}}
/* Keep the opening image compact enough to show the full call to action. */
.photo-hero{width:min(1000px,calc(100% - 48px));max-width:1000px;margin:24px auto 48px}
@media(min-width:701px) and (max-height:850px){.photo-hero{width:min(900px,calc(100% - 48px),calc((100svh - 180px)*1.677));margin-top:12px;margin-bottom:40px}}
@media(max-width:700px){.photo-hero{width:100%;margin:24px auto 36px}}

/* Match the opening panel to the same page grid as the report below. */
.photo-hero{width:min(1280px,calc(100% - 80px));max-width:none;margin:24px auto 48px}
@media(min-width:1800px){.photo-hero{width:min(1560px,calc(100% - 120px))}}
@media(max-width:1000px){.photo-hero{width:calc(100% - 48px)}}
@media(max-width:700px){.photo-hero{width:calc(100% - 32px);margin:24px auto 36px}}

/* Full-width opening background with naturally centered content, as in the reference. */
.photo-hero{width:100%;max-width:none;margin:24px auto 28px}
.photo-hero .reference{border-radius:0;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 85%,transparent)}
@media(max-width:700px){.photo-hero{width:100%;margin:24px auto 28px}.photo-hero .reference{aspect-ratio:1.677!important}.photo-hero .reference>img{width:192.3077%!important;left:-46.1538%!important;top:-30.7692%!important}.photo-hero .hotspot{left:67.3077%!important;top:68%!important;width:22.1154%!important;height:12.1538%!important}}

/* The opening content shares the page background, with no image boundary or faded text. */
body{background:radial-gradient(ellipse 600px 440px at 48% 330px,#007f8940,transparent 80%),radial-gradient(ellipse 500px 400px at 72% 270px,#93275230,transparent 80%),radial-gradient(ellipse 520px 420px at 18% 180px,#62203e25,transparent 80%),var(--page)}
.clean-hero{padding-top:64px;padding-bottom:72px}.clean-hero h1{font-size:clamp(38px,4.3vw,66px);line-height:1.17;letter-spacing:normal}.clean-hero .hero-description{font-size:21px;line-height:1.65;color:#aab9c0;margin-top:28px}.clean-hero .search{margin-top:40px;max-width:720px;padding:9px 9px 9px 24px;background:#112a3480}.clean-hero .search-placeholder{font-size:17px;color:#a4b3bd}.clean-hero .search .button{min-width:180px;min-height:52px}.clean-hero .hero-note{color:#899da8}.clean-hero .benefits{color:#98acb7}.header{background:transparent}.clean-hero .search:hover .button{background:#24ded4}
@media(max-width:700px){.clean-hero{padding-top:48px;padding-bottom:48px}.clean-hero h1{font-size:38px;line-height:1.2}.clean-hero .hero-description{font-size:16px;margin-top:22px}.clean-hero .search{padding:0;background:none;margin-top:28px}.clean-hero .search .button{min-height:54px}.clean-hero .hero-note{font-size:11px;line-height:1.6}.clean-hero .benefits{font-size:11px;line-height:1.6}}

/* Typewriter prompt and a calm blinking insertion cursor. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.clean-hero .search-placeholder{gap:0;min-width:0;white-space:nowrap}.clean-hero .search-placeholder>span:first-child{margin-right:14px}.clean-hero .search-placeholder .typing-text{font-size:17px;line-height:1.5}.typing-caret{display:inline-block;width:2px;height:1.2em;background:#00d5ca;margin-left:4px;flex-shrink:0;animation:caret-blink 1.05s steps(1,end) infinite;box-shadow:0 0 7px #00cfc560}
@keyframes caret-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
.clean-hero .search{animation:search-glow 4s ease-in-out infinite}
@keyframes search-glow{0%,100%{border-color:#ffffff22;box-shadow:0 0 0 transparent}50%{border-color:#00cfc55c;box-shadow:0 0 24px #00cfc512}}
@media(max-width:700px){.clean-hero .search{display:flex;flex-direction:column;gap:18px;animation:none}.clean-hero .search-placeholder{display:flex;align-self:center;max-width:100%;min-height:26px}.clean-hero .search-placeholder .typing-text{font-size:15px}.clean-hero .search .button{width:100%}}
@media(prefers-reduced-motion:reduce){.typing-caret,.clean-hero .search{animation:none}.typing-caret{opacity:1}}
.clean-hero .search-placeholder .typing-caret{height:20px;font-size:17px;line-height:1}

/* Real editable field, with animated hints only while empty and unfocused. */
.search-entry{position:relative;display:flex;align-items:center;flex:1;min-width:0;text-align:left}.search-icon{flex-shrink:0;color:#a4b3bd;font-size:28px;line-height:1;margin-right:14px}.search-entry input{display:block;width:100%;min-width:0;padding:12px 0;border:0;outline:none;background:transparent;color:#f7f8fa;font:inherit;font-size:17px;line-height:1.5;caret-color:#00d5ca;border-radius:0}.animated-prompt{position:absolute;left:38px;right:0;display:flex;align-items:center;pointer-events:none;color:#a4b3bd;white-space:nowrap;overflow:hidden;font-size:17px;line-height:1.5}.animated-prompt .typing-caret{height:20px;flex-shrink:0}.search-entry:focus-within .animated-prompt,.search-entry.has-value .animated-prompt{visibility:hidden}.clean-hero .search:focus-within{border-color:#00cfc580;box-shadow:0 0 0 3px #00cfc512;animation:none}.search button{cursor:pointer;font-family:inherit;flex-shrink:0}.search-entry input:focus-visible{outline:none}
@media(max-width:700px){.clean-hero .search{gap:12px}.search-entry{width:100%;flex:auto;min-height:54px;border:1px solid #ffffff26;border-radius:99px;padding:0 18px;background:#112a3480}.search-entry:focus-within{border-color:#00cfc580}.search-entry input{font-size:16px}.animated-prompt{left:56px;right:18px;font-size:15px}.search-icon{font-size:25px;margin-right:12px}}

.header .login{display:inline-flex;align-items:center;justify-content:center;background:#00cfc5;color:#06242b;border:1px solid #39e5dc;box-shadow:0 0 24px #00cfc52b;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s}.header .login:hover{background:#25e3d9;box-shadow:0 0 30px #00cfc54a;transform:translateY(-1px)}
.social-icon-grid{position:absolute;z-index:1;left:3.2%;top:58.1%;width:93.6%;height:34.5%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:1%;row-gap:5%;background:#091419;padding:.3%}.social-icon-tile{position:relative;overflow:hidden;border-radius:22%;min-width:0;min-height:0}.social-icon-tile img{position:absolute;max-width:none;display:block}
.social-icon-tile{aspect-ratio:0.9937;align-self:start}

.brand{display:inline-flex;align-items:center;line-height:1}.brand-art{display:block;position:relative;width:140px;height:61px;overflow:hidden;mix-blend-mode:screen}.brand-art img{position:absolute;display:block;max-width:none;width:177.5%;left:-21.875%;top:-22.857%}
@media(max-width:700px){.brand-art{width:112px;height:49px}}
/* Suppress the dark backing in the supplied logo while keeping the lettering. */
.brand-art img{filter:contrast(1.5)}

.social-icon-tile{background-image:var(--social-sprite,none);background-size:1923.0769% auto;background-repeat:no-repeat}
.reference picture{display:contents}

.reference picture>img{position:absolute;display:block;max-width:none}