@font-face{font-family:Inter;src:local('Inter');font-display:swap}*{box-sizing:border-box}html{background:#ffffff;color:#1c1e18;scrollbar-width:thin;scrollbar-color:#a3e635 #ffffff}body{margin:0;font-family:Inter,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #4d7c0f;outline-offset:7px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,.serif-sub{font-family:Georgia,'Times New Roman',serif;font-weight:400}button{border:0}header{height:112px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;background:linear-gradient(#ffffffcc,transparent)}.wordmark{font-size:27px;letter-spacing:7px;white-space:nowrap}.wordmark span{display:block;font-size:8px;letter-spacing:2.5px;margin-top:10px;color:#6b7160}.top-nav{display:flex;gap:35px;font-size:10px;letter-spacing:2px;text-transform:uppercase}.top-nav a{color:#5b6150;transition:color .2s}.top-nav a:hover{color:#1a1c17}.pill{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:#a3e635;border:1px solid #84cc16;border-radius:40px;padding:14px 25px;color:#1a1c17;font-size:12px;font-weight:600;box-shadow:0 0 22px #84cc1626;transition:box-shadow .25s,background .25s}.pill:hover{background:#bef264;box-shadow:0 0 24px #84cc1655}.pill span{font-size:21px;line-height:16px}.universe{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 72% 56%,#e7f6c9aa,transparent 60%),#ffffff}#stars{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.nebula{position:absolute;inset:-25%;background:radial-gradient(ellipse at 63% 54%,#a3e6352e,transparent 30%),radial-gradient(ellipse at 58% 60%,#a855f724,transparent 27%);transform:rotate(-28deg)}.planet{position:absolute;width:160%;height:95%;left:-30%;top:68%;border-radius:50% 50% 0 0;background:#ffffff;border-top:2px solid #84cc16;box-shadow:0 -2px 5px #fff,0 -7px 18px #bef264,0 -24px 65px #a3e63566,inset 0 12px 30px #d9f0a8;overflow:hidden;transform-origin:50% 0}#terrain{width:100%;height:67%;opacity:.95;mask-image:linear-gradient(black,black 20%,transparent 100%)}.horizon-glow{position:absolute;left:25%;top:61%;width:50%;height:13%;background:radial-gradient(ellipse,#bef26466,transparent 65%);filter:blur(18px)}.orbit{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.orbit path{fill:none;stroke:#65a30d;stroke-width:1.5}.orbit .orbit-blur{stroke:#a3e635;stroke-width:6;filter:url(#glow)}.beacon{position:absolute;left:50%;top:49%;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 8px 4px #ffffff,0 0 28px 12px #bef264,0 0 70px 22px #a3e63555}.beacon:before{content:'';position:absolute;width:1px;height:240px;top:-120px;background:linear-gradient(transparent,#a3e635,transparent)}.beacon:after{content:'';position:absolute;width:140px;height:1px;left:-70px;background:linear-gradient(90deg,transparent,#bef264,transparent)}.floor{position:absolute;left:12%;right:-30%;top:56%;height:100%;background-image:linear-gradient(#84cc1626 1px,transparent 1px),linear-gradient(90deg,#84cc1626 1px,transparent 1px);background-size:95px 95px;transform:perspective(500px) rotateX(63deg) rotateZ(-22deg);mask-image:radial-gradient(ellipse,black,transparent 70%);opacity:0}#journey{height:760vh}.stage{position:fixed;inset:0;overflow:hidden}.scene{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none}.scene.active{pointer-events:auto}.hero-copy{text-align:center;position:absolute;left:10%;right:10%;top:21%}.eyebrow{font-size:10px;letter-spacing:2.6px;line-height:1.7;color:#4d7c0f;display:flex;gap:20px;align-items:center}.eyebrow b{font-size:13px;font-weight:400;color:#1a1c17;letter-spacing:1px}.eyebrow i{width:40px;height:1px;background:#c9d3b5}.centered .eyebrow{justify-content:center}h1{font-size:clamp(70px,7.7vw,130px);line-height:1.05;letter-spacing:-3px;margin:28px 0 12px;text-shadow:0 2px 30px #ffffff}.serif-sub{font-size:clamp(23px,2.5vw,38px);color:#5b6150}.intro{font-size:17px;line-height:1.6;letter-spacing:.3px;color:#565c4c;margin-top:20px}.scroll-cue{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:15px;background:none}.scroll-cue span{font-size:8px;letter-spacing:2.8px;color:#4d7c0f}.scroll-cue i{font-style:normal;border:1px solid #c9d3b5;width:32px;height:43px;border-radius:20px;display:grid;place-items:center;color:#65a30d;font-size:17px}.scene-note{position:absolute;right:4.2%;bottom:21%;font-size:8px;letter-spacing:2.6px;color:#7c8570}.copy{position:absolute;top:22%;left:5%;width:32%;max-width:480px}.copy h2{font-size:clamp(40px,4.55vw,78px);line-height:1.08;letter-spacing:-1.6px;margin:25px 0 22px}.lead{font-size:clamp(16px,1.5vw,23px);line-height:1.5;color:#4a4f42;max-width:430px}.detail{font-size:14px;line-height:1.7;color:#6b7160;margin:18px 0 24px;max-width:385px}.features{list-style:none;padding:0;margin:25px 0;display:grid;gap:17px;font-size:13px;color:#3f4539}.features li{display:flex;align-items:center;gap:16px}.features li span{font-size:22px;width:24px;color:#4d7c0f}.benefits{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:25px}.benefits li{display:flex;gap:18px;align-items:center;font-size:15px}.benefits i,.workflow i,.exercise>i,.project-chip>i{font-style:normal;display:grid;place-items:center;width:47px;height:47px;flex-shrink:0;border-radius:50%;background:radial-gradient(at 20% 20%,#f4fbe6,#e4f2c4);border:1px solid #c4e08a;font-size:25px;color:#4d7c0f;box-shadow:inset 0 0 12px #a3e63524}.benefits small{display:block;font-size:12px;line-height:1.7;color:#6b7160;margin-top:5px;max-width:255px}.art{position:absolute;left:40%;top:16%;width:59%;height:73%;display:flex;align-items:center;justify-content:center;perspective:1200px}.artboard{width:850px;height:650px;position:absolute;flex-shrink:0;transform-origin:center;--art-scale:1;scale:var(--art-scale)}.glass{background:linear-gradient(125deg,#fffffff2,#ffffffe6 48%,#f5f8eeec);border:1px solid #c9e59a;border-radius:12px;box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #c9e59a80,0 15px 50px #1a1c1712,0 0 22px #a3e6351f;color:#1f2419}.glass:after{content:'';position:absolute;right:-1px;bottom:7%;height:35%;width:2px;background:linear-gradient(transparent,#bef264,transparent);box-shadow:0 0 12px #84cc16}.window-dots{height:24px;display:flex;gap:5px;align-items:center}.window-dots:before{content:'';width:6px;height:6px;background:#f86280;border-radius:50%;box-shadow:12px 0 #f3cc5c,24px 0 #45d0df}.panel-title{font-size:17px;margin:10px 0 20px}.panel-title small{float:right;font-size:8px;color:#7c8570;padding-top:4px}.projects{position:absolute;top:25px;left:115px;width:340px;padding:15px 18px 22px;transform:rotateY(-12deg) rotateZ(-7deg)}.project-row{display:flex;align-items:center;gap:9px;background:#f2f6ea;border:1px solid #e0e6d0;border-radius:5px;padding:9px;margin-top:7px;font-size:12px}.project-row>i{font-style:normal;background:linear-gradient(130deg,#bef264,#84cc16);font-size:20px;border-radius:6px;padding:5px}.project-row:nth-child(4)>i{background:linear-gradient(130deg,#c4b5fd,#7c3aed)}small{font-weight:400}.project-row small{display:block;font-size:8px;color:#7c8570;margin-top:3px}.project-row em{margin-left:auto;font-size:7px;font-style:normal;color:#4d7c0f;background:#eaf5d2;padding:5px;border-radius:10px}.project-row .live{color:#3f7d2f;background:#e2f0cf}.analytics{position:absolute;left:490px;top:40px;width:295px;padding:12px 20px 20px;transform:rotateY(-15deg) rotateZ(-6deg)}.chart{width:100%;height:120px;background:repeating-linear-gradient(0deg,transparent 0 29px,#1a1c170a 29px 30px)}.chart-line{fill:none;stroke:#65a30d;stroke-width:2}.stats{display:flex;justify-content:space-between;font-size:19px;margin-top:12px}.stats span+span{border-left:1px solid #e0e6d0;padding-left:17px}.stats small{display:block;font-size:9px;color:#7c8570;margin-top:7px}.product{position:absolute;left:80px;top:260px;width:690px;height:335px;padding:10px 18px 20px;transform:rotateY(-12deg) rotateZ(5deg);z-index:4}.product-layout{display:grid;grid-template-columns:120px 240px 1fr;gap:15px;height:275px}.product aside,.editor aside{display:flex;flex-direction:column;gap:5px;font-size:10px;padding-top:13px}.product aside strong,.editor aside strong{font-size:10px;font-weight:400;margin-bottom:16px}.product aside span,.editor aside span{padding:8px 7px;border-radius:4px;color:#5b6150}.selected{background:#e4f1c9;color:#1a1c17!important}.product aside small{margin-top:auto;font-size:6px;letter-spacing:1.5px;line-height:1.8;color:#9aa088}.product-main{padding:12px;background:#f6f9efcc;border:1px solid #dfe6cf;border-radius:8px}.product h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin-bottom:15px}.task{padding:12px 8px;background:#f3f6ec;border:1px solid #e0e6d0;border-radius:5px;font-size:12px;margin:5px 0;display:flex;align-items:center;gap:12px}.task i{font-size:9px;font-style:normal;color:#4d7c0f;background:#e4ecd4;border-radius:50%;padding:6px}.task span{margin-left:auto;color:#7c8570}.vision-card{position:relative;overflow:hidden;border:1px solid #c9e59a;border-radius:8px;margin-top:12px;background:#eef3e2}.mountain{position:absolute;inset:0;background:url('mountain.svg') center/cover}.vision-card:after,.breakthrough:before{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#ffffffe8)}.vision-card p{position:absolute;z-index:1;bottom:26px;left:15px;font-size:12px;line-height:1.6}.version{position:absolute;right:10px;top:10px;background:#ffffffcc;border:1px solid #c9e59a;border-radius:6px;padding:4px 6px;font-size:9px}.round-arrow{position:absolute;bottom:18px;right:14px;z-index:2;width:31px;height:31px;border-radius:50%;background:#a3e635cc;border:1px solid #bef264;display:grid;place-items:center;font-size:18px;font-style:normal}.platform{position:absolute;border:1px solid #c9e59a80;background:linear-gradient(120deg,#a3e63533,#7c3aed1a);box-shadow:0 -1px 6px #a3e6353a;transform:rotateX(65deg) rotateZ(-30deg);height:300px;width:520px;z-index:-1}.platform-a{left:60px;top:440px}.platform-b{left:340px;top:340px;width:430px}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px #84cc16)}.connections path,.workflow-wire path{stroke:#84cc16;stroke-width:1.8;fill:none;stroke-dasharray:1200;stroke-dashoffset:0}.packet{fill:#7c3aed;filter:drop-shadow(0 0 6px #a855f7)}.integration{position:absolute;width:140px;height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:16px;transform:rotateY(-15deg) rotateZ(-4deg)}.salesforce{left:160px;top:30px}.notion{left:555px;top:50px}.sap{left:65px;top:300px}.stripe{left:650px;top:290px}.aws{left:355px;top:480px}.integration b{font-size:55px;line-height:1;font-weight:500}.notion b{font-family:Georgia,serif;border:3px solid #1a1c17;padding:0 9px;box-shadow:4px -4px 0 #c9d3b5;font-size:45px}.sap b{font-size:34px;background:#65a30d;padding:7px 17px 7px 7px;font-style:italic;clip-path:polygon(0 0,100% 0,75% 100%,0 100%);font-weight:bold}.stripe b{background:linear-gradient(130deg,#a855f7,#7c3aed);border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font-size:44px;font-weight:600}.aws b{position:relative;font-size:47px}.aws b i{position:absolute;top:17px;left:12px;font-size:65px;line-height:1;color:#65a30d;font-style:normal}.aws span{margin-top:6px}.cloud-logo{border-radius:40%;background:#65a30d;color:white;padding:18px 10px;font-size:17px;font-style:italic;box-shadow:8px -6px 0 -3px #65a30d,-8px -3px 0 -3px #65a30d}.hub{position:absolute;left:347px;top:236px;width:160px;height:180px;filter:drop-shadow(0 0 16px #84cc16)}.hub svg{width:100%;height:100%;overflow:visible}.hub path{fill:#a3e6353d;stroke:#4d7c0f;stroke-width:1.7}.hub .hidden-edge{fill:none;stroke:#84cc1666;stroke-width:1}.hub span{position:absolute;top:185px;width:100%;text-align:center;font-size:7px;letter-spacing:3px;color:#7c8570}.system-monitor{position:absolute;left:0;top:130px;width:290px;height:320px;padding:25px;opacity:.5!important;transform:rotateY(20deg) rotateZ(5deg);font-size:12px}.system-monitor>small{display:block;font-size:9px;color:#7c8570;margin-top:6px}.world-map{color:#84cc16aa;font-size:28px;line-height:1.3;margin:24px 0 12px;letter-spacing:4px}.system-monitor p{font-size:25px}.system-monitor p small{display:block;font-size:9px;color:#7c8570;margin-top:5px}.sync-badge{position:absolute;right:15px;bottom:70px;padding:18px;font-size:10px}.status-dot{display:inline-block;background:#84cc16;width:5px;height:5px;border-radius:50%;box-shadow:0 0 9px #a3e635;margin-right:9px}.workflow-wire{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 7px #84cc16)}.workflow-wire path{stroke:#84cc16;stroke-width:1.6}.goal-label{position:absolute;left:247px;top:0;font-size:8px;letter-spacing:3px}.workflow{position:absolute;left:105px;width:350px;padding:20px;display:flex;align-items:center;gap:17px;z-index:2}.workflow>div{font-size:18px}.workflow small{display:block;color:#6b7160;font-size:11px;line-height:1.6;margin-top:7px}.workflow .step-number{position:absolute;right:15px;top:16px;color:#9aa088;font-size:8px}.goal{top:35px;width:390px;left:85px}.goal i{background:linear-gradient(130deg,#a855f7,#7c3aed);color:white;border-color:#c4b5fd}.think{top:180px}.tools{top:305px}.action{top:430px}.result{top:555px;padding:16px 20px}.result i{background:#a3e635;color:#1a1c17}.campaign{position:absolute;left:515px;top:155px;width:270px;padding:15px 22px 25px;transform:rotateY(-16deg) rotateZ(-5deg)}.campaign h3{font-weight:400;font-size:23px;margin:12px 0 25px}.campaign p{font-size:12px;color:#4a4f42;margin-bottom:21px;display:flex;align-items:center;gap:10px}.campaign p i{font-style:normal;background:#65a30d;box-shadow:0 0 8px #a3e63530;border:1px solid #bef264;border-radius:50%;padding:3px 6px}.campaign>small{font-size:7px;letter-spacing:1.5px;color:#9aa088}.mini-bars{display:flex;gap:12px;align-items:end;height:90px;border-bottom:1px solid #dfe6cf;margin-bottom:20px}.mini-bars b{width:16px;height:30%;background:linear-gradient(#bef264,#65a30d);border-radius:2px 2px 0 0}.mini-bars b:nth-child(2n){height:55%}.mini-bars b:nth-child(3n){height:43%}.mini-bars b:nth-child(5){height:75%}.mini-bars b:last-child{height:95%}.complete{position:absolute;left:470px;top:540px;display:flex;align-items:center;gap:14px;padding:22px;width:355px;transform:rotateZ(-3deg);z-index:4}.complete>i{font-style:normal;font-size:30px;color:white;background:#65a30d;border:1px solid #bef264;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;box-shadow:0 0 20px #a3e63566}.complete small{display:block;font-size:10px;color:#6b7160;margin-top:7px}.editor{position:absolute;left:100px;top:35px;width:710px;height:400px;padding:14px 18px;transform:rotateY(-12deg) rotateZ(-5deg)}.editor-layout{display:grid;grid-template-columns:125px 325px 1fr;gap:10px}.editor aside{font-size:9px}.editor aside strong{font-size:10px;white-space:nowrap}.code{background:#f6f8f2;border:1px solid #dfe6cf;border-radius:4px;overflow:hidden}.file-tab{padding:12px;background:#eef2e5;font-size:10px;color:#4a4f42;border-bottom:1px solid #dfe6cf;width:130px}.file-tab span{float:right}.code pre{font:11px/1.9 monospace;padding:14px 15px;color:#3a3f33}.comment{color:#8a9178}.pink{color:#b3358a}.yellow{color:#a15c07}.green{color:#4d7c0f}.cursor{color:#65a30d}.terminal{border-top:1px solid #e0e6d0;font:8px monospace;padding:12px;color:#7c8570}.terminal span{color:#3f7d2f}.course{padding:14px 0;font-size:10px}.course p{margin-bottom:17px}.course>span{display:block;background:#f2f6ea;padding:10px 5px;margin:8px 0;border-radius:4px;font-size:8px;color:#4a4f42}.course small{font-size:6px;letter-spacing:1px;color:#9aa088}.course-progress{height:3px;background:#e3e8d6;margin:25px 0 10px}.course-progress i{display:block;width:40%;height:100%;background:#84cc16;box-shadow:0 0 8px #a3e635}.learn-ladder{position:absolute;left:0;top:260px;padding:25px;width:190px;z-index:3;transform:rotateY(15deg) rotateZ(2deg)}.learn-ladder span{display:flex;align-items:center;gap:17px;font-size:21px;margin-bottom:25px}.learn-ladder span:last-child{margin-bottom:0}.learn-ladder i{font-style:normal;display:grid;place-items:center;width:40px;height:45px;font-size:22px;border-radius:50%;background:radial-gradient(#bef264,#4d7c0f);border:1px solid #84cc16;box-shadow:0 0 15px #a3e63555}.exercise,.project-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:20px;z-index:4}.exercise{left:230px;top:385px;width:285px;transform:rotateZ(-4deg)}.exercise small,.project-chip small{display:block;font-size:10px;line-height:1.5;color:#6b7160;margin-top:6px}.exercise>span,.project-chip>span{margin-left:auto;color:#65a30d;font-size:23px}.project-chip{left:550px;top:400px;width:270px;transform:rotateZ(-3deg)}.breakthrough{position:absolute;left:340px;top:510px;width:315px;height:175px;overflow:hidden;transform:rotateY(-12deg) rotateZ(-3deg);z-index:3}.breakthrough .mountain{background-position:center 35%}.breakthrough p{position:relative;z-index:2;padding:21px 20px 10px;font-size:19px;line-height:1.2}.breakthrough small{position:relative;z-index:2;padding:0 20px;font-size:7px;letter-spacing:1.7px;color:#6b7160}.learning-steps{display:flex;margin-top:38px;gap:0;max-width:375px}.learning-steps span{width:25%;border-right:1px solid #dfe6cf;padding:0 13px;font:16px Georgia,serif;color:#3f4539}.learning-steps span:first-child{padding-left:0}.learning-steps span:last-child{border:0}.learning-steps b{display:block;font:26px Georgia,serif;color:#84cc16;margin-bottom:8px}.closing-copy{position:absolute;top:17%;width:100%;text-align:center}.closing-copy h2{font-size:clamp(36px,4.3vw,72px);letter-spacing:-1.5px;margin:20px 0 12px}.closing-copy .intro{font-size:15px;margin-top:10px}.closing-copy .pill{margin-top:24px}.brand-finale{position:absolute;left:50%;top:43%;width:420px;margin-left:-210px;text-align:center}.brand-finale svg{width:170px;height:190px;overflow:visible;filter:drop-shadow(0 0 7px #bef264) drop-shadow(0 0 25px #84cc16)}.brand-finale path{fill:none;stroke:#4d7c0f;stroke-width:7;stroke-linejoin:miter;stroke-dasharray:750}.brand-finale p{font:45px Georgia,serif;letter-spacing:10px;margin:3px 0 14px}.brand-finale small{font-size:8px;letter-spacing:3px;color:#7c8570}.values{position:absolute;left:12%;right:12%;bottom:18%;display:flex;text-align:center}.values>span{flex:1;font:18px Georgia,serif;border-right:1px solid #dfe6cf}.values>span:last-child{border:0}.values small{display:block;font:7px Arial,sans-serif;letter-spacing:1.8px;margin-top:12px;color:#7c8570}footer{position:fixed;inset:auto 0 0;height:119px;z-index:20;padding:14px 4.2% 22px;display:flex;align-items:center;gap:35px;background:linear-gradient(transparent,#ffffffec 75%)}.journey-meta{font-size:9px;letter-spacing:1px;width:170px;flex-shrink:0}.meta-label{display:block;margin-top:12px;font-size:6px;letter-spacing:1.6px;color:#9aa088}.journey-meta .status-dot{width:4px;height:4px}#journey-nav{position:relative;display:flex;justify-content:space-between;max-width:860px;flex:1;gap:20px;padding-top:18px}.progress-track{position:absolute;top:0;height:1px;left:0;right:0;background:#e2e2da}.progress-track i{display:block;height:1px;background:#84cc16;box-shadow:0 0 8px #a3e635;width:0}#journey-nav a{position:relative;display:flex;flex-direction:column;gap:10px;width:95px;color:#9aa088;font-size:9px;transition:color .25s}#journey-nav a:before{content:'';position:absolute;top:-21px;left:0;width:5px;height:5px;border-radius:50%;border:1px solid #c9d3b5;background:#ffffff}#journey-nav a:last-child{width:auto}#journey-nav b{font-weight:400;font-size:9px;letter-spacing:1px}#journey-nav a[aria-current]{color:#1a1c17}#journey-nav a[aria-current]:before{background:#a3e635;box-shadow:0 0 10px 3px #84cc16;border-color:#bef264}#journey-nav a[aria-current] b{text-shadow:0 0 10px #84cc16}#motion-toggle{margin-left:auto;white-space:nowrap;font-size:9px;background:transparent;color:#7c8570;display:flex;gap:8px;align-items:center}#motion-toggle span{border:1px solid #c9d3b5;border-radius:12px;padding:5px 8px;font-size:8px;color:#65a30d}.skip{position:fixed;left:20px;top:-60px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:15px}dialog{background:radial-gradient(at top right,#f2fae2,#ffffff 70%);color:#1a1c17;border:1px solid #c9e59a;border-radius:15px;padding:55px;max-width:calc(100% - 35px);box-shadow:0 0 80px #84cc1622}dialog::backdrop{background:#1c1e18a6;backdrop-filter:blur(12px)}dialog h2{font-size:42px;line-height:1.15;margin:20px 0}dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#5b6150;margin-bottom:25px}.dialog-close{position:absolute;right:20px;top:15px;background:none;font-size:28px;color:#7c8570}.no-js{position:fixed;inset:35% 15%;z-index:100;background:#f4f7ec;padding:40px;font-size:20px;text-align:center}.reduced .packet{display:none}.reduced .orbit-blur{opacity:.5}
.piece{translate:var(--piece-x,0px) var(--piece-y,0px)}.scroll-cue{translate:-50% 0;transform:none}.beacon{top:58.3%}.beacon i{display:block;position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(#bef26488,transparent 70%)}
@media(min-width:1700px){.copy{top:24%}.copy h2{font-size:80px}.hero-copy{top:23%}}
@media(max-height:780px) and (min-width:761px){header{height:85px}.copy{top:18%}.copy h2{font-size:clamp(38px,4.1vw,65px);margin:17px 0}.lead{font-size:17px}.detail{font-size:12px;margin:13px 0 17px}.features{gap:10px;margin:16px 0}.benefits{gap:17px;margin-top:23px}.benefits i{width:39px;height:39px}.learning-steps{margin-top:22px}.hero-copy{top:20%}.closing-copy{top:15%}.brand-finale{top:45%}.brand-finale svg{height:130px}.brand-finale p{font-size:33px}.values{bottom:20%}footer{height:95px}.art{top:14%;height:72%}}
@media(max-width:1000px){.top-nav{gap:20px}.wordmark{font-size:23px;letter-spacing:5px}.wordmark span{font-size:6px}.journey-meta{width:115px}.meta-label{font-size:5px;line-height:1.8}.copy{left:4%;width:34%}.copy h2{font-size:42px}.eyebrow{font-size:8px;gap:10px;letter-spacing:1.6px}.benefits small{font-size:11px}.lead{font-size:17px}.detail{font-size:12px}}
@media(max-width:760px){header{height:83px;padding:0 6%}.wordmark{font-size:22px;letter-spacing:4px}.wordmark span{font-size:5.5px;letter-spacing:1.2px}.top-nav{display:none}header>.pill{font-size:9px;padding:10px 13px;gap:10px}header>.pill span{font-size:16px}.hero-copy{top:24%;left:5%;right:5%}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.5px}h1{font-size:clamp(48px,11vw,78px);letter-spacing:-2px;margin-top:24px}.serif-sub{font-size:22px}.intro{font-size:13px;line-height:1.8;margin-top:20px}.planet{top:64%;width:230%;left:-65%;height:100%}.beacon{top:52%}.scroll-cue{bottom:23%}.scene-note{display:none}.copy{top:14%;left:7%;width:86%;max-width:none}.copy h2{font-size:40px;line-height:1.08;margin:13px 0 12px;letter-spacing:-1px}.copy h2 br{display:none}.copy .eyebrow{font-size:7px}.lead{font-size:14px;line-height:1.6;max-width:90%}.lead br{display:none}.detail{font-size:11px;margin:10px 0 15px;max-width:90%}.features,.benefits{display:none}.copy>.pill{font-size:10px;padding:10px 17px;gap:15px;margin-top:4px}.art{left:0;width:100%;top:40%;height:45%}.artboard{transform-origin:center}.learning-steps{display:none}.closing-copy{top:18%;padding:0 7%}.closing-copy h2{font-size:42px;line-height:1.13}.closing-copy .intro{font-size:12px}.closing-copy .pill{font-size:11px;margin-top:18px}.brand-finale{top:47%;width:300px;margin-left:-150px}.brand-finale svg{height:145px}.brand-finale p{font-size:34px;letter-spacing:8px}.brand-finale small{font-size:6px;letter-spacing:2px}.values{left:5%;right:5%;bottom:17%;gap:8px}.values>span{font-size:11px}.values small{font-size:5px;letter-spacing:.7px;line-height:1.6;margin-top:8px}footer{height:100px;padding:15px 7% 24px;gap:0;flex-wrap:wrap}.journey-meta{position:absolute;top:-5px;font-size:7px}.meta-label{display:none}#journey-nav{width:100%;flex-basis:100%;gap:0;padding-top:14px}#journey-nav a{width:auto;font-size:7px;gap:8px}#journey-nav a:before{top:-17px;width:4px;height:4px}#journey-nav b{font-size:8px}#motion-toggle{position:absolute;right:7%;top:-13px;font-size:7px}#motion-toggle span{font-size:6px;padding:3px 6px}.floor{left:-50%;right:-100%;top:65%}dialog{padding:35px 25px}dialog h2{font-size:32px}}
@media(max-width:760px) and (max-height:700px){.copy{top:15%}.copy h2{font-size:34px}.detail{display:none}.art{top:40%;height:43%}.hero-copy{top:23%}.brand-finale{top:50%}.brand-finale svg{height:100px}.values{display:none}.closing-copy{top:17%}.closing-copy h2{font-size:35px}}
@media(max-height:780px) and (min-width:761px){.hero-copy{top:18%}h1{font-size:min(7.7vw,12vh);margin:20px 0 12px}.hero-copy .serif-sub{font-size:28px}.hero-copy .intro{font-size:14px;margin-top:15px}.copy h2{font-size:56px}.features{gap:7px;font-size:12px}.features li span{font-size:18px}.copy .lead{font-size:16px}.copy .detail{max-width:365px}.art{top:16%;height:70%}}
.hub span{left:0}.world-map{font-size:22px;letter-spacing:2px}.glass{background:linear-gradient(125deg,#fffffff2,#ffffffe8 48%,#f5f8eeee)}
.breakthrough{top:485px;height:155px}.breakthrough .mountain:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffffcc,transparent 90%)}
.brand-finale{pointer-events:none}@media(max-height:780px) and (min-width:761px){.closing-copy h2{font-size:54px}.brand-finale{top:50%}.brand-finale svg{height:100px}.values{bottom:18%}}
@media(max-width:760px) and (min-height:701px){.art{top:47%;height:37%}}
.connect-board .integration{width:140px;height:140px;gap:15px;font-size:16px;transform:rotateY(-10deg) rotateZ(-3deg);z-index:2}
.connect-board .platform-logo{width:60px;height:60px;object-fit:contain;filter:brightness(0) opacity(.68)}
.connect-board .hubspot .platform-logo{filter:brightness(0) opacity(.68)}
.connect-board .paypal .platform-logo{filter:brightness(0) opacity(.68)}
.connect-board .shopify .platform-logo{filter:brightness(0) opacity(.68)}
.connect-board .deepseek .platform-logo{filter:brightness(0) opacity(.68)}
.connect-board .anthropic .platform-logo{filter:brightness(0) opacity(.68)}
.connect-board .netsuite-mark{font:bold 51px/1 Arial,sans-serif;letter-spacing:-10px;padding-right:10px;color:#1a1c17}
.connect-board .netsuite-mark span{color:#65a30d;font-size:40px}
.connect-board .hub{left:345px;top:235px;z-index:3}
.connect-board .system-monitor{left:190px;top:190px;width:245px;height:270px;z-index:0;opacity:.22!important}
.connect-board .system-monitor .world-map{font-size:19px;margin:15px 0}
.connect-board .sync-badge{left:280px;right:auto;top:452px;bottom:auto;width:290px;padding:15px;text-align:center;z-index:2}
.connect-board .connections{z-index:1}
#intelligence .art{position:absolute;left:3.5%;right:3.5%;top:13.5%;bottom:10.5%;width:auto;height:auto;perspective:none}
#intelligence .artboard{position:absolute;inset:0;width:100%;height:100%;scale:1;transform:none}
#intelligence .ai-board{font-family:Inter,Arial,sans-serif}
#intelligence .il-defs{position:absolute;width:0;height:0}
#intelligence .copy{top:124px;left:4.2%;width:min(300px,34%);z-index:6}
#intelligence .benefits,#intelligence .copy .lead{display:none}
#intelligence .copy .eyebrow{gap:11px;letter-spacing:1.9px;line-height:1.4;white-space:nowrap}
#intelligence .copy .eyebrow b{letter-spacing:1px}
#intelligence .copy .eyebrow i{width:22px}
#intelligence .copy h2{font-size:clamp(21px,2.4vw,35px);margin:18px 0 14px}
#intelligence .scroll-hint{margin:16px 0 0;font-size:8px;letter-spacing:2.6px;color:#7c8570}
#intelligence .ico{width:1em;height:1em;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#intelligence .il-step{position:absolute;inset:0;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  gap:clamp(11px,2.1vh,24px);padding:clamp(16px,3.2vh,38px) clamp(28px,5.5vw,80px);
  background:linear-gradient(158deg,rgba(255,255,255,.62),rgba(244,248,235,.46));
  border:1px solid rgba(146,181,90,.36);border-radius:24px;backdrop-filter:blur(8px);
  box-shadow:0 34px 90px rgba(26,28,23,.09),inset 0 1px 0 rgba(255,255,255,.65);
  opacity:0;transform:scale(.955) translateY(30px);
  pointer-events:none;will-change:opacity,transform}
#intelligence .il-step.on{opacity:1;transform:none}
#intelligence .il-step .f{opacity:0}
#intelligence .il-step.on .f{opacity:1}
#intelligence .kicker{margin:0;font-size:clamp(9.5px,.82vw,11.5px);letter-spacing:3.2px;color:#65a30d}
#intelligence .hd{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(16px,1.95vw,26px);line-height:1.16;color:#1a1c17;max-width:36ch}
#intelligence .hd em,#intelligence .big em{font-style:normal;color:#4d7c0f}
#intelligence .big{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(23px,3.3vw,44px);line-height:1.16;color:#1a1c17;max-width:22ch}
#intelligence .mark{width:clamp(38px,3.8vw,56px);height:clamp(38px,3.8vw,56px);color:#4d7c0f;filter:drop-shadow(0 0 14px #a3e63577)}
#intelligence .dot{width:clamp(26px,2.2vw,34px);height:clamp(26px,2.2vw,34px);border-radius:50%;display:grid;place-items:center;
  font-size:clamp(14px,1.3vw,19px);flex:0 0 auto;background:radial-gradient(at 30% 24%,#f4fbe6,#e3f2c1);border:1px solid #c4e08a;color:#4d7c0f}
#intelligence .dot.p{background:radial-gradient(at 30% 24%,#f3ecff,#e4d6ff);border-color:#c4b5fd;color:#7c3aed}
#intelligence .dot.lg{width:clamp(36px,3vw,46px);height:clamp(36px,3vw,46px);font-size:clamp(18px,1.8vw,24px)}
#intelligence .chip{display:flex;align-items:center;gap:clamp(8px,.9vw,12px);width:clamp(148px,15vw,212px);
  background:rgba(255,255,255,.72);border:1px solid #cfe19f;border-radius:12px;
  padding:clamp(6px,.9vh,10px) clamp(11px,1.3vw,16px);
  font-size:clamp(11px,1.02vw,14.5px);color:#1a1c17;line-height:1.22;box-shadow:0 9px 22px rgba(26,28,23,.08);
  backdrop-filter:blur(3px);position:relative;z-index:2}
#intelligence .chip.p{border-color:#d3c2ff}
#intelligence .eco .pillars{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,22px);margin-top:6px}
#intelligence .pill-lg{display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(140px,15vw,186px);
  padding:clamp(15px,2.2vh,24px) 16px;background:rgba(255,255,255,.68);border:1px solid #cfe19f;border-radius:16px;
  backdrop-filter:blur(3px);font-size:clamp(12px,1.1vw,15px);font-weight:600;color:#1a1c17;box-shadow:0 12px 30px rgba(26,28,23,.08)}
#intelligence .pill-lg b{font-family:Georgia,serif;font-weight:400;font-size:clamp(20px,2.2vw,27px);color:#4d7c0f}
#intelligence .pill-lg small{font-weight:400;font-size:clamp(9px,.8vw,11px);color:#7c8570}
#intelligence .eco .pillars .pill-lg:nth-child(2){border-color:#d3c2ff}
#intelligence .eco .pillars .pill-lg:nth-child(2) b{color:#7c3aed}
#intelligence .hx{position:relative;width:100%;max-width:840px;display:flex;align-items:center;justify-content:space-between;
  gap:clamp(14px,3vw,52px)}
#intelligence .hx:before{content:"";position:absolute;left:11%;right:11%;top:50%;height:2px;transform:translateY(-1px);z-index:0;
  background:linear-gradient(90deg,transparent,#a3e63566 14%,#a855f766 50%,#a3e63566 86%,transparent);
  box-shadow:0 0 8px #a3e63533}
#intelligence .hx .col{display:flex;flex-direction:column;gap:clamp(7px,1.3vh,14px);z-index:2}
#intelligence .hx .core{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:2;flex:0 0 auto}
#intelligence .cube{width:clamp(74px,7.6vw,106px);height:auto;display:block;overflow:visible;filter:drop-shadow(0 0 16px #a3e63577)}
#intelligence .cube .cf{fill:#a3e6351f;stroke:#4d7c0f;stroke-width:2.4;stroke-linejoin:round}
#intelligence .cube .cf.right{fill:#a855f71f;stroke:#7c3aed}
#intelligence .cube .cmark{fill:none;stroke:#4d7c0f;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
#intelligence .core b{display:block;margin-top:clamp(4px,1vh,9px);font-family:Georgia,serif;font-weight:400;font-size:clamp(12px,1.25vw,16px);color:#1a1c17}
#intelligence .core em{display:block;margin-top:3px;font-style:normal;font-size:clamp(6.5px,.7vw,8.5px);letter-spacing:1.4px;color:#7c8570}
#intelligence .rows{position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;gap:clamp(8px,1.5vh,15px);padding-left:36px}
#intelligence .rows .rail{position:absolute;left:9px;top:3%;width:2px;height:0;
  background:repeating-linear-gradient(#84cc16 0 3px,transparent 3px 9px);box-shadow:0 0 6px #a3e63566;
  transition:height .8s cubic-bezier(.2,0,0,1) .25s}
#intelligence .il-step.on .rows .rail{height:94%}
#intelligence .row{display:flex;align-items:center;gap:clamp(10px,1.4vw,17px);position:relative;
  background:rgba(255,255,255,.72);border:1px solid #cfe19f;border-radius:14px;padding:clamp(9px,1.3vh,15px) clamp(13px,1.5vw,19px);
  box-shadow:0 11px 24px rgba(26,28,23,.08);backdrop-filter:blur(3px)}
#intelligence .row .node{position:absolute;left:-31px;top:50%;width:11px;height:11px;margin-top:-5px;border-radius:50%;
  background:#a3e635;box-shadow:0 0 0 4px #eaf5d2,0 0 9px #84cc16}
#intelligence .rt{flex:1;text-align:left;font-size:clamp(12.5px,1.3vw,15.5px);font-weight:600;color:#1a1c17;line-height:1.22}
#intelligence .rt small{display:block;font-weight:400;font-size:clamp(9px,.92vw,11px);color:#7c8570;margin-top:2px}
#intelligence .tm{text-align:right;font-size:clamp(10.5px,1.05vw,12.5px);font-weight:600;color:#4d7c0f;line-height:1.22;white-space:nowrap}
#intelligence .tm small{display:block;font-weight:400;font-size:clamp(8px,.82vw,10px);color:#9aa088;margin-top:2px}
#intelligence .ex{position:relative;width:100%;max-width:880px;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2.4vw,42px)}
#intelligence .ex:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:2px;transform:translateY(-1px);z-index:0;
  background:linear-gradient(90deg,transparent,#a3e63566 14%,#a855f766 50%,#a3e63566 86%,transparent);box-shadow:0 0 8px #a3e63533}
#intelligence .ex .col{display:flex;flex-direction:column;gap:clamp(7px,1.2vh,11px);z-index:2}
#intelligence .ex .col.steps .chip{width:clamp(138px,14vw,178px);font-size:clamp(10px,1vw,13px)}
#intelligence .ex .core{z-index:2;flex:0 0 auto}
#intelligence .ex .core .cube{width:clamp(54px,5.3vw,74px)}
#intelligence .acard{display:flex;align-items:center;gap:clamp(9px,1vw,12px);width:clamp(198px,21vw,258px);text-align:left;
  background:rgba(255,255,255,.72);border:1px solid #cfe19f;border-radius:12px;padding:clamp(7px,.9vh,11px) clamp(10px,1.1vw,14px);
  box-shadow:0 9px 20px rgba(26,28,23,.08);backdrop-filter:blur(3px);font-size:clamp(10px,1.02vw,12.5px);font-weight:600;color:#1a1c17;line-height:1.2;z-index:2}
#intelligence .acard.p{border-color:#d3c2ff}
#intelligence .acard .at{flex:1}
#intelligence .acard small{display:block;font-weight:400;font-size:clamp(8px,.8vw,9.5px);color:#7c8570;margin-top:2px}
#intelligence .acard .arw{width:clamp(13px,1.2vw,16px);height:clamp(13px,1.2vw,16px);color:#65a30d}
#intelligence .fw{position:relative;width:100%;max-width:840px;display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(12px,1.6vw,18px);padding-bottom:clamp(22px,3.6vh,40px)}
#intelligence .fw .dais{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;height:clamp(42px,6.5vh,66px);
  border-radius:50%;border:2px solid #84cc16;border-top-color:transparent;
  box-shadow:0 0 22px #a3e63544,inset 0 -14px 26px #a3e63522;transition:width .85s cubic-bezier(.2,0,0,1) .2s}
#intelligence .fw .dais:after{content:"";position:absolute;inset:7px -4px -7px;border-radius:50%;border:1.5px solid #a855f7;border-top-color:transparent;opacity:.55}
#intelligence .il-step.on .fw .dais{width:min(96%,780px)}
#intelligence .fcard{width:clamp(148px,17vw,186px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.9vh,10px);
  padding:clamp(14px,2.2vh,24px) clamp(12px,1.4vw,18px);
  background:linear-gradient(160deg,rgba(255,255,255,.84),rgba(245,248,238,.78));border:1px solid #cfe19f;border-radius:16px;
  box-shadow:0 15px 32px rgba(26,28,23,.09);backdrop-filter:blur(3px);position:relative;z-index:2}
#intelligence .fcard.p{border-color:#d3c2ff}
#intelligence .fcard b{font-family:Georgia,serif;font-weight:400;font-size:clamp(13px,1.4vw,17px);color:#1a1c17}
#intelligence .fcard small{font-size:clamp(8px,.9vw,10px);line-height:1.5;color:#5b6150}
#intelligence .outcome .olist{display:flex;flex-wrap:wrap;justify-content:center;gap:12px clamp(18px,2.6vw,30px);max-width:600px}
#intelligence .outcome .olist span{font-size:clamp(12px,1.2vw,15px);color:#5b6150;padding-left:16px;position:relative}
#intelligence .outcome .olist span:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#a3e635;box-shadow:0 0 7px #84cc16}
#intelligence .outcome .olist span:nth-child(2):before,#intelligence .outcome .olist span:nth-child(4):before{background:#a855f7;box-shadow:0 0 7px #7c3aed}
@media(max-width:1080px){
  #intelligence .copy{width:min(224px,27%)}
  #intelligence .hx,#intelligence .ex{gap:10px}
  #intelligence .hx .col .chip,#intelligence .ex .col.steps .chip{width:clamp(116px,12.5vw,150px)}
}
@media(max-width:760px){
  #intelligence .art{left:4%;right:4%;top:37%;bottom:15%}
  #intelligence .copy{top:96px;width:88%}
  #intelligence .copy .eyebrow{white-space:normal}
  #intelligence .il-step{padding:16px 14px;gap:11px;border-radius:18px}
  #intelligence .hx,#intelligence .ex{flex-direction:column;gap:11px;max-width:none}
  #intelligence .hx:before,#intelligence .ex:before{display:none}
  #intelligence .hx .core em{display:none}
  #intelligence .rows{max-width:none;padding-left:24px}
  #intelligence .rows .rail{left:6px}
  #intelligence .row .node{left:-21px}
  #intelligence .eco .pillars{gap:9px}
  #intelligence .fw{gap:10px}
  #intelligence .fcard{width:clamp(126px,42vw,158px)}
}
@media(max-height:660px) and (min-width:761px){
  #intelligence .art{top:10%;bottom:10%}
  #intelligence .il-step{gap:9px;padding:14px clamp(22px,4.5vw,60px)}
  #intelligence .hd{font-size:clamp(15px,1.7vw,22px)}
  #intelligence .rows{gap:6px}
  #intelligence .rows .row{padding:8px 14px}
}
@media(max-width:900px){ .top-nav{display:none} }
@media(max-width:760px){
  #intelligence .art{left:3.5%;right:3.5%;top:20%;bottom:16%}
  #intelligence .copy{top:78px;width:90%}
  #intelligence .copy h2{font-size:clamp(18px,5.4vw,25px);margin:7px 0 7px}
  #intelligence .scroll-hint{margin:8px 0 0}
  #intelligence .il-step{gap:8px;padding:13px 11px;border-radius:16px}
  #intelligence .kicker{font-size:9px;letter-spacing:2.4px}
  #intelligence .hd{font-size:clamp(14px,4.3vw,18px);max-width:none;line-height:1.2}
  #intelligence .big{font-size:clamp(18px,5.6vw,25px)}
  #intelligence .mark{width:34px;height:34px}
  #intelligence .hx,#intelligence .ex{gap:8px}
  #intelligence .hx .col,#intelligence .ex .col.steps{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}
  #intelligence .hx .col .chip,#intelligence .ex .col.steps .chip{width:calc(50% - 4px);min-width:0;font-size:10.5px;padding:5px 8px;gap:7px;border-radius:10px}
  #intelligence .dot{width:19px;height:19px;font-size:11px}
  #intelligence .hx .core{gap:2px}
  #intelligence .hx .core b{margin-top:4px;font-size:12px}
  #intelligence .cube{width:52px}
  #intelligence .ex .core .cube{width:46px}
  #intelligence .ex .col.agents{width:100%;gap:6px}
  #intelligence .ex .col.agents .acard{width:100%;padding:7px 9px;font-size:11px}
  #intelligence .acard small{font-size:8.5px}
  #intelligence .rows{gap:6px;padding-left:22px}
  #intelligence .rows .rail{left:5px}
  #intelligence .row{padding:8px 10px;gap:9px;border-radius:11px}
  #intelligence .row .node{left:-19px}
  #intelligence .rt{font-size:11.5px}
  #intelligence .rt small{font-size:8.5px;margin-top:1px}
  #intelligence .tm{font-size:10px}
  #intelligence .tm small{font-size:8px}
  #intelligence .eco .pillars{flex-direction:row;flex-wrap:wrap;gap:8px}
  #intelligence .pill-lg{width:calc(50% - 4px);padding:12px 10px}
  #intelligence .fw{gap:8px}
  #intelligence .fcard{width:calc(50% - 5px);padding:13px 11px}
  #intelligence .fcard .dot{width:32px;height:32px}
  #intelligence .outcome .olist{gap:8px 16px}
}
@media(max-width:900px) and (min-width:761px){
  footer{flex-wrap:wrap;height:96px;padding:12px 4.2% 20px;gap:0}
  .journey-meta{position:absolute;top:9px;left:4.2%;width:auto;font-size:8px;letter-spacing:1px}
  .meta-label{display:none}
  #journey-nav{width:100%;flex-basis:100%;max-width:none;padding-top:22px;gap:0}
  #journey-nav a{width:auto;flex:1;font-size:8px;gap:8px}
  #journey-nav a:last-child{flex:1}
  #motion-toggle{position:absolute;top:7px;right:4.2%}
}