/* Art direction: quiet surfaces, precise type, imagery at chapter scale. */
:root{--ink:#1d1d1f;--paper:#f5f5f7;--blue:#0066cc;--teal:#087f6a;--coral:#d9364e}
body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-feature-settings:"palt";background:#070709}
h1,h2,h3{text-wrap:balance;font-weight:650;letter-spacing:-.04em}h2{font-size:clamp(38px,5.1vw,76px);line-height:1.18}p{line-height:1.85}.eyebrow{font-size:13px;font-weight:550;letter-spacing:.11em}.lead{font-weight:500}.section{padding:140px 0}.wrap{width:min(1280px,88%)}.caption{line-height:1.6}.nav{background:#0b0b0de8}.nav nav{font-size:13px}.nav>.brand{font-weight:600}.primary{background:#0071e3}.primary:hover{background:#0077ed}.accent-blue{color:#0066cc}.accent-teal{color:var(--teal)}.accent-coral{color:var(--coral)}.accent-mint{color:#aeefd0}.gradient-blue{color:#92baff;background:linear-gradient(105deg,#63b8ff 8%,#acb4ff 50%,#e1bcfc 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.feature-pair .gradient-blue{background-image:linear-gradient(100deg,#0062bc,#6846ac 95%)}
.hero{padding-top:94px;background:radial-gradient(ellipse at 50% 88%,#172743 0,transparent 60%),#070709}.hero h1{font-size:clamp(42px,5.8vw,86px);line-height:1.18}.hero .lead{font-size:20px;color:#b4b5be}.hero-stage{margin-top:78px}.website-preview{border-radius:28px}.intro{padding:180px 0}.intro h2{font-size:clamp(38px,4.8vw,68px)}.intro p:last-child{font-weight:500;color:#a5a5ad}.conversation{padding-bottom:150px}.conversation h2{max-width:1100px}.story-grid{grid-template-columns:1.1fr 1fr;gap:70px;margin-top:80px}.story-photo{height:800px;border-radius:30px}.story-photo p{font-size:clamp(27px,3vw,42px);left:40px;bottom:45px;letter-spacing:-.035em}.thread .bubble{border-radius:22px;padding:18px 22px;font-size:16px;line-height:1.85}.thread .bubble small{font-size:12px;letter-spacing:.06em}.thread .bubble.user{background:#e3edfb;color:#204b84}.thread .bubble.ai{background:#e9e9ed;color:#323237}.thread .bubble b{font-size:15px}.replay{font-size:14px}.section-label{font-size:14px}
/* 02: the headline lives in the same scene as the photograph. */
.stay{background:#080d0e;color:#f5f5f7}.stay>.wrap>.eyebrow{color:#adb9b3}.recommend-scene{height:730px;position:relative;isolation:isolate;margin:45px -3.4vw 0;overflow:hidden;border-radius:34px;background:#10211c}.recommend-scene>img{position:absolute;width:69%;right:0;height:100%;object-position:50% 68%}.recommend-scene:after{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#0d1b17 4%,#0d1b17e0 26%,#0d1b1740 59%,transparent 86%)}.scene-heading{position:absolute;left:5.5%;top:16%;z-index:1}.scene-heading h2{font-size:clamp(40px,5.5vw,82px);line-height:1.15;max-width:700px}.scene-heading p{color:#c6d8cd;font-size:19px;font-weight:500;margin-top:38px}.scene-index{position:absolute;bottom:-35px;left:5%;font-size:170px;font-weight:650;color:#a8d6ba0d;letter-spacing:-10px;z-index:1}.stay-layout{margin-top:90px;gap:100px;align-items:start}.stay-copy{padding-top:45px}.stay-copy h3{font-size:42px;color:#d3f4e0}.stay-copy p{color:#9aaea4;font-size:18px}.criteria span{border-color:#2d473c;color:#c7ddcf;font-size:14px}.stay .section-label{color:#a7bcb1}.stay .thread .bubble.ai{background:#172923;color:#e0e9e3}.stay .thread .bubble.user{background:#cbe6d9;color:#143c2e}.stay .thread .bubble.ai small{color:#9dac9f}.stay .thread .bubble b{color:#a9ddc4}.stay .replay{color:#a5c9b5}
/* 03: photographic chapter opener followed by a deliberate, spatial selector. */
.industry-discovery{padding-top:70px;background:#f5f5f7;overflow:clip}.discovery-billboard{width:min(1540px,100%);height:850px;position:relative;margin:auto}.discovery-billboard>.eyebrow{position:absolute;top:35px;width:100%;text-align:center;color:#77777e}.billboard-title{position:absolute;top:28%;left:15%;width:70%;z-index:2;text-align:center}.billboard-title h2{font-size:clamp(42px,5.6vw,84px);line-height:1.18}.billboard-title p{font-size:20px;font-weight:550;line-height:1.8;max-width:680px;margin:38px auto 0;color:#606067}.billboard-photo{position:absolute;border-radius:22px;overflow:hidden;box-shadow:0 25px 55px #00000013}.billboard-photo img{object-fit:cover}.photo-commerce{width:18%;height:355px;left:-4%;top:140px;transform:rotate(-8deg)}.photo-commerce img{object-position:54% 58%}.photo-work{width:24%;height:255px;right:-5%;top:110px;transform:rotate(9deg)}.photo-work img{object-position:30%}.photo-browse{width:35%;height:240px;bottom:5px;left:35%;transform:rotate(-4deg)}.photo-browse img{object-position:50% 60%}
.discovery-layout{margin-top:80px;grid-template-columns:1.05fr 1fr;gap:38px;align-items:stretch}.constellation{min-width:0;padding:38px 18px 30px;border-radius:36px;background:radial-gradient(ellipse at 45% 47%,#fefeff 0,#e8edf5 44%,#e1e6ed 100%);box-shadow:inset 0 1px 0 white;overflow:hidden}.constellation-intro{text-align:center}.constellation-intro .eyebrow{font-size:11px;letter-spacing:.12em;color:#637289}.constellation-intro p{font-size:27px;font-weight:600;letter-spacing:-.025em;color:#283248;margin-top:12px}.orbit-stage{height:520px;position:relative;isolation:isolate}.orbit-lines{position:absolute;inset:13% 5%;border:1px solid #859ab929;border-radius:50%;transform:rotate(-18deg);pointer-events:none}.orbit-lines:before,.orbit-lines:after{content:'';position:absolute;border:1px solid #859ab924;border-radius:50%;inset:10%;transform:rotate(42deg)}.orbit-lines:after{inset:-7% 21%;transform:rotate(54deg)}.industry-core{position:absolute;top:50%;left:50%;translate:-50% -50%;width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 17%,#fff,#d8e1ee 75%);box-shadow:inset 0 1px 2px #fff,0 14px 35px #667b9520;border:1px solid #ffffffb3;color:#536981;pointer-events:none}.industry-core>span{font-size:46px;line-height:1}.industry-core>small{font-size:12px;margin-top:8px;letter-spacing:.025em}
.industry-cloud{display:contents}.industry-icon{position:absolute;aspect-ratio:auto;width:120px;height:128px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:flex-start;left:var(--x);top:var(--y);translate:-50% -50%;transform:none!important;margin:0!important;animation:none!important;color:#48566e;overflow:visible;z-index:2}.industry-icon:nth-child(1){--x:24%;--y:19%}.industry-icon:nth-child(2){--x:76%;--y:19%}.industry-icon:nth-child(3){--x:14%;--y:51%}.industry-icon:nth-child(4){--x:87%;--y:51%}.industry-icon:nth-child(5){--x:29%;--y:84%}.industry-icon:nth-child(6){--x:72%;--y:84%}.icon-surface{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#ffffffed,#eef2fbcf);border:1px solid #fff;box-shadow:0 10px 21px #58709220,inset 0 1px 2px #fff;transition:box-shadow .3s,background .3s,scale .3s;position:relative}.icon-surface:after{content:'';position:absolute;inset:5px;border-radius:19px;border:1px solid #b3c2d021;pointer-events:none}.industry-icon svg{width:35px;height:35px;stroke:var(--icon-color,#4261a6);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #ffffff80)}.industry-icon .icon-label{font-size:13px;font-weight:550;line-height:1.35;max-width:128px;text-align:center}.industry-icon:hover .icon-surface{scale:1.08;box-shadow:0 16px 28px #5870922a}.industry-icon[aria-pressed=true]{color:#172b50!important}.industry-icon[aria-pressed=true] .icon-surface{background:linear-gradient(140deg,#fff,#d3e1fa);box-shadow:0 0 0 2px #7499d9,0 10px 25px #527bca35}.industry-icon:focus-visible{outline:0}.industry-icon:focus-visible .icon-surface{outline:3px solid #266ace;outline-offset:5px}.shuffle-controls{text-align:center}.shuffle{display:inline-flex;align-items:center;gap:12px;border-radius:30px;padding:16px 25px;font-size:14px;font-weight:550;background:#fff9;color:#344762;border:1px solid #fff;box-shadow:0 6px 20px #40587f0d;transition:background .3s}.shuffle:hover{background:#fff}.shuffle:disabled{cursor:progress}.shuffle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.shuffle-controls .caption{margin-top:17px;color:#637188;font-size:12px}.example-panel{padding:35px 32px;background:#fff;border-radius:36px;border:0;box-shadow:0 15px 45px #23345509;min-height:860px}.example-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ebedf0;padding-bottom:24px;margin-bottom:28px}.example-top .section-label{margin:0;font-weight:600;color:#46536a}.example-dot{font-size:12px;white-space:nowrap;color:#738196}.example-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fbc98;margin-right:6px}.example-panel h3{font-size:27px;line-height:1.5;text-wrap:balance}.example-panel>p:not(.section-label){font-size:15px;line-height:1.7;color:#7c818a;margin:17px 0 30px}.example-panel .thread .bubble{font-size:15px;line-height:1.8;padding:16px 19px;max-width:96%}.example-panel .thread .bubble.ai{background:#f0f1f4}.example-panel .thread .bubble b{font-size:14px}.sample-note{text-align:center;margin-top:28px}
/* The remaining chapters keep different visual rhythms, with shared type. */
.feature-pair{background:#fff}.feature-pair-grid{gap:70px}.feature-pair article{border-top:1px solid #d5d8dd;padding:40px 0 25px}.feature-pair h2{font-size:clamp(32px,3.7vw,55px)}.feature-pair article>p:not(.eyebrow){font-size:19px;max-width:480px}.detail-link{font-weight:500;color:#0071e3}.detail-link span{background:#f0f3f7}.devices{background:#070709}.device-gallery{grid-template-columns:1.4fr 1fr;align-items:start;gap:34px;margin-top:85px}.device-wide{border-radius:30px}.device-wide img{height:650px}.device-mobile{margin-top:140px}.device-mobile img{height:580px}.device-wide figcaption{font-size:13px;bottom:35px;left:35px}.device-wide figcaption strong{font-size:25px}.knowledge .knowledge-layout{grid-template-columns:1.1fr 1fr;gap:80px}.knowledge-image{height:640px;border-radius:30px}.knowledge-layout h3{font-size:40px}.knowledge .sources button{font-size:15px}.handoff-photo{height:760px;margin-top:85px}.handoff-photo h3{font-size:clamp(36px,4.5vw,66px)}.handoff .steps h3{color:#accbf0}.interviews{background:#0a0b0e}.interview{border-radius:30px}.details{background:#fff}.closing{background:#f5f5f7;padding:150px 5%}.closing h2{font-size:clamp(40px,5.5vw,82px)}.closing-wordmark{padding-top:65px;color:#66758f;background:linear-gradient(#080a0e,#0e1420)}
/* The processor is geometry, not a masked photograph: no rectangular edges. */
.insights{background:#070709;overflow:clip}.insights>.wrap>h2{text-align:center;font-size:clamp(44px,6.2vw,94px)}.insights>.wrap>.eyebrow{text-align:center}.learning-story{grid-template-columns:1.2fr 1fr;gap:70px;min-height:780px;margin:70px 0 60px;align-items:center}.chip-visual{position:relative;height:720px;aspect-ratio:auto;border-radius:0;overflow:visible;background:none;perspective:1100px;isolation:auto}.chip-object{--size:310px;position:absolute;top:48%;left:50%;width:var(--size);height:var(--size);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--chip-x,52deg)) rotateY(var(--chip-y,-18deg)) rotateZ(var(--chip-z,-32deg)) scale(var(--chip-scale,1));will-change:transform}.chip-base,.chip-layer,.chip-face{position:absolute;inset:0;border-radius:22px;backface-visibility:hidden;transform-style:preserve-3d}.chip-base{background:linear-gradient(135deg,#687183,#10151e);box-shadow:0 0 0 1px #535f74;transform:translateZ(-16px)}.chip-layer{background:linear-gradient(145deg,#8b98ac,#1b2230 20%,#626f83 80%,#bfc8d9);border:1px solid #919baf}.layer-one{transform:translateZ(-10px)}.layer-two{transform:translateZ(-5px)}.chip-face{background:linear-gradient(135deg,#707b8b 0,#272c36 18%,#090e16 50%,#3a4558 100%);border:1px solid #adb9cba8;box-shadow:inset 0 0 0 8px #141b26,inset 0 0 0 9px #5363788c,0 0 45px #5f91fa24;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateZ(0)}.chip-face:before{content:'';position:absolute;inset:13%;border:1px solid #6783bc4f;border-radius:12px;background:linear-gradient(130deg,#9eb8ec12,transparent 55%,#526ca916);box-shadow:inset 0 0 20px #5698ff13}.chip-name{font-size:49px;letter-spacing:-3px;color:#edf3ff;font-weight:550;z-index:1;text-shadow:0 2px 7px #000}.chip-name>span{font-size:36px;margin-left:8px;vertical-align:8%}.chip-face>small{color:#9cafd1;letter-spacing:1.8px;font-size:8px;margin-top:10px;z-index:1}.chip-serial{position:absolute;bottom:26px;font-size:7px;letter-spacing:1.7px;color:#7a8a9e}.chip-etch{position:absolute;inset:22px;border-radius:12px;border:1px solid #6f809847}.chip-pins{position:absolute;display:flex;gap:7px;justify-content:space-between;transform:translateZ(-9px)}.chip-pins i{display:block;background:linear-gradient(90deg,#263149,#c4cedc 40%,#4c586b 85%);border-radius:1px;box-shadow:0 1px 2px #111}.chip-pins.north,.chip-pins.south{left:22px;right:22px;height:23px}.chip-pins.north{top:-21px}.chip-pins.south{bottom:-21px}.chip-pins.north i,.chip-pins.south i{width:9px;height:23px}.chip-pins.east,.chip-pins.west{top:22px;bottom:22px;width:23px;flex-direction:column}.chip-pins.east{right:-21px}.chip-pins.west{left:-21px}.chip-pins.east i,.chip-pins.west i{height:9px;width:23px;background:linear-gradient(#263149,#c4cedc 40%,#4c586b 85%)}.chip-aura{position:absolute;inset:5% -20%;border-radius:50%;background:radial-gradient(ellipse,#264d9828 0,#17264212 40%,transparent 65%);pointer-events:none}.chip-ground{position:absolute;left:10%;right:10%;top:68%;height:70px;background:radial-gradient(ellipse,#405ec025,transparent 65%);filter:blur(10px);transform:scaleX(var(--chip-scale,1));pointer-events:none}.chip-label{position:absolute;bottom:60px;left:0;right:0;text-align:center;font-size:14px;color:#757f92;letter-spacing:.03em}.learning-copy h3{font-size:clamp(32px,3.3vw,48px);line-height:1.4;text-wrap:initial}.learning-copy p{font-size:18px;line-height:1.9;color:#999faa}.learning-steps h3{font-size:25px;color:#9ebcfa}.learning-steps article{border-color:#273045}.insights .caption{text-align:center;margin-top:45px}.reduce-motion .chip-object{transform:translate(-50%,-50%) rotateX(38deg) rotateY(-12deg) rotateZ(-22deg)}
@media(max-width:1100px){.discovery-layout{gap:25px;grid-template-columns:1fr 1fr}.constellation{padding:32px 10px 28px}.orbit-stage{height:470px}.industry-icon{width:106px}.icon-surface{height:66px;width:66px;border-radius:20px}.industry-icon .icon-label{font-size:12px}.industry-core{width:90px;height:90px}.example-panel{padding:28px 24px}.example-panel h3{font-size:24px}.story-grid,.stay-layout{gap:45px}.photo-browse{bottom:55px}.discovery-billboard{height:780px}.learning-story{gap:30px}.chip-object{--size:260px}.chip-name{font-size:42px}.chip-face>small{font-size:6px}.chip-pins{gap:4px}.recommend-scene{height:660px}}
@media(max-width:760px){.section{padding:88px 0}.hero{padding-top:62px}.hero h1{font-size:clamp(32px,7.4vw,54px)}.hero .lead{font-size:16px}.hero-stage{margin-top:48px}.intro{padding:110px 0}.intro h2{font-size:36px}.story-grid{grid-template-columns:1fr;gap:38px;margin-top:45px}.story-photo{height:500px}.story-photo p{left:28px;bottom:30px;font-size:31px}.conversation h2{font-size:35px}.stay-layout{grid-template-columns:1fr;gap:36px;margin-top:45px}.stay-copy{padding-top:0}.stay-copy h3{font-size:32px}.stay-copy p{font-size:16px}.recommend-scene{height:660px;margin:30px -3.4vw 0;border-radius:25px}.recommend-scene>img{width:100%;height:100%;object-position:50% 60%}.recommend-scene:after{background:linear-gradient(#0c1c169c,transparent 32%,#0c1c1670 66%,#0c1c17e8)}.scene-heading{top:auto;bottom:38px;left:7%}.scene-heading h2{font-size:43px;line-height:1.18}.scene-heading p{font-size:16px;margin-top:20px}.scene-index{display:none}.industry-discovery{padding-top:35px}.discovery-billboard{height:740px}.discovery-billboard>.eyebrow{top:20px;font-size:10px}.billboard-title{left:5%;width:90%;top:257px;bottom:188px;display:flex;flex-direction:column;justify-content:center;transform:none}.billboard-title h2{font-size:clamp(30px,7.5vw,52px)}.billboard-title p{font-size:16px;margin-top:25px;max-width:92%}.photo-commerce{width:29%;height:172px;left:6%;top:85px;transform:rotate(-6deg)}.photo-work{width:48%;height:145px;right:4%;top:102px;transform:rotate(6deg)}.photo-browse{width:59%;height:170px;left:24%;bottom:18px;transform:rotate(-4deg)}.discovery-layout{grid-template-columns:1fr;gap:25px;margin-top:42px}.constellation{border-radius:28px;padding:28px 12px}.constellation-intro p{font-size:24px}.orbit-stage{height:450px}.industry-icon{width:96px;height:112px;gap:11px}.icon-surface{width:65px;height:65px;border-radius:21px}.industry-icon svg{width:31px;height:31px}.industry-icon .icon-label{font-size:12px}.industry-core{width:78px;height:78px}.industry-core>span{font-size:33px}.industry-core>small{font-size:10px}.industry-icon:nth-child(3){--x:15%}.industry-icon:nth-child(4){--x:85%}.example-panel{border-radius:28px;min-height:0;padding:27px 22px}.example-panel .thread .bubble{font-size:15px;padding:15px 17px}.example-panel h3{font-size:25px}.feature-pair-grid{grid-template-columns:1fr;gap:40px}.feature-pair article{padding-top:30px}.feature-pair h2{font-size:35px}.feature-pair article>p:not(.eyebrow){font-size:17px}.device-gallery{grid-template-columns:1fr;gap:25px;margin-top:50px}.device-wide img{height:440px}.device-mobile{margin-top:0}.device-mobile img{height:530px}.devices h2{font-size:34px}.knowledge .knowledge-layout{grid-template-columns:1fr;gap:35px}.knowledge-image{height:400px}.knowledge h2{font-size:32px}.knowledge-layout h3{font-size:32px}.handoff-photo{height:580px;margin-top:45px}.handoff-photo h3{font-size:32px}.handoff-photo p{font-size:16px}.insights>.wrap>h2{font-size:42px}.learning-story{grid-template-columns:1fr;gap:15px;margin-top:15px;min-height:0}.chip-visual{height:510px;perspective:950px}.chip-object{--size:240px}.chip-name{font-size:38px}.chip-name>span{font-size:30px}.chip-face>small{font-size:6px;letter-spacing:1.2px}.chip-label{bottom:18px;font-size:12px}.learning-copy h3{font-size:35px}.learning-copy p{font-size:17px}.learning-steps{margin-top:45px}.learning-steps h3{font-size:24px}.closing{padding:110px 6%}.closing h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.chip-object{transform:translate(-50%,-50%) rotateX(38deg) rotateY(-12deg) rotateZ(-22deg)!important}.industry-icon{animation:none!important}}@media(forced-colors:active){.gradient-blue{background:none;-webkit-text-fill-color:currentColor}.icon-surface{border:1px solid ButtonText}.industry-icon[aria-pressed=true] .icon-surface{outline:3px solid Highlight}}
/* Scroll scenes: images and typography move together over a longer reading distance. */
.recommend-track{height:165vh;min-height:1050px;margin-top:40px;--scene-progress:0}.recommend-scene{position:sticky;top:94px;height:calc(100svh - 130px);max-height:850px;min-height:580px;margin-top:0}.recommend-scene>img{width:100%;object-fit:cover;object-position:50% 68%;transform-origin:68% 60%;transform:translateX(calc((1 - var(--scene-progress))*11%)) scale(calc(1.09 + var(--scene-progress)*.12))}.recommend-scene:after{background:linear-gradient(90deg,#0d1b17e8 1%,#0d1b17bb 27%,#0d1b1744 55%,transparent 100%)}.scene-heading{transform:translateY(calc(var(--scene-progress)*-35px));max-width:80%}.scene-heading h2{font-size:clamp(46px,6.8vw,100px)}.scene-index{transform:translateX(calc(var(--scene-progress)*45px))}.discovery-billboard{--billboard-progress:.3}.photo-commerce{transform:translateY(calc((var(--billboard-progress) - .5)*-110px)) rotate(-8deg)}.photo-work{transform:translateY(calc((var(--billboard-progress) - .5)*100px)) rotate(9deg)}.photo-browse{transform:translateY(calc((var(--billboard-progress) - .5)*-55px)) rotate(-4deg)}.billboard-title{transform:translateY(calc((var(--billboard-progress) - .5)*-25px))}.billboard-photo img{transform:scale(calc(1.05 + var(--billboard-progress)*.06))}.story-photo img,.knowledge-image img,.handoff-photo>img{transform:scale(calc(1.14 - var(--photo-progress,0)*.12));transform-origin:center center}.device-track{height:165vh;min-height:1120px;margin-top:80px;--device-progress:0}.device-gallery{position:sticky;top:110px;height:calc(100svh - 160px);max-height:760px;min-height:530px;margin-top:0;align-items:center;gap:45px}.device-wide,.device-wide img{height:100%}.device-mobile{height:87%;margin-top:0;transform:translateY(calc(85px - var(--device-progress)*125px)) scale(calc(.93 + var(--device-progress)*.07))}.device-wide:first-child{height:84%;transform:translateY(calc(-25px + var(--device-progress)*45px))}.device-wide img{transform:scale(calc(1.12 - var(--device-progress)*.09))}.feature-pair{padding-top:80px}.feature-pair article{position:relative;overflow:hidden;border-top:0;border-radius:34px;background:#f6f6f8;padding:35px 45px 45px}.feature-pair-grid{gap:25px;align-items:start}.feature-time{margin-top:120px}.evolve-art,.time-art{height:290px;position:relative;margin:-35px -45px 35px;overflow:hidden;isolation:isolate}.evolve-art{background:radial-gradient(ellipse at 55% 80%,#e1e5fb,transparent 70%)}.art-line{position:absolute;bottom:40px;left:-20%;width:130%;height:160px;border-top:2px solid #88a8e6;border-radius:50%;transform:rotate(-19deg)}.art-line.l2{bottom:20px;border-color:#a8b4d4;transform:rotate(-29deg)}.art-line.l3{bottom:0;border-color:#c2a6d7;transform:rotate(-39deg)}.art-label{position:absolute;top:66px;left:11%;font-size:72px;font-weight:650;letter-spacing:-5px;color:#a5b5d4}.art-spark{position:absolute;right:20%;top:70px;font-size:130px;color:#234c9d;line-height:1;filter:drop-shadow(0 14px 18px #34529420);transform:rotate(-12deg)}.time-art{display:flex;align-items:center;justify-content:center;gap:0;background:radial-gradient(ellipse at 50% 70%,#d7eae2,transparent 72%)}.time-orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:48px;font-weight:550;letter-spacing:-2px;border:1px solid #ffffffad;box-shadow:inset 0 2px 4px #fff,0 20px 40px #3d7b6021}.orb-ai{background:linear-gradient(135deg,#f4fcf8,#bad8c8);color:#416e59;transform:translateX(12px)}.orb-you{background:linear-gradient(145deg,#fdfdfdbe,#d6e6dfb3);backdrop-filter:blur(8px);color:#35443d;transform:translateX(-12px)}.feature-pair h2{font-size:clamp(31px,3.45vw,50px)}.feature-pair article>p:not(.eyebrow){font-size:18px}.handoff-photo img{object-position:center 40%}.interview img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.interview:hover img{transform:scale(1.06)}
@media(max-width:1000px){.feature-pair article{padding:30px}.evolve-art,.time-art{margin:-30px -30px 30px}.art-label{font-size:54px}.art-spark{font-size:105px}.time-orb{width:125px;height:125px;font-size:40px}}
@media(max-width:760px){.recommend-track{height:145vh;min-height:940px;margin-top:30px}.recommend-scene{top:78px;height:calc(100svh - 100px);max-height:770px;min-height:560px}.recommend-scene>img{width:100%;object-position:51% 55%;transform:scale(calc(1 + var(--scene-progress)*.12))}.recommend-scene:after{background:linear-gradient(#0b1a1530,transparent 20%,#0b1a1580 55%,#0b1a17e8)}.scene-heading{bottom:36px;max-width:88%;transform:translateY(calc(var(--scene-progress)*-15px))}.scene-heading h2{font-size:clamp(40px,10vw,65px)}.photo-commerce{transform:translateY(calc((var(--billboard-progress) - .5)*-35px)) rotate(-6deg)}.photo-work{transform:translateY(calc((var(--billboard-progress) - .5)*40px)) rotate(6deg)}.photo-browse{transform:translateY(calc((var(--billboard-progress) - .5)*-25px)) rotate(-4deg)}.device-track{height:auto;min-height:0;margin-top:50px}.device-gallery{position:relative;top:auto;height:auto;min-height:0;max-height:none;gap:25px}.device-wide:first-child,.device-mobile{height:auto;transform:none}.device-wide img{height:440px}.device-mobile img{height:540px}.device-wide img{transform:scale(calc(1.1 - var(--photo-progress,0)*.08))}.feature-time{margin-top:0}.feature-pair article{padding:30px}.feature-pair-grid{gap:25px}.evolve-art,.time-art{height:235px;margin:-30px -30px 28px}.feature-pair h2{font-size:32px}.feature-pair article>p:not(.eyebrow){font-size:17px}}
.reduce-motion .recommend-track,.reduce-motion .device-track{height:auto;min-height:0}.reduce-motion .recommend-scene,.reduce-motion .device-gallery{position:relative;top:auto}.reduce-motion .recommend-scene>img,.reduce-motion .scene-heading,.reduce-motion .billboard-photo,.reduce-motion .billboard-title,.reduce-motion .billboard-photo img,.reduce-motion .device-wide,.reduce-motion .device-wide img,.reduce-motion .story-photo img,.reduce-motion .knowledge-image img,.reduce-motion .handoff-photo>img{transform:none!important}.reduce-motion .device-gallery{margin-bottom:50px}.reduce-motion .icon-surface{transition:none}
@media(prefers-reduced-motion:reduce){.recommend-track,.device-track{height:auto;min-height:0}.recommend-scene,.device-gallery{position:relative;top:auto}.recommend-scene>img,.scene-heading,.billboard-photo,.billboard-title,.billboard-photo img,.device-wide,.device-wide img,.story-photo img,.knowledge-image img,.handoff-photo>img{transform:none!important}}

@media(max-width:760px){.discovery-billboard .billboard-title{transform:none}}