*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#080808;font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.section-width{width:min(100% - 44px,1120px);margin-inline:auto}.header{height:65px;position:absolute;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1120px)/2));color:white}.logo{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.7px;font-weight:800}.menu-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.hero{min-height:760px;height:95svh;max-height:1050px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('/hero.webp') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006 0%,transparent 28%,#0003 45%,#000a 100%)}.hero-inner{position:relative;width:min(100% - 44px,1120px);margin:0 auto;padding-bottom:clamp(70px,12vh,150px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;font-weight:800}h1{font-size:clamp(58px,8.4vw,125px);line-height:1.02;margin-bottom:24px}p{line-height:1.5}.hero p{max-width:500px;font-size:clamp(17px,2vw,22px);font-weight:600;line-height:1.4}.intro{padding-top:115px;padding-bottom:115px}.intro h2,.node-copy h2,.app h2,.apply h2{font-size:clamp(40px,5vw,70px);line-height:1.08;margin-bottom:25px}.intro p,.node-copy p{max-width:690px;font-size:clamp(18px,2vw,23px);line-height:1.42}.outline-button{display:flex;justify-content:center;align-items:center;gap:20px;border:2px solid #0c0c0c;border-radius:100px;min-height:56px;width:min(100%,420px);font-weight:700;margin-top:42px;transition:background .2s,color .2s}.outline-button:hover{background:#080808;color:white}.node-section{background:#fff}.node-image{background:#0c0c0d;height:clamp(320px,46vw,650px);display:flex;justify-content:center;align-items:center;overflow:hidden}.node-image img{width:min(85%,1150px);height:90%;object-fit:contain}.node-copy{padding-top:65px;padding-bottom:85px}.benefits{display:grid;gap:22px}.benefit{height:clamp(300px,36vw,480px);border-radius:22px;overflow:hidden;position:relative;background-image:var(--card-image);background-size:cover;background-position:center;display:flex;align-items:flex-end;isolation:isolate}.benefit:before{content:"";position:absolute;inset:0;background-image:var(--card-image);background-position:center;background-size:cover;transition:transform .6s ease;z-index:-2}.benefit:hover:before{transform:scale(1.045)}.benefit-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#0009 100%);z-index:-1}.benefit-text{color:#fff;padding:45px 55px}.benefit-text span{font-weight:800;font-size:13px;letter-spacing:2px}.benefit-text h3{font-size:clamp(35px,5.4vw,67px);line-height:1.05;margin:14px 0 0}.app{padding-top:115px;padding-bottom:120px}.app h2{margin-bottom:50px}.app-visual{height:clamp(300px,45vw,560px);display:flex;justify-content:center;align-items:center;gap:30px;overflow:hidden}.app-visual img{height:100%;width:auto;max-width:45%;object-fit:contain;filter:drop-shadow(0 15px 25px #0002)}.app-features{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:45px}.app-features h3{font-size:24px;letter-spacing:-.035em;margin-bottom:12px}.app-features p{max-width:400px;font-size:17px}.apply{background:#d5d5d5;padding:75px 22px 90px}.apply-inner{max-width:680px;margin:auto}.apply h2{text-align:center;margin-bottom:35px}.apply form{display:grid;gap:14px}.apply form>label,.apply legend{font-weight:800;font-size:15px;line-height:1.35}.apply input:not([type=radio]),.apply select{display:block;width:100%;height:53px;border:0;border-radius:7px;background:#fff;padding:0 17px;font-size:16px;font-weight:400;margin-top:8px;outline-offset:3px}.apply input::placeholder{color:#666}.apply fieldset{border:0;padding:0;margin:0;min-width:0}.apply legend{margin-bottom:8px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice label{background:#fff;border-radius:7px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600}.choice input{accent-color:#000}.submit{border:0;border-radius:100px;background:#000;color:#fff;min-height:58px;font-size:19px;font-weight:800;margin-top:15px}.submit:hover{background:#262626}.form-message{font-size:13px;margin:0;text-align:center}.footer{background:#171717;color:white;padding:60px max(22px,calc((100vw - 1120px)/2)) 28px}.footer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.footer-head>strong{font-family:Manrope;font-size:27px;letter-spacing:-1px}.footer-head>span{font-size:13px;display:flex;align-items:center;gap:14px}.yael{font-family:Manrope;font-size:22px;letter-spacing:2px;line-height:.8}.yael small{display:block;font-size:6px;letter-spacing:2.5px;margin-top:8px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:13px;margin-top:35px;margin-bottom:65px}.footer-bottom{font-size:12px;color:#aaa;border-top:1px solid #4a4a4a;padding-top:24px}@media(max-width:600px){.header{height:56px;padding:0 21px}.logo{font-size:16px}.hero{height:600px;min-height:600px;max-height:none}.hero-bg{background-position:center}.hero-inner{padding-bottom:76px}.hero h1{font-size:clamp(42px,11vw,59px);margin-bottom:13px}.hero p{font-size:15px;max-width:320px}.section-width{width:calc(100% - 42px)}.intro{padding-top:65px;padding-bottom:65px}.intro h2,.node-copy h2,.app h2,.apply h2{font-size:clamp(32px,9vw,44px);margin-bottom:15px}.intro p,.node-copy p{font-size:15px;line-height:1.48}.outline-button{height:48px;min-height:48px;margin-top:25px;font-size:14px}.node-image{height:200px}.node-image img{height:96%;width:94%}.node-copy{padding-top:30px;padding-bottom:45px}.benefits{gap:14px}.benefit{height:225px;border-radius:13px}.benefit-text{padding:23px}.benefit-text span{font-size:10px;letter-spacing:1.2px}.benefit-text h3{font-size:31px;margin-top:9px}.app{padding-top:65px;padding-bottom:70px}.app h2{margin-bottom:25px}.app-visual{height:245px;gap:4px}.app-visual img{max-width:48%}.app-features{gap:20px;margin-top:25px}.app-features h3{font-size:13px;letter-spacing:-.03em;margin-bottom:7px}.app-features p{font-size:12px;line-height:1.4}.apply{padding:55px 21px 60px}.apply h2{font-size:34px;margin-bottom:24px}.apply form{gap:12px}.apply form>label,.apply legend{font-size:12px}.apply input:not([type=radio]),.apply select{height:42px;font-size:13px;margin-top:6px}.choice label{min-height:40px;font-size:12px}.submit{min-height:47px;font-size:15px;margin-top:8px}.footer{padding:36px 21px 25px}.footer-head>strong{font-size:20px}.footer-head>span{font-size:10px;gap:8px}.yael{font-size:16px}.footer-links{font-size:11px;margin-top:23px;margin-bottom:45px}.footer-bottom{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.benefit:before{transition:none}}

