/* Revision 05 extends the existing prototype: same identity, a more focused story. */
.magic-hero{grid-template-columns:1.04fr 1fr;gap:40px;padding-block:130px 82px}
.magic-hero h1{font-size:clamp(53px,5.35vw,77px);letter-spacing:-3.8px;line-height:1.12;margin-block:27px}
.magic-hero h1>span{white-space:nowrap}
.magic-hero .hero-description{max-width:455px;font-size:17px;line-height:1.85}
.magic-hero .hero-facts{gap:20px;flex-wrap:wrap;margin-top:29px}
.magic-hero .hero-product{margin-top:28px}
.hero.magic-hero .core-art.orb-art{width:360px;right:-3px;top:-187px;z-index:-1}
.magic-hero .product-kicker{max-width:calc(100% - 170px);font-size:9px;line-height:1.8}
.magic-hero .console-main{padding:22px 20px 18px}
.magic-hero .demo-tabs button{padding-inline:6px;font-size:10px;min-height:44px}
.magic-hero .hero-actions{gap:22px}
.magic-hero .hero-actions .text-link{font-size:12px}
.magic-hero:before{content:"";position:absolute;z-index:-1;inset:-60px 0 0 30%;background:radial-gradient(ellipse at 85% 25%,#c7733520,transparent 40%);pointer-events:none}
.personality-section,.initiative-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.story-copy h2{margin-top:20px;font-size:clamp(38px,4.1vw,57px)}
.story-description{color:var(--muted);font-size:15px;line-height:1.9;max-width:465px;margin-top:23px}
.story-description+.story-description{margin-top:15px}
.story-copy>.text-link{margin-top:26px;color:var(--orange)}
.growth-trail{display:flex;align-items:center;gap:17px;margin-top:31px;font:10px var(--mono);color:#d4d7dd}
.growth-trail .icon{width:15px;height:15px;color:var(--orange)}
.personality-visual{margin:0;position:relative;min-width:0;padding-block:32px 38px}
.personality-visual:before{content:"";position:absolute;inset:35px 0;background:radial-gradient(ellipse,#50648c22,transparent 65%);z-index:-1}
.personality-orbs.orb-art{width:100%;max-width:none}
.personality-label{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #44464e;background:#111317eb;border-radius:6px;box-shadow:0 8px 30px #0004;backdrop-filter:blur(8px)}
.personality-label strong{font-size:12px;display:block;line-height:1.5}
.personality-label div>span{display:block;font-size:10px;color:#b2b5bf;margin-top:2px}
.personality-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.orange-dot{background:var(--orange);box-shadow:0 0 14px #ff8a4c66}
.blue-dot{background:#52d7ff;box-shadow:0 0 14px #52d7ff66}
.violet-dot{background:var(--violet);box-shadow:0 0 14px #c4a3ff66}
.personality-label-top{top:10px;left:50%;transform:translateX(-50%);min-width:202px}
.personality-label-left{left:0;bottom:100px}
.personality-label-right{right:0;bottom:78px}
.personality-visual figcaption,.visual-caption{font:9px/1.7 var(--mono);color:#9199a6;text-align:center}
.personality-visual figcaption{margin-top:55px}
.computer-section{background:#101215;border-block:1px solid var(--line)}
.computer-section .section-heading.has-orbs{grid-template-columns:1.25fr .6fr 1fr;gap:35px}
.computer-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}
.cloud-computer{display:flex;flex-direction:column;min-width:0;border:1px solid #3b414b;border-radius:10px;overflow:hidden;background:#0b0e13;box-shadow:0 12px 40px #0003}
.cloud-computer>.window-bar .icon{width:15px;height:15px}
.desktop-scene{position:relative;flex:1;min-height:300px;background:radial-gradient(ellipse at 75% 90%,#293454,transparent 70%),radial-gradient(ellipse at 0% 0%,#2f243c,transparent 80%);padding:38px 28px 54px}
.code-window{width:77%;border:1px solid #535566;background:#14171eea;border-radius:7px;box-shadow:0 15px 35px #0005;overflow:hidden}
.code-window>span{display:block;padding:11px 17px;font:10px var(--mono);border-bottom:1px solid #393d49;background:#222630;color:#bdc6d4}
.code-window code{display:block;min-height:211px;padding:20px 18px;font:12px/1.85 var(--mono);color:#c8d3e6}
.code-window code b{color:var(--violet);font-weight:400}
.code-window code em{color:#eab596;font-style:normal}
.browser-mini{position:absolute;width:40%;right:24px;bottom:29px;background:#f1f0ed;color:#20222a;border:1px solid #a5acbc;border-radius:7px;overflow:hidden;box-shadow:0 10px 45px #0007;transform:rotate(3deg)}
.browser-mini>div:first-child{display:flex;align-items:center;gap:4px;padding:10px;border-bottom:1px solid #d2d3d8;background:#e1e3e7}
.browser-mini>div:first-child i{width:4px;height:4px;border-radius:50%;background:#a3a8b3}
.browser-mini>div:first-child span{font:7px var(--mono);margin-left:6px;color:#535a68}
.browser-content{padding:18px;min-height:189px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.browser-mini-logo{width:16px;height:16px;background:#fa884b;border-radius:50%;box-shadow:9px 3px 0 #c1a4de}
.browser-content b{font-size:22px;letter-spacing:-1px;line-height:1.08;margin-top:5px}
.browser-content>i{height:3px;width:88%;background:#c8ccd1;border-radius:3px}
.browser-content>i+i{width:60%}
.browser-mini-button{display:block;width:57px;height:17px;border-radius:3px;background:#f58d59;margin-top:4px}
.computer-caption{display:flex;gap:10px;align-items:center;padding:17px 22px;font:11px var(--mono);color:#b9c7d9;border-top:1px solid #343d4c}
.computer-caption .icon{color:#9cd0ae;width:16px;height:16px}
.local-computers{padding:30px 32px;border:1px solid #363d47;border-radius:10px;background:#161a20}
.local-heading{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:1.3px;color:var(--orange)}
.local-heading .icon{width:17px;height:17px}
.local-computers h3{margin:20px 0 13px;font-size:25px;letter-spacing:-.6px;line-height:1.25}
.local-computers>p{color:var(--muted);font-size:13px;line-height:1.9}
.device-network{margin-top:28px}
.cloud-node{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #56515d;background:#24242d;width:max-content;max-width:100%;margin:auto;padding:8px 16px;border-radius:5px;font-size:11px}
.cloud-node .icon{width:16px;height:16px;color:var(--violet)}
.device-branches{width:69%;height:24px;margin:auto;position:relative;border:1px solid #565260;border-bottom:0;border-radius:5px 5px 0 0;margin-top:18px}
.device-branches:before{content:"";position:absolute;left:50%;width:1px;height:43px;top:-19px;background:#565260}
.device-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.device-row>div{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 7px;border:1px solid #414652;border-radius:5px;background:#1b2028;font-size:11px;color:#c6d0df}
.device-row .icon{width:32px;height:28px;color:#9aacc5}
.local-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#adb5c3;margin-top:23px}
.local-note .icon{width:15px;height:15px;flex-shrink:0}
.initiative-section{gap:65px}
.initiative-section h2{font-size:clamp(34px,3.7vw,51px)}
.initiative-visual{padding:26px 29px 20px;border:1px solid #373b45;border-radius:10px;background:radial-gradient(ellipse at 60% 0,#3d2e252d,transparent 60%),#13161b;min-width:0}
.initiative-top{height:74px;display:flex;align-items:center;justify-content:space-between;position:relative}
.initiative-top .eyebrow{font-size:9px;max-width:190px}
.initiative-top .orb-art{width:190px;position:absolute;right:-15px;top:-49px}
.org-leader{position:relative;display:flex;gap:13px;align-items:center;width:max-content;max-width:100%;margin:auto;border:1px solid #755539;border-radius:6px;background:#30271f;padding:12px 19px}
.org-leader>.icon{color:var(--orange);width:24px;height:24px}
.org-leader strong{font-size:12px;display:block}
.org-leader div>span{display:block;font-size:9px;color:#c1b7ae;margin-top:3px}
.initiative-visual .specialists{gap:10px}
.initiative-visual .specialists strong{font-size:11px}
.initiative-visual .specialists div>span:last-child{font-size:9px}
.initiative-events{border-top:1px solid #343a45;margin-top:24px;padding-top:11px}
.initiative-events>div{display:flex;gap:9px;align-items:center;padding:10px 0;font-size:11px;line-height:1.5}
.initiative-events .icon{width:15px;height:15px;color:var(--orange)}
.initiative-events>div>span:last-child{margin-left:auto;color:#98a4b7;font-size:9px;text-align:right}
.visual-caption{margin-top:12px}
.tour-section{border-top:1px solid var(--line)}
.tour-section .section-heading h2{font-size:clamp(34px,3.6vw,49px)}
.tour-section .screen-frame{max-width:1040px;margin-inline:auto}
.tour-section .tour-tabs{margin-inline:auto}
.tour-explanation{max-width:1040px;margin-inline:auto}
.closing-section .closing-inner.has-orbs{grid-template-columns:1.45fr .65fr auto}
.closing-section .closing-inner h2{font-size:clamp(34px,3.75vw,53px)}
.closing-section .closing-inner .orb-art{width:250px}
.footer-main nav{flex-wrap:wrap}
@media(min-width:1440px){.magic-hero{padding-top:155px;padding-bottom:94px}.magic-hero .core-art.orb-art{right:8px}.magic-hero h1{font-size:80px}}
@media(max-width:1150px) and (min-width:701px){.header-inner{gap:20px}.main-nav{gap:15px}.main-nav>a{font-size:11px}.header-actions{gap:14px}.header-actions .signin{display:none}.brand{font-size:25px}.magic-hero{gap:28px}.magic-hero h1{font-size:5.45vw;letter-spacing:-2.6px}.magic-hero .hero-description{font-size:15px}.magic-hero .console-main{padding:18px 14px}.magic-hero .console-rail{width:40px}.hero.magic-hero .core-art.orb-art{width:290px;top:-144px;right:-4px}.magic-hero .product-kicker{max-width:calc(100% - 130px);font-size:8px}.personality-section,.initiative-section{gap:40px}.personality-label{padding:9px}.personality-label div>span{font-size:8px}.personality-label strong{font-size:10px}.personality-label-top{min-width:177px}.personality-label-left{left:0;bottom:100px}.personality-label-right{right:0;bottom:67px}.personality-visual figcaption{margin-top:45px}.local-computers{padding:26px 23px}.desktop-scene{padding:30px 20px 60px}.code-window{width:90%}.code-window code{font-size:10px;padding:17px 12px}.browser-mini{right:18px;width:46%}.browser-content{padding:14px}.initiative-visual{padding:20px}.initiative-events>div{font-size:10px;gap:6px}.initiative-events>div>span:last-child{font-size:8px}.initiative-top .orb-art{width:150px;right:-10px;top:-36px}.initiative-top .eyebrow{max-width:140px;font-size:8px}.computer-section .section-heading.has-orbs{gap:25px;grid-template-columns:1.15fr .6fr 1fr}.closing-section .closing-inner.has-orbs{grid-template-columns:1.5fr .65fr}.closing-section .closing-inner .closing-action{grid-column:1/-1;display:flex;gap:25px}}
@media(max-width:900px) and (min-width:701px){.wrap{width:calc(100% - 56px)}.header-inner{gap:15px}.main-nav>a{font-size:10px}.main-nav{gap:12px}.header-actions{gap:12px}.header-actions .button{padding:10px 12px;gap:10px}.brand{font-size:22px}.magic-hero{padding-block:135px 65px;gap:20px}.magic-hero .console-rail{display:none}.magic-hero .hero-actions{gap:18px}.personality-section{gap:25px}.story-copy h2{font-size:39px}.story-description{font-size:13px}.personality-label-top{top:18px}.computer-grid{gap:18px}.local-computers h3{font-size:22px}.local-computers>p{font-size:12px}.computer-caption{font-size:9px;padding:15px}.initiative-section{gap:25px}.initiative-visual{padding:16px}.initiative-events>div{flex-wrap:wrap}.initiative-events>div>span:last-child{width:100%;text-align:left;margin-left:24px}.initiative-section h2{font-size:36px}.computer-section .section-heading.has-orbs{grid-template-columns:1.2fr .6fr 1fr;gap:20px}.computer-section .section-heading h2{font-size:37px}}
@media(max-width:700px){
  .magic-hero{grid-template-columns:1fr;padding-block:52px 45px;gap:10px}
  .magic-hero h1{font-size:clamp(42px,9.9vw,67px);letter-spacing:-2.5px;margin-block:25px}
  .magic-hero .eyebrow{font-size:9px;letter-spacing:.65px;max-width:340px}
  .magic-hero .hero-description{font-size:15px;line-height:1.85;max-width:490px}
  .magic-hero .hero-actions{gap:20px;margin-top:27px}
  .magic-hero .hero-facts{gap:18px;margin-top:23px}
  .magic-hero .hero-facts>span{font-size:9px}
  .hero.magic-hero .hero-product{padding-top:121px;margin-top:10px}
  .hero.magic-hero .core-art.orb-art{width:260px;right:0;top:-9px}
  .magic-hero .product-kicker{font-size:8px;max-width:calc(100% - 133px);min-height:32px;align-items:flex-end;margin-bottom:15px}
  .magic-hero .console-main{padding:22px 20px 18px}
  .magic-hero .demo-tabs button{font-size:10px;padding-inline:4px}
  .magic-hero .task-brief p{font-size:12px}
  .magic-hero:before{inset:0}
  .personality-section,.initiative-section{grid-template-columns:1fr;gap:25px}
  .story-copy h2{font-size:43px}
  .story-description{font-size:14px;max-width:520px;margin-top:20px}
  .growth-trail{margin-top:25px;font-size:10px;gap:16px}
  .personality-visual{max-width:500px;width:100%;margin-inline:auto;padding-top:30px}
  .personality-label{padding:10px 11px}
  .personality-label-top{top:8px;min-width:190px}
  .personality-label-left{bottom:100px;left:0}
  .personality-label-right{bottom:63px;right:0}
  .personality-label strong{font-size:11px}
  .personality-label div>span{font-size:9px}
  .personality-visual figcaption{margin-top:65px;font-size:8px}
  .computer-section .section-heading.has-orbs{grid-template-columns:minmax(0,1fr) 135px;gap:18px}
  .computer-section .section-heading h2{font-size:40px}
  .computer-section .section-heading>p{font-size:13px}
  .computer-section .section-heading .orb-art{width:150px}
  .computer-grid{grid-template-columns:1fr;gap:23px;margin-top:30px}
  .desktop-scene{min-height:312px;padding:30px 20px 53px}
  .code-window{width:83%}
  .code-window code{font-size:11px}
  .browser-mini{width:44%;right:20px;bottom:24px}
  .browser-content{padding:15px}
  .browser-content b{font-size:23px}
  .local-computers{padding:28px 24px}
  .local-computers h3{font-size:26px;max-width:310px}
  .local-computers>p{font-size:13px}
  .initiative-section h2{font-size:38px}
  .initiative-visual{margin-top:37px;padding:22px}
  .initiative-top .orb-art{width:170px;top:-53px}
  .initiative-top .eyebrow{font-size:8px;max-width:150px}
  .initiative-events>div{font-size:10px;gap:7px}
  .initiative-events>div>span:last-child{font-size:8px}
  .tour-section .section-heading h2{font-size:39px}
  .closing-section .closing-inner.has-orbs{display:block}
  .closing-section .closing-inner h2{font-size:40px}
  .closing-section .closing-inner .orb-art{width:240px;margin:18px auto 8px}
  .closing-section .closing-inner .closing-action{padding-top:10px}
}
@media(max-width:374px){.magic-hero h1{font-size:37px;letter-spacing:-1.8px}.hero.magic-hero .core-art.orb-art{width:230px;top:12px;right:-5px}.magic-hero .hero-product{padding-top:130px}.magic-hero .product-kicker{max-width:130px}.magic-hero .console-main{padding:18px 13px}.magic-hero .demo-tabs .icon{display:none}.magic-hero .demo-tabs button{font-size:9px}.magic-hero .hero-facts{gap:10px}.magic-hero .hero-facts>span{font-size:8px}.story-copy h2{font-size:37px}.growth-trail{gap:12px;font-size:9px}.personality-label{padding:8px}.personality-label strong{font-size:10px}.personality-label div>span{font-size:8px}.personality-label-top{min-width:170px}.personality-label-right{bottom:60px}.personality-visual figcaption{font-size:7px}.computer-section .section-heading.has-orbs{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.computer-section .section-heading .orb-art{width:112px}.computer-section .section-heading h2{font-size:35px}.computer-section .section-heading>p{font-size:12px}.local-computers{padding:23px 19px}.local-computers h3{font-size:23px}.code-window code{font-size:9px;padding:16px 12px}.desktop-scene{min-height:285px}.browser-content b{font-size:20px}.browser-mini{width:44%;right:14px}.browser-content{padding:13px;min-height:175px}.browser-mini>div:first-child span{font-size:6px}.computer-caption{font-size:9px}.initiative-visual{padding:17px}.initiative-top .orb-art{width:142px;right:-9px;top:-35px}.initiative-top .eyebrow{max-width:130px;font-size:7px}.initiative-section h2{font-size:33px}.initiative-events>div{flex-wrap:wrap}.initiative-events>div>span:last-child{width:100%;text-align:left;margin-left:22px}.initiative-visual .specialists strong{font-size:10px}.initiative-visual .specialists div>span:last-child{font-size:8px}.closing-section .closing-inner h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-window,.orb-art,[data-tour-panel]{animation:none}}