.web-hero::before{content:"EXPERIENCE"}.web-hero{grid-template-columns:1fr 1fr;gap:5vw}.browser-visual{position:relative;min-height:520px;padding:28px;border:1px solid #ffffff2e;background:linear-gradient(145deg,#ffffff12,#ffffff04);box-shadow:24px 24px 0 var(--green),0 35px 70px #0005}.browser-shell{min-height:462px;padding:20px;background:#0a2231;border:1px solid #ffffff22;box-shadow:inset 0 0 40px #07131c}.browser-bar{display:flex;align-items:center;gap:8px;padding:0 3px 18px;border-bottom:1px solid #ffffff20}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#527895}.browser-bar i:nth-child(2){background:#86a6b8}.browser-bar i:nth-child(3){background:var(--green);box-shadow:0 0 10px #0eca75}.browser-bar span{margin-left:auto;color:#91adba;font-size:8px;font-weight:900;letter-spacing:.14em}.site-preview{position:relative;min-height:390px;overflow:hidden;background:#f5faf9;color:var(--navy)}.preview-nav{height:48px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid #dce7e7;font-size:8px;font-weight:900}.preview-nav b{font-size:13px}.preview-nav span{margin-left:auto;margin-right:14px;color:#607680}.preview-nav em{padding:7px 9px;background:var(--green);color:#fff;font-style:normal}.preview-hero{position:relative;min-height:250px;padding:42px 24px;background:linear-gradient(120deg,#eaf5f2 0 68%,#d5eae5 68%)}.preview-hero small{color:#527895;font-size:7px;font-weight:900;letter-spacing:.15em}.preview-hero strong{display:block;margin-top:13px;font-size:34px;line-height:.9;letter-spacing:-.055em}.preview-hero strong b{color:#0cae68}.preview-hero p{max-width:235px;color:#5c7078;font-size:9px}.preview-hero>span{display:inline-block;margin-top:10px;padding:8px 10px;background:var(--navy);color:#fff;font-size:7px;font-weight:900;letter-spacing:.06em}.preview-hero::after{content:"";position:absolute;right:25px;top:40px;width:120px;height:120px;border:18px solid #527895;border-radius:50%;box-shadow:0 0 0 16px #0eca7540}.preview-cards{height:92px;padding:14px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;background:#fff}.preview-cards i{background:#e4efed;border-top:3px solid #527895}.preview-cards i:nth-child(2){border-top-color:#329a78}.preview-cards i:nth-child(3){border-top-color:var(--green)}.conversion-signal{position:absolute;right:13px;bottom:13px;width:134px;padding:10px;background:var(--navy);color:#fff;box-shadow:7px 7px 0 var(--green)}.conversion-signal small{color:#91a9b4;font-size:6px;font-weight:900;letter-spacing:.1em}.conversion-signal b{display:block;color:var(--green);font-size:24px}.conversion-signal i{display:block;height:4px;background:#294958}.conversion-signal i span{display:block;width:82%;height:100%;background:var(--green)}.brand-ui-mark::before{inset:18px;border:6px solid var(--navy);border-radius:50%;box-shadow:inset 0 0 0 7px #cbe4df,inset 0 0 0 13px #527895}.brand-ui-mark::after{inset:43px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #0eca75}.ux-mark::before{left:17px;right:17px;top:22px;height:64px;border:6px solid var(--navy);border-radius:7px;background:linear-gradient(#527895 0 13px,transparent 13px)}.ux-mark::after{left:30px;top:52px;width:12px;height:12px;border:4px solid var(--green);border-radius:50%;box-shadow:24px 0 0 -2px #cbe4df,24px 0 0 2px var(--navy),48px 0 0 -2px #cbe4df,48px 0 0 2px var(--green),0 0 12px #0eca75}.conversion-web-mark::before{left:20px;bottom:25px;width:11px;height:25px;background:#527895;box-shadow:19px -12px 0 var(--navy),38px -27px 0 var(--green),57px -46px 0 #329a78}.conversion-web-mark::after{left:17px;top:65px;width:70px;height:5px;background:var(--navy);transform:rotate(-35deg);transform-origin:left;box-shadow:0 0 10px #0eca75}.development-mark::before{content:"</>";inset:0;display:grid;place-items:center;color:var(--navy);font-size:38px;font-weight:900}.development-mark::after{left:25px;right:25px;bottom:20px;height:5px;background:var(--green);box-shadow:0 0 12px #0eca75}.cms-mark::before{left:17px;right:17px;top:23px;height:15px;border:5px solid var(--navy);box-shadow:0 25px 0 -5px #cbe4df,0 25px 0 0 #527895,0 50px 0 -5px #cbe4df,0 50px 0 0 var(--green)}.cms-mark::after{right:22px;top:28px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 25px 0 #527895,0 50px 0 var(--navy),0 0 10px #0eca75}.api-mark::before{left:19px;top:42px;width:19px;height:19px;border:6px solid var(--navy);border-radius:50%;box-shadow:51px 0 0 -6px #cbe4df,51px 0 0 0 var(--green)}.api-mark::after{left:42px;top:49px;width:25px;height:6px;background:#527895;box-shadow:0 0 11px #0eca75}.site-levels{padding:110px 6vw;background:#fff}.site-levels>.section-head>p:last-child{color:#526b75;font-size:18px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.level-grid article{position:relative;padding:36px;border:1px solid var(--line);background:#f7fbfa;box-shadow:0 10px 0 #c6d8da}.level-grid article.featured{transform:translateY(-14px);background:var(--navy);color:#fff;box-shadow:0 14px 0 var(--green),0 24px 45px #15354b2e}.level-grid article>span{position:absolute;right:26px;top:22px;color:#52789570;font-size:13px;font-weight:900}.level-label{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.16em}.level-grid h3{margin:14px 0 18px;font-size:28px;line-height:1}.level-grid article>p:not(.level-label){color:#5a717a}.level-grid .featured>p:not(.level-label){color:#b9cbd2}.level-grid ul{min-height:190px;padding:0;list-style:none}.level-grid li{padding:10px 0;border-top:1px solid #cfdedf;font-size:13px;font-weight:800}.level-grid .featured li{border-color:#ffffff24}.level-grid li::before{content:"✓";margin-right:9px;color:var(--green)}.level-grid em{display:block;margin-top:20px;color:#527895;font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase}.level-grid .featured em{color:var(--green)}.experience-feature{padding:110px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:#eaf4f3}.experience-copy h2{margin:0 0 28px;font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.048em}.experience-copy>p:not(.eyebrow){color:#526b75;font-size:18px}.experience-copy ul{padding:0;list-style:none}.experience-copy li{padding:13px 0;border-top:1px solid var(--line);font-weight:800}.experience-copy li::before{content:"✓";margin-right:12px;color:var(--green)}.architecture-board{padding:30px;background:var(--navy);color:#fff;box-shadow:18px 18px 0 var(--green),0 28px 55px #15354b2f}.architecture-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:20px;border-bottom:1px solid #ffffff25}.architecture-head span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.15em}.architecture-head strong{font-size:14px}.architecture-core{width:220px;height:150px;margin:35px auto;display:grid;place-content:center;text-align:center;border:1px solid #527895;background:#0b293a;box-shadow:0 0 0 12px #0eca7515,0 0 30px #0eca7530}.architecture-core b{color:var(--green);font-size:32px}.architecture-core small{color:#9eb2ba}.architecture-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.architecture-links span{padding:12px;border:1px solid #52789570;text-align:center;color:#bdd0d7;font-size:9px;font-weight:900;letter-spacing:.08em}.architecture-board>p{margin:20px 0 0;color:#7894a1;font-size:8px;font-weight:900;letter-spacing:.14em;text-align:right}@media(max-width:1000px){.web-hero,.experience-feature{grid-template-columns:1fr}.browser-visual,.architecture-board{max-width:760px}.level-grid{grid-template-columns:1fr}.level-grid article.featured{transform:none}.level-grid ul{min-height:auto}}@media(max-width:700px){.browser-visual{min-height:445px;padding:18px;box-shadow:10px 10px 0 var(--green)}.browser-shell{min-height:405px;padding:14px}.preview-nav span{display:none}.preview-hero::after{width:90px;height:90px;right:10px;opacity:.7}.level-grid article{padding:28px}.experience-feature,.site-levels{padding:70px 22px}.architecture-board{padding:20px;box-shadow:10px 10px 0 var(--green)}}
@media(max-width:1025px){
	.menu{display:flex !important;border:0;background:none;font-weight:800}
	nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:24px;flex-direction:column !important;align-items:flex-start !important;border-bottom:1px solid var(--line)}nav.open{display:flex}
}