/* Official Discovery font family uploaded by GridNest */
@font-face{font-family:"Discovery FS";src:url("/Discovery_Fs-Light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Discovery FS";src:url("/Discovery_Fs-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Discovery FS";src:url("/Discovery_Fs-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Discovery FS";src:url("/Discovery_Fs-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Discovery FS";src:url("/Discovery_Fs-Black.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}
body,button,input,select{font-family:"Discovery FS",Arial,sans-serif}
h1,h2,h3{font-family:"Discovery FS",Arial,sans-serif;font-weight:900;letter-spacing:-.035em}
.logo{display:flex;align-items:center}.logo img{width:129px;height:auto;display:block}
.footer-gridnest-logo{width:175px;height:auto;align-self:flex-start}
.powered-by{display:flex!important;align-items:center;gap:16px}
.powered-by img{width:95px;height:48px;object-fit:contain}
@media(max-width:600px){.logo img{width:112px}.footer-gridnest-logo{width:145px}.powered-by{gap:7px}.powered-by img{width:78px;height:auto}}


/* GridNest app: three independent swipeable screens */
.app-heading{margin-bottom:35px}.app-heading h2{margin-bottom:12px}.app-heading>p{font-size:19px;color:#555;max-width:530px}
.app-slider-wrap{position:relative}.app-slider{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 2px 25px}.app-slider::-webkit-scrollbar{display:none}
.app-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 calc((100% - 48px)/3);min-width:0;display:flex;flex-direction:column}
.app-phone{height:450px;background:#f4f4f4;border-radius:18px;display:flex;justify-content:center;align-items:center;padding:18px;overflow:hidden}
.app-phone img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #0002)}
.app-slide-copy{padding:25px 3px 0}.app-slide-index{display:block;font-size:11px;letter-spacing:2px;font-weight:700;color:#858585;margin-bottom:12px}.app-slide-copy h3{font-size:clamp(19px,2vw,27px);line-height:1.15;letter-spacing:-.035em;margin-bottom:12px}.app-slide-copy p{font-size:16px;line-height:1.5;color:#555;max-width:360px}
.app-slider-controls{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.app-dots,.app-arrows{display:flex;align-items:center;gap:10px}.app-dot{border:0;border-radius:20px;width:8px;height:8px;background:#ccc;padding:0;transition:width .25s,background .25s}.app-dot.is-active{width:27px;background:#111}.app-arrows button{width:45px;height:45px;border-radius:50%;border:1px solid #ddd;background:#fff;display:grid;place-items:center;transition:background .2s,color .2s}.app-arrows button:hover{background:#111;color:#fff}
@media(max-width:900px){.app-slide{flex-basis:calc((100% - 24px)/2)}.app-phone{height:410px}}
@media(max-width:600px){.app-heading{margin-bottom:20px}.app-heading>p{font-size:14px}.app-slider{gap:14px;padding-bottom:14px}.app-slide{flex-basis:86%}.app-phone{height:370px;border-radius:14px;padding:14px}.app-slide-copy{padding:20px 3px 0}.app-slide-index{font-size:10px;margin-bottom:9px}.app-slide-copy h3{font-size:23px;margin-bottom:8px}.app-slide-copy p{font-size:14px}.app-slider-controls{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.app-slider{scroll-behavior:auto}}


/* Floating fixed navigation: transparent on hero, rounded white on scroll */
.header{position:fixed!important;top:18px!important;left:clamp(16px,3vw,42px)!important;right:clamp(16px,3vw,42px)!important;width:auto!important;height:64px!important;padding:0 22px!important;z-index:1000!important;border-radius:15px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s cubic-bezier(.2,.8,.2,1),backdrop-filter .38s,border-radius .38s,transform .38s}
.header.is-scrolled{background:#fff;box-shadow:0 10px 38px rgba(0,0,0,.13),0 1px 3px rgba(0,0,0,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#111}
.header .logo img{filter:brightness(0) invert(1);transition:filter .35s}
.header.is-scrolled .logo img{filter:brightness(0)}
.header .menu-link{color:white;transition:color .35s}
.header.is-scrolled .menu-link{color:#111}
.hero-bg{will-change:transform;animation:heroSlowReveal 1.8s cubic-bezier(.16,1,.3,1) both}
.hero-inner{animation:heroCopyReveal 1.15s .18s cubic-bezier(.16,1,.3,1) both}
@keyframes heroSlowReveal{from{transform:scale(1.085);filter:brightness(.78)}to{transform:scale(1);filter:brightness(1)}}
@keyframes heroCopyReveal{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.header{top:14px!important;left:20px!important;right:20px!important;height:61px!important;padding:0 21px!important;border-radius:11px}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-inner{animation:none!important}.header{transition:none!important}}


/* Benefits: tall editorial image cards, uncropped photography */
.benefits{gap:24px}
.benefit{height:clamp(510px,62vw,740px);background-color:#1d2228;background-position:center;background-size:cover;isolation:isolate}
.benefit:before{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;inset:0!important;z-index:-1}
.benefit:after{content:"";position:absolute;inset:0;z-index:-2;background:rgba(10,15,20,.42);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.benefit-overlay{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.06) 65%,rgba(0,0,0,.76) 100%)}
.benefit-text{position:relative;z-index:2}
@media(max-width:600px){.benefits{gap:18px}.benefit{height:clamp(430px,133vw,630px);border-radius:16px}.benefit-text{padding:28px}.benefit-text h3{font-size:clamp(35px,9vw,46px)}}


/* Benefit image typography: editorial position just below vertical center */
.benefit{align-items:flex-start}
.benefit-text{position:absolute;left:0;right:0;top:55%;bottom:auto;padding:0 clamp(26px,4.3vw,64px);transform:translateY(-8%);z-index:3}
.benefit-text span{display:block;font-size:clamp(17px,1.65vw,23px);line-height:1.15;letter-spacing:.08em;font-weight:800;text-shadow:0 2px 12px #0008}
.benefit-text h3{font-size:clamp(43px,5.8vw,79px);line-height:1.06;margin-top:14px;max-width:790px;text-shadow:0 3px 22px #0008}
.benefit-overlay{background:linear-gradient(180deg,transparent 22%,rgba(0,0,0,.12) 39%,rgba(0,0,0,.56) 61%,rgba(0,0,0,.18) 100%)}
@media(max-width:600px){.benefit-text{top:55%;padding:0 27px;transform:translateY(-8%)}.benefit-text span{font-size:clamp(15px,4vw,19px);letter-spacing:.045em}.benefit-text h3{font-size:clamp(36px,10vw,52px);line-height:1.08;margin-top:11px}}


/* Reference-matched benefits: portrait photography with copy around 60% */
.benefits{gap:20px}
.benefit{height:auto;aspect-ratio:0.68;background-image:none!important;background-color:#e4e4e4;border-radius:17px;overflow:hidden}
.benefit:before{background-image:var(--card-image);background-size:cover!important;background-position:center!important;transform:none!important;inset:0!important}
.benefit:after{display:none}
.benefit-overlay{background:linear-gradient(180deg,transparent 26%,rgba(0,0,0,.03) 43%,rgba(0,0,0,.42) 72%,rgba(0,0,0,.16) 100%)}
.benefit-text{top:59%;transform:none;padding:0 clamp(18px,3.2vw,42px)}
.benefit-text span{font-size:clamp(13px,1.4vw,18px);letter-spacing:0;font-weight:900;line-height:1.1}
.benefit-text h3{font-size:clamp(27px,3.8vw,52px);line-height:1.07;margin-top:9px;font-weight:900}
@media(max-width:600px){.benefits{gap:20px}.benefit{height:auto;aspect-ratio:.68;border-radius:17px}.benefit-text{top:59%;padding:0 20px}.benefit-text span{font-size:clamp(14px,3.5vw,18px)}.benefit-text h3{font-size:clamp(27px,7vw,42px);margin-top:9px}}


/* HERO — cinematic entrance and scroll-controlled depth */
.hero{isolation:isolate;--hero-scroll:0;--hero-opacity:1}
.hero-bg{animation:gnHeroImageIn 1.8s cubic-bezier(.16,1,.3,1) both;transform-origin:center center;will-change:transform,filter}
.hero-shade{z-index:1;pointer-events:none;transition:none}
.hero-inner{z-index:2;animation:gnHeroTextIn 1.1s .35s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}
.hero h1{animation:gnHeroTitleIn 1.1s .2s cubic-bezier(.16,1,.3,1) both}
.hero p{animation:gnHeroTitleIn 1.1s .65s cubic-bezier(.16,1,.3,1) both}
@keyframes gnHeroImageIn{from{transform:scale(1.10);filter:blur(8px) brightness(.78)}to{transform:scale(1);filter:blur(0) brightness(1)}}
@keyframes gnHeroTextIn{from{opacity:0;transform:translate3d(0,38px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes gnHeroTitleIn{from{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.hero.hero-ready .hero-bg{animation:none;transform:translate3d(0,calc(var(--hero-scroll)*32px),0) scale(calc(1 + var(--hero-scroll)*.075));filter:brightness(calc(1 - var(--hero-scroll)*.24))}
.hero.hero-ready .hero-inner{animation:none;opacity:var(--hero-opacity);transform:translate3d(0,calc(var(--hero-scroll)*-100px),0)}
.hero.hero-ready .hero h1,.hero.hero-ready .hero p{animation:none}
.hero.hero-ready h1,.hero.hero-ready p{animation:none}
.hero.hero-ready .hero-shade{background:linear-gradient(180deg,#0006 0%,transparent 28%,#0003 45%,rgba(0,0,0,calc(.62 + var(--hero-scroll)*.24)) 100%)}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-inner,.hero h1,.hero p{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}.hero.hero-ready .hero-bg,.hero.hero-ready .hero-inner{transform:none!important;filter:none!important;opacity:1!important}}


/* Sequential three-second hero reveal: image 0–1s, heading 1–2s, description 2–3s */
.hero-bg{animation:gnHeroImageIn 1s cubic-bezier(.22,1,.36,1) both}
.hero-inner{animation:none!important}
.hero h1{animation:gnHeroTitleIn 1s 1s cubic-bezier(.22,1,.36,1) both}
.hero p{animation:gnHeroTitleIn 1s 2s cubic-bezier(.22,1,.36,1) both}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero h1,.hero p{animation:none!important}}


/* What is GridNest — refined scroll-scrubbed editorial reveal */
.intro{position:relative;isolation:isolate}
.intro h2,.intro p,.intro .outline-button{transform-origin:left center}
.intro.intro-motion h2{opacity:var(--intro-title-opacity,1);transform:translate3d(0,var(--intro-title-y,0px),0);filter:blur(var(--intro-title-blur,0px));will-change:opacity,transform,filter}
.intro.intro-motion p{opacity:var(--intro-body-opacity,1);transform:translate3d(0,var(--intro-body-y,0px),0);filter:blur(var(--intro-body-blur,0px));will-change:opacity,transform,filter}
.intro.intro-motion .outline-button{opacity:var(--intro-button-opacity,1);transform:translate3d(0,var(--intro-button-y,0px),0);will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){.intro.intro-motion h2,.intro.intro-motion p,.intro.intro-motion .outline-button{opacity:1!important;transform:none!important;filter:none!important}}


/* Internationalization and full right-to-left support */
.header-actions{display:flex;align-items:center;gap:16px}
.language-toggle{background:transparent;color:inherit;border:1px solid currentColor;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;line-height:1.1;min-width:65px;transition:background .2s,color .2s}
.language-toggle:hover{background:#ffffff24}
.header.is-scrolled .language-toggle:hover{background:#0000000d}
html[dir=rtl] body{font-family:Arial,"Noto Sans Hebrew",sans-serif;text-align:right}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Arial,"Noto Sans Hebrew",sans-serif;letter-spacing:-.035em}
html[dir=rtl] .hero-inner,html[dir=rtl] .intro,html[dir=rtl] .node-copy,html[dir=rtl] .app-heading,html[dir=rtl] .app-slide-copy,html[dir=rtl] .benefit-text{text-align:right}
html[dir=rtl] .intro h2,html[dir=rtl] .intro p,html[dir=rtl] .intro .outline-button{transform-origin:right center}
html[dir=rtl] .header{direction:ltr}
html[dir=rtl] .header-actions{direction:ltr}
html[dir=rtl] .hero-inner{direction:rtl}
html[dir=rtl] .outline-button span,html[dir=rtl] .submit span{display:inline-block;transform:scaleX(-1)}
html[dir=rtl] .benefit-text{direction:rtl}
html[dir=rtl] .app-slider,html[dir=rtl] .app-slider-controls{direction:ltr}
html[dir=rtl] .app-slide-copy{direction:rtl}
html[dir=rtl] .apply form{direction:rtl}
html[dir=rtl] .apply input:not([type=radio]),html[dir=rtl] .apply select{text-align:right}
html[dir=rtl] .apply input[type=email],html[dir=rtl] .apply input[type=tel]{direction:ltr;text-align:left}
html[dir=rtl] .footer{direction:rtl}
html[dir=rtl] .footer-head{direction:ltr}
html[dir=rtl] .footer-links{direction:rtl}
html[dir=rtl] .footer-bottom{direction:ltr;text-align:center}
html[dir=rtl] .hero h1{font-size:clamp(52px,7.5vw,110px);line-height:1.12}
html[dir=rtl] .benefit-text h3{line-height:1.15}
@media(max-width:600px){.header-actions{gap:8px}.language-toggle{font-size:12px;padding:8px 10px;min-width:56px}html[dir=rtl] .hero h1{font-size:clamp(48px,11vw,72px)}}


/* Use the same branded Discovery FS font for Hebrew and English */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] label,
html[dir="rtl"] legend,
html[dir="rtl"] a,
html[dir="rtl"] .benefit-text,
html[dir="rtl"] .app-slide-copy {
  font-family:"Discovery FS",Arial,sans-serif;
}

/* Keep the What is GridNest heading static while the copy and CTA reveal on scroll. */
.intro.intro-motion h2{opacity:1!important;transform:none!important;filter:none!important;will-change:auto!important}

/* Animated connected AI Node network map */
.network-map-section{background:#fff;padding:0 22px 105px}
.network-map{position:relative;isolation:isolate;overflow:hidden;width:min(100%,1120px);height:clamp(350px,48vw,550px);margin-inline:auto;border-radius:25px;background:radial-gradient(ellipse at 50% 48%,#173226 0%,#0c1914 45%,#080f0d 100%);color:#e8f7ed;direction:ltr}
.network-map-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(#8cff8212 1px,transparent 1px),linear-gradient(90deg,#8cff8212 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse at center,#000 12%,transparent 90%)}
.network-map-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 51% 46%,#64eb5816,transparent 48%);pointer-events:none}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.network-route{fill:none;stroke:#72ef69;stroke-width:1.25;stroke-opacity:.25;stroke-dasharray:5 8}
.network-trace{fill:none;stroke:#80ff79;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:0 1000;filter:drop-shadow(0 0 6px #70ef69);opacity:0;transition:stroke-dasharray 1.4s cubic-bezier(.22,1,.36,1),opacity .4s}
.network-map.is-visible .network-trace{stroke-dasharray:1000 0;opacity:.65}
.network-map.is-visible .network-trace-b{transition-delay:.35s}
.network-map.is-visible .network-trace-c{transition-delay:.7s}
.network-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translate(-50%,-50%) scale(.85);opacity:0;transition:transform .75s cubic-bezier(.2,1.4,.3,1),opacity .65s}
.network-node-one{left:23.5%;top:65.4%}
.network-node-two{left:51.5%;top:39.4%}
.network-node-three{left:81%;top:65.4%}
.network-map.is-visible .network-node{transform:translate(-50%,-50%) scale(1);opacity:1}
.network-map.is-visible .network-node-two{transition-delay:.3s}
.network-map.is-visible .network-node-three{transition-delay:.6s}
.network-node-ring{position:absolute;top:-20px;left:50%;width:115px;height:115px;transform:translateX(-50%);border:1px solid #70ef6940;border-radius:50%;box-shadow:0 0 0 12px #70ef6908,0 0 55px #70ef6915;pointer-events:none}
.network-node-ring:after{content:"";position:absolute;inset:11px;border:1px solid #70ef6938;border-radius:50%;animation:gnNodePulse 3.2s ease-in-out infinite}
.network-node-two .network-node-ring:after{animation-delay:1s}
.network-node-three .network-node-ring:after{animation-delay:2s}
.network-node-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;border:1px solid #70ef6980;border-radius:22px;background:linear-gradient(145deg,#183b27,#09160f);box-shadow:0 0 32px #70ef6922,inset 0 1px #ffffff14}
.network-node-icon img{width:42px;height:38px;object-fit:contain;filter:drop-shadow(0 0 8px #70ef6960)}
.network-node-label{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:1.8px;color:#e4f5e4;font-family:"Discovery FS",Arial,sans-serif}
.network-node-label i,.network-live-dot{width:6px;height:6px;border-radius:50%;background:#70ef69;box-shadow:0 0 10px #70ef69}
.network-map-corner{position:absolute;z-index:3;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#9ab2a4;font-family:"Discovery FS",Arial,sans-serif}
.network-map-corner-tl{top:30px;left:34px}
.network-map-corner-br{bottom:28px;right:34px;display:flex;align-items:center;gap:10px}
@keyframes gnNodePulse{0%,100%{opacity:.35;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:650px){.network-map-section{padding:0 16px 72px}.network-map{height:370px;border-radius:19px}.network-node-icon{width:56px;height:56px;border-radius:16px}.network-node-icon img{width:33px;height:30px}.network-node-ring{width:86px;height:86px;top:-15px}.network-node{gap:9px}.network-node-label{font-size:9px;letter-spacing:1px}.network-map-corner{font-size:9px;letter-spacing:1px}.network-map-corner-tl{top:21px;left:20px}.network-map-corner-br{bottom:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.network-trace{stroke-dasharray:none!important;opacity:.65!important;transition:none!important}.network-node{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;transition:none!important}.network-node-ring:after{animation:none!important}}

/* Urban network experience: city-map streets, neutral moving data routes, scroll-only reveal */
.network-map{background:#0d1822}
.network-city{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(1.09);transition:opacity 1.3s ease,transform 2.4s cubic-bezier(.2,.7,.2,1);filter:saturate(.72)}
.network-map.is-visible .network-city{opacity:1;transform:scale(1)}
.network-map-grid{display:none}
.network-map-glow{z-index:1;background:linear-gradient(180deg,#09131bd4 0%,#0b182050 28%,#09131b18 58%,#09131ba8 100%),radial-gradient(ellipse at 50% 47%,transparent 20%,#06101665 90%)}
.network-lines{z-index:2}
.network-route{stroke:#c7d7e3;stroke-width:2;stroke-opacity:.14;stroke-dasharray:5 12}
.network-trace{stroke:#e6effa;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:9 13;stroke-dashoffset:0;filter:drop-shadow(0 0 3px #9dc2e6);opacity:0;transition:opacity .8s ease;animation:none}
.network-map.is-visible .network-trace{stroke-dasharray:9 13;opacity:.95}
.network-map.is-active .network-trace{animation:gnDataFlow 1.2s linear infinite}
.network-map.is-visible .network-trace-b{transition-delay:.4s;animation-delay:-.4s}
.network-map.is-visible .network-trace-c{transition-delay:.7s;animation-delay:-.8s}
@keyframes gnDataFlow{to{stroke-dashoffset:-44}}
.network-node{z-index:4;transition-duration:.9s}
.network-node-ring:after{animation-play-state:paused}
.network-map.is-active .network-node-ring:after{animation-play-state:running}
.network-node-icon{box-shadow:0 0 30px #70ef6933,0 12px 30px #0008,inset 0 1px #ffffff22}
.network-map-story{position:absolute;z-index:5;left:0;right:0;top:0;text-align:center;padding:55px 16px 0;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;opacity:0;transform:translateY(18px);transition:opacity 1s .3s,transform 1s .3s}
.network-map.is-visible .network-map-story{opacity:1;transform:translateY(0)}
.network-story-eyebrow{font-size:10px;letter-spacing:2.6px;color:#a9beca;font-weight:800}
.network-map-story strong{font-family:"Discovery FS",Arial,sans-serif;font-size:clamp(23px,3.3vw,39px);line-height:1.12;font-weight:900;color:#fff;letter-spacing:-.035em}
.network-map-story p{font-family:"Discovery FS",Arial,sans-serif;font-size:clamp(12px,1.35vw,15px);color:#d4e1e8;line-height:1.4;margin:0}
.network-map-corner{z-index:5;color:#b8c8d1}
@media(max-width:650px){.network-map-story{padding-top:61px;gap:6px}.network-story-eyebrow{font-size:8px;letter-spacing:1.6px}.network-map-story strong{font-size:clamp(22px,5.5vw,28px)}.network-map-story p{font-size:11px;max-width:245px}.network-map-corner-tl{top:16px;left:18px}}
@media(prefers-reduced-motion:reduce){.network-city,.network-map-story{opacity:1!important;transform:none!important;transition:none!important}.network-trace{animation:none!important;stroke-dasharray:9 13!important;opacity:.95!important}}

/* Four-node constellation: one personal center, three equidistant satellites. */
.network-map{height:clamp(480px,51vw,580px)}
.network-map-story{top:0;padding:48px 28px 0;gap:6px;max-width:100%;box-sizing:border-box}
.network-map-story strong{max-width:720px;font-size:clamp(24px,3vw,36px);line-height:1.14}
.network-map-story p{max-width:550px;font-size:clamp(12px,1.3vw,15px);line-height:1.45}
.network-orbit{position:absolute;z-index:3;width:min(350px,62%);aspect-ratio:1;left:50%;top:59%;transform:translate(-50%,-50%);direction:ltr}
.network-orbit .network-lines{inset:0;width:100%;height:100%}
.network-orbit .network-node{position:absolute;left:var(--nx);top:var(--ny);transform:translate(-50%,-50%) scale(.85)}
.network-orbit .network-map.is-visible .network-node{transform:translate(-50%,-50%) scale(1)}
.network-map.is-visible .network-orbit .network-node{transform:translate(-50%,-50%) scale(1)}
.network-node-center{--nx:50%;--ny:50%}
.network-orbit .network-node-one{--nx:50%;--ny:12.5%}
.network-orbit .network-node-two{--nx:82.5%;--ny:68.75%}
.network-orbit .network-node-three{--nx:17.5%;--ny:68.75%}
.network-node-center .network-node-icon{width:82px;height:82px;border-color:#a4ff8f;background:linear-gradient(145deg,#225a33,#091b13);box-shadow:0 0 0 5px #70ef6910,0 0 42px #70ef6959,0 10px 35px #0008}
.network-node-center .network-node-label{color:#b9ffac;font-size:12px;letter-spacing:1.6px}
.network-node-center .network-node-ring{width:130px;height:130px;top:-23px;border-color:#70ef6965}
.network-orbit .network-node-label{position:relative;z-index:2}
.network-map-corner-tl{top:20px;left:26px}
.network-map-corner-br{bottom:18px;right:26px}
.network-map-story{z-index:6}
.network-orbit .network-trace{stroke:#dceaf6;stroke-width:2.7;stroke-dasharray:7 11;filter:drop-shadow(0 0 2px #b4cfe4)}
.network-map.is-visible .network-orbit .network-trace{stroke-dasharray:7 11}
@media(max-width:650px){
.network-map{height:480px}
.network-map-story{padding:60px 17px 0;gap:6px}
.network-map-story strong{font-size:clamp(21px,5.6vw,27px);max-width:330px}
.network-map-story p{max-width:300px;font-size:11px}
.network-orbit{width:min(275px,83%);top:61%}
.network-orbit .network-node-icon{width:55px;height:55px;border-radius:16px}
.network-orbit .network-node-icon img{width:32px;height:30px}
.network-orbit .network-node-center .network-node-icon{width:65px;height:65px}
.network-orbit .network-node-ring{width:84px;height:84px;top:-15px}
.network-orbit .network-node-center .network-node-ring{width:101px;height:101px;top:-18px}
.network-orbit .network-node-label{font-size:9px;letter-spacing:.65px}
.network-orbit .network-node-center .network-node-label{font-size:10px;letter-spacing:1px}
.network-map-corner-tl{top:16px;left:16px}
.network-map-corner-br{bottom:15px;right:16px}
}
@media(prefers-reduced-motion:reduce){.network-orbit .network-node{transform:translate(-50%,-50%) scale(1)!important}}

/* Editorial scroll reveals for remaining sections. Applied only after JS initializes. */
.scroll-reveal{opacity:0;transform:translate3d(0,34px,0);filter:blur(5px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),filter .85s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.scroll-reveal.is-revealed{opacity:1;transform:translate3d(0,0,0);filter:blur(0);will-change:auto}
.benefit.scroll-reveal{transform:translate3d(0,42px,0) scale(.975)}
.benefit.scroll-reveal.is-revealed{transform:translate3d(0,0,0) scale(1)}
.node-image.scroll-reveal{transform:translate3d(0,20px,0) scale(.985)}
.node-image.scroll-reveal.is-revealed{transform:translate3d(0,0,0) scale(1)}
.app-slider-wrap.scroll-reveal{transform:translate3d(0,30px,0) scale(.99)}
.app-slider-wrap.scroll-reveal.is-revealed{transform:translate3d(0,0,0) scale(1)}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}

/* Unified form entrance, selected radio cards and premium dropdowns */
#application-form.scroll-reveal{transition-delay:0ms}
.apply .choice input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.apply .choice label{position:relative;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,color .2s ease}
.apply .choice label:has(input:checked){background:#70EF69;color:#09140b;box-shadow:inset 0 0 0 1px #4fc34a}
.apply .choice label:has(input:focus-visible){outline:3px solid #162f1a;outline-offset:3px}
.apply .choice label:hover:not(:has(input:checked)){background:#f0f9ef}
.apply .custom-select{position:relative;margin-top:8px;min-width:0}
.apply .custom-select select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;margin:0!important}
.apply .custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:53px;border:0;border-radius:7px;background:#fff;color:#111;padding:0 17px;font-size:16px;text-align:start;cursor:pointer;transition:box-shadow .2s ease}
.apply .custom-select-trigger:hover{box-shadow:0 0 0 1px #a5b3a5}
.apply .custom-select-trigger:focus-visible{outline:3px solid #70EF69;outline-offset:2px}
.apply .custom-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apply .custom-select-chevron{display:grid;place-items:center;flex:0 0 24px;font-size:23px;font-weight:500;line-height:1;transform:translateY(-3px);transition:transform .2s}
.apply .custom-select.is-open .custom-select-chevron{transform:rotate(180deg) translateY(3px)}
.apply .custom-select-menu{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:30;background:#fff;border:1px solid #e3e8e2;border-radius:10px;padding:7px;box-shadow:0 15px 35px #0002;max-height:240px;overflow-y:auto}
.apply .custom-select-menu[hidden]{display:none}
.apply .custom-select-option{display:block;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:7px;background:transparent;color:#141414;font-size:15px;text-align:start;cursor:pointer;transition:background .15s ease}
.apply .custom-select-option:hover,.apply .custom-select-option:focus-visible{background:#ecf9e9;outline:none}
.apply .custom-select-option[aria-selected="true"]{background:#70EF69;color:#102310;font-weight:700}
html[dir=rtl] .apply .custom-select-trigger,html[dir=rtl] .apply .custom-select-option{text-align:right}
@media(max-width:600px){.apply .custom-select-trigger{height:42px;font-size:13px;padding:0 12px}.apply .custom-select-chevron{margin-inline:2px}.apply .custom-select-option{min-height:42px;font-size:13px;padding:10px 12px}}

/* Circular SVG flag on shared language switch */.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.language-flag{display:block;flex:none;width:23px;height:23px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #ffffff40,0 1px 3px #0002}.language-toggle span{display:inline-block}@media(max-width:600px){.language-toggle{gap:6px}.language-flag{width:21px;height:21px}}

/* Homepage language selector flags */
.header .language-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.header .language-toggle .language-flag{display:block!important;visibility:visible!important;opacity:1!important;width:23px!important;height:23px!important;min-width:23px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}

/* Form: light gray hints until an actual option is selected */
.apply input::placeholder{color:#a5aaa7!important;opacity:1}
.apply .custom-select.is-placeholder .custom-select-value{color:#a5aaa7!important;font-weight:400}
.apply select:required:invalid{color:#a5aaa7}
.apply select option{color:#141414}

/* All dropdown buttons: gray prompt until user chooses a value */
.apply .custom-select.is-placeholder .custom-select-trigger,.apply .custom-select.is-placeholder .custom-select-value{color:#a5aaa7!important}
.apply .custom-select:not(.is-placeholder) .custom-select-trigger,.apply .custom-select:not(.is-placeholder) .custom-select-value{color:#141414!important}
