:root{--blue:#2451e6;--blue-deep:#183ac4;--graphite:#292d35;--ink:#242832;--soft-white:#f7f8f5;--sky:#c9dff5;--mint:#cfe6da;--lime:#e0eead;--font-display:'Manrope','Arial Rounded MT Bold',Arial,sans-serif;--font-ui:'Plus Jakarta Sans','Manrope',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--header-height:82px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:var(--soft-white);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.has-overlay{overflow:hidden}body:has(.mobile-menu.is-open){overflow:hidden}::selection{background:#d5eaa6;color:#202935}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg,video,canvas{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8eb2ff;outline-offset:4px}.skip-link{position:fixed;z-index:1000;top:-100px;left:24px;padding:12px 18px;background:#fff;color:#202935;border-radius:6px}.skip-link:focus{top:12px}.container{width:min(1440px,calc(100% - 112px));margin-inline:auto}.section-dark{color:#fff}.section-light{color:var(--ink)}.site-app{overflow:clip}.small-label,.eyebrow,.number-stamp,.service-label,.section-meta{font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--lime);flex-shrink:0}.blue-dot{background:var(--blue)}.display-xl{font-family:var(--font-display);font-size:clamp(58px,6.2vw,115px);font-weight:800;letter-spacing:-.075em;line-height:1.055;margin:0}.ink-blue{color:var(--blue)}.accent-period{color:var(--blue)}.reveal{opacity:0;transform:translate3d(0,35px,0);transition:opacity .85s var(--ease),transform 1.05s var(--ease)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.reveal:nth-child(2){transition-delay:90ms}.reveal:nth-child(3){transition-delay:150ms}
/* Header, desktop dropdown */
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;color:#fff;transition:background .45s ease,color .45s ease,box-shadow .45s ease;height:var(--header-height)}.site-header::before{content:'';position:absolute;inset:0;background:transparent;backdrop-filter:blur(0);transition:background .4s,backdrop-filter .4s;pointer-events:none}.site-header.has-scrolled::before{background:rgba(247,248,245,.96);backdrop-filter:blur(18px)}.site-header.is-dark:not(.has-scrolled)::before{background:transparent}.site-header.has-scrolled.is-dark::before{background:rgba(41,45,53,.94)}.site-header.is-light{color:var(--ink)}.site-header.is-light:not(.has-scrolled)::before{background:rgba(247,248,245,.88);backdrop-filter:blur(12px)}.header-inner{width:min(1510px,calc(100% - 88px));margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0;position:relative;z-index:2}.brand-mark{display:grid;place-items:center;width:30px;height:30px}.brand-mark svg{width:30px;height:30px;color:inherit}.footer-brand svg{color:#fff;flex-shrink:0}.brand-name,.mobile-menu-wordmark,.footer-brand span{font-family:var(--font-display);font-weight:800;letter-spacing:-.07em;font-size:24px;line-height:1}.brand-dot{color:#e4efb1}.brand-descriptor{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-left:1px solid currentColor;padding-left:11px;margin-left:2px;opacity:.75;font-weight:800}.desktop-nav{display:flex;align-items:center;gap:39px;margin-left:auto}.nav-link{display:inline-flex;align-items:center;gap:9px;position:relative;border:0;background:none;color:inherit;font-family:var(--font-ui);font-size:13px;font-weight:700;padding:12px 0;transition:opacity .25s}.nav-link:hover{opacity:.7}.nav-link::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1)}.chevron{width:7px;height:7px;border-right:1.7px solid;border-bottom:1.7px solid;transform:rotate(45deg) translateY(-2px);transition:transform .3s}.nav-dropdown-toggle[aria-expanded=true] .chevron{transform:rotate(225deg)}.menu-anchor{position:relative}.header-actions{display:flex;align-items:center;gap:16px}.header-cta{border:0;border-radius:100px;background:#fff;padding:13px 17px 13px 21px;display:flex;align-items:center;gap:22px;color:var(--blue);font-weight:800;font-size:12px;transition:transform .3s var(--ease),background .3s}.header-cta:hover{transform:translateY(-2px);background:var(--lime)}.header-cta span{font-size:17px}.site-header.is-light .header-cta{background:var(--blue);color:#fff}.site-header.has-scrolled.is-dark .header-cta{background:#fff;color:var(--graphite)}.services-popover{position:absolute;top:calc(100% + 17px);left:-28px;width:390px;padding:22px 22px 16px;background:var(--soft-white);color:var(--ink);border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.17);border:1px solid rgba(50,65,90,.09)}.services-popover[hidden]{display:none}.services-popover::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}.services-popover .small-label{margin:2px 10px 13px;color:#64728a;font-size:10px}.popover-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 10px;border-bottom:1px solid #dfe4e9;transition:background .2s,padding .2s;border-radius:4px}.popover-item:hover{background:#eaf0f6;padding-left:14px}.popover-item strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.04em}.popover-item small{display:block;color:#657283;margin-top:5px;font-size:11px}.popover-item>span:last-child{font-size:21px;color:var(--blue)}.popover-bottom{display:flex;justify-content:space-between;color:var(--blue);font-weight:800;font-size:12px;padding:18px 10px 8px}.mobile-menu-btn{display:none;border:0;background:transparent;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:inherit}.mobile-menu-btn span{display:block;height:2px;width:25px;background:currentColor;border-radius:3px}.mobile-menu{position:fixed;z-index:300;inset:0;background:var(--soft-white);color:var(--ink);padding:27px clamp(24px,6vw,70px) 36px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-3%);transition:opacity .45s var(--ease),transform .6s var(--ease),visibility .45s}.mobile-menu.is-open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #cfd5df}.mobile-menu-close{border:0;background:transparent;font-size:23px;width:42px;height:42px}.mobile-menu-content{flex:1;overflow-y:auto;min-height:0;padding:36px 0}.mobile-menu-content[hidden]{display:none}.mobile-menu-content .small-label{color:#647081;margin-bottom:15px}.mobile-nav-item{display:flex;width:100%;align-items:center;gap:15px;padding:13px 0;border:0;border-bottom:1px solid #dce1e7;background:none;color:var(--ink);text-align:left;font-family:var(--font-display);font-weight:800;font-size:clamp(30px,6.8vw,60px);letter-spacing:-.065em;line-height:1.2;transition:color .2s}.mobile-nav-item:hover{color:var(--blue)}.mobile-nav-index{font-size:10px;letter-spacing:0;font-weight:600;color:#7a8597;align-self:flex-start;padding-top:11px;min-width:21px}.mobile-nav-arrow{margin-left:auto;font-size:26px;font-weight:400}.mobile-menu-foot{padding-top:20px;border-top:1px solid #dce1e7}.mobile-menu-foot>span{font-size:10px;letter-spacing:.14em;color:#7b8594;font-weight:800}.mobile-menu-foot button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:none;color:var(--blue);padding:12px 0;font-size:22px;font-weight:800;letter-spacing:-.04em}.mobile-back{border:0;background:none;font-size:14px;font-weight:800;margin-bottom:30px;color:var(--blue)}
/* Hero */
.hero{min-height:850px;height:min(950px,100svh);background:var(--blue);position:relative;overflow:hidden;isolation:isolate}.hero::after{content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;width:55%;background:linear-gradient(90deg,var(--blue) 52%,rgba(36,81,230,0));pointer-events:none}.hero-lines{position:absolute;inset:0;opacity:.2;z-index:0;background-image:linear-gradient(to right,rgba(255,255,255,.26) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.19) 1px,transparent 1px);background-size:11.4vw 11.4vw;mask-image:linear-gradient(to right,transparent 20%,black 95%)}.hero-grain{position:absolute;inset:0;z-index:0;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.hero-canvas-wrap{position:absolute;right:-6%;top:3%;width:65%;height:98%;z-index:0;pointer-events:none;opacity:.97}.hero-canvas-wrap canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .5s}.hero-canvas-wrap.is-ready canvas{opacity:1}.hero-fallback{position:absolute;inset:15% 0;display:flex;align-items:center;justify-content:center;transform:rotate(-18deg)}.hero-fallback span{position:absolute;display:block;border:90px solid #e8efef;border-radius:49% 51% 55% 45%;width:420px;height:450px;box-shadow:inset 25px 16px 30px #95b4ee,25px 36px 50px rgba(7,34,116,.16)}.hero-fallback .hero-fallback-two{width:380px;height:240px;border-color:#c7d8f0;transform:rotate(68deg) translate(75px,-80px);border-width:70px}.hero-fallback .hero-fallback-three{width:180px;height:220px;border:50px solid var(--lime);transform:rotate(-30deg) translate(120px,50px)}.hero-canvas-wrap.is-ready .hero-fallback{display:none}.hero-orbital-words{position:absolute;z-index:1;right:5%;top:26%;display:flex;flex-direction:column;align-items:end;gap:145px;color:#dbe6ff;font-size:10px;font-weight:800;letter-spacing:.24em;opacity:.55;pointer-events:none}.hero-orbital-words span:nth-child(2){transform:translateX(-100px)}.hero-inner{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding-top:90px;padding-bottom:102px}.hero-content{max-width:780px;margin-top:-9px}.hero-eyebrow{font-size:10px;letter-spacing:.16em;gap:13px;margin-bottom:34px}.hero-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.087em;line-height:.995;font-size:clamp(68px,7.7vw,144px);margin:0;max-width:860px;position:relative;z-index:2}.line-mask{display:block;overflow:hidden;padding:0 .08em .10em 0;margin-bottom:-.10em}.line-inner{display:inline-block;transform:translateY(116%);transition:transform 1.1s var(--ease)}.hero.is-entered .line-inner{transform:translateY(0)}.line-mask:nth-child(2) .line-inner{transition-delay:150ms}.line-mask:nth-child(3) .line-inner{transition-delay:280ms}.hero-punctuation{color:var(--lime)}.hero-subtitle{font-size:clamp(15px,1.22vw,19px);line-height:1.8;max-width:470px;color:#e1e8ff;margin:33px 0 30px}.hero-subtitle strong{color:#fff;font-weight:700}.intro-animate{opacity:0;transform:translateY(21px);transition:opacity .95s var(--ease),transform .95s var(--ease)}.hero.is-entered .intro-animate{opacity:1;transform:translateY(0)}.hero.is-entered .hero-eyebrow{transition-delay:.2s}.hero.is-entered .hero-subtitle{transition-delay:.55s}.hero.is-entered .hero-actions{transition-delay:.7s}.hero.is-entered .hero-bottom{transition-delay:.85s}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:8px 8px 8px 26px;min-height:56px;border:0;border-radius:100px;font-family:var(--font-ui);font-size:13px;font-weight:800;white-space:nowrap;transition:transform .35s var(--ease),background .3s ease;cursor:pointer}.button:hover{transform:translateY(-3px)}.button-cream{background:var(--soft-white);color:var(--graphite)}.button-cream:hover{background:var(--lime)}.button-blue{background:var(--blue);color:#fff}.button-blue:hover{background:var(--blue-deep)}.button-circle{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--graphite);color:#fff;font-size:21px;font-weight:400;line-height:1}.button-blue .button-circle{background:#fff;color:var(--blue)}.text-link{border:0;background:transparent;display:inline-flex;align-items:center;gap:17px;font-weight:800;font-size:13px;padding:13px 0;transition:gap .25s}.text-link:hover{gap:23px}.text-link-white{color:#fff}.text-link-dark{color:var(--graphite)}.text-link span{font-size:20px}.hero-bottom{position:absolute;bottom:84px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#e1e7ff;font-size:10px;font-weight:800;letter-spacing:.12em}.scroll-cue{display:flex;align-items:center;gap:20px}.scroll-cue-icon{font-size:20px;border:1px solid rgba(255,255,255,.45);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;transition:transform .3s}.scroll-cue:hover .scroll-cue-icon{transform:translateY(4px)}.hero-ticker{position:absolute;z-index:5;bottom:0;left:0;right:0;background:#edf0df;color:#23324d;height:51px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;border-top:1px solid rgba(0,0,0,.05)}.ticker-track{display:flex;min-width:max-content;animation:marquee 30s linear infinite;align-items:center}.ticker-track span{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.16em;padding-right:36px}.ticker-track b{padding:0 34px;color:#3761d5;font-size:18px;font-weight:700}@keyframes marquee{to{transform:translateX(-50%)}}
/* Intro */
.intro-section{padding:160px 0 0;background:var(--soft-white);position:relative}.intro-layout{position:relative;display:grid;grid-template-columns:200px 1fr;gap:52px;padding-bottom:154px}.section-meta{display:flex;align-items:flex-start;gap:14px;padding-top:20px;color:#6a7688}.meta-rule{width:60px;height:1px;background:#adb8c7;margin-top:7px}.intro-main{max-width:1020px}.intro-kicker{color:var(--blue);font-size:12px;letter-spacing:.08em;font-weight:800;margin:0 0 32px}.intro-main .display-xl{max-width:980px}.intro-paragraph{font-size:clamp(17px,1.8vw,24px);line-height:1.75;max-width:720px;letter-spacing:-.02em;color:#596476;margin-top:36px}.intro-paragraph strong{color:var(--ink);font-weight:700}.intro-stamp{position:absolute;bottom:25px;right:20px;width:150px;height:150px;border:1px solid #b6bfd0;display:grid;place-items:center;border-radius:50%;transform:rotate(-15deg)}.stamp-outer{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;letter-spacing:.06em;text-align:center;transform:rotate(-15deg);color:#697d9c;padding:18px}.stamp-inside{font-family:var(--font-display);font-size:45px;font-weight:800;letter-spacing:-.1em;color:var(--blue)}.intro-service-strip{border-top:1px solid #d9dfe6;display:flex;justify-content:space-between;align-items:center;padding:24px 0 28px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#566475}.intro-service-line{height:1px;background:#d3dce7;max-width:390px;flex:1;margin:0 40px}.intro-service-strip>span:last-child{color:var(--blue)}
/* Service general */
.service-section{position:relative;overflow:hidden;isolation:isolate}.service-layout{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:2%;min-height:870px;align-items:center;position:relative}.service-layout-reverse{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.service-layout-reverse .service-copy{grid-column:2;grid-row:1;padding-left:8%}.service-layout-reverse .service-art{grid-column:1;grid-row:1}.service-copy{position:relative;z-index:3;padding-block:120px}.service-label{display:flex;gap:16px;align-items:center;letter-spacing:.1em;font-size:11px;font-weight:800;margin-bottom:37px}.service-index{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:10px}.service-title{font-family:var(--font-display);font-size:clamp(52px,5.4vw,90px);font-weight:800;line-height:1.08;letter-spacing:-.079em;margin:0 0 29px;white-space:nowrap}.service-title em{font-style:normal;color:var(--blue)}.service-description{font-size:clamp(15px,1.32vw,19px);line-height:1.8;max-width:470px;color:#526279;margin:0 0 32px;letter-spacing:-.015em}.inline-cta{border:0;border-bottom:1.5px solid currentColor;background:none;color:var(--ink);padding:5px 0 13px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;font-weight:800;font-size:15px;transition:gap .3s var(--ease)}.inline-cta:hover{gap:60px}.cta-arrow{font-size:25px;font-weight:400;line-height:1}.service-footnote{font-size:11px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;opacity:.65;margin-top:56px}.service-art{height:620px;position:relative;perspective:1200px;transform-style:preserve-3d}.service-divider{height:70px;border-top:1px solid rgba(41,45,53,.13);display:flex;justify-content:space-between;align-items:center;letter-spacing:.14em;font-weight:800;font-size:10px;position:relative;z-index:2}.service-divider span:last-child{font-size:24px;font-weight:400}.service-divider-dark{border-color:rgba(255,255,255,.15);color:#d9e4f9}.floating-slow{animation:floatSlow 7s ease-in-out infinite}.floating-fast{animation:floatFast 5.6s ease-in-out infinite}@keyframes floatSlow{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes floatFast{0%,100%{translate:0 0}50%{translate:0 14px}}
/* Website */
.web-section{background:var(--sky)}.web-section::before{content:'';position:absolute;width:55vw;height:55vw;border-radius:50%;background:rgba(255,255,255,.24);right:-15vw;top:-16vw;z-index:-1}.web-art{display:grid;place-items:center;transform-origin:50%}.web-blob{position:absolute;border-radius:40%;filter:blur(0)}.web-blob-a{width:390px;height:460px;background:#a4c7ee;top:7%;right:4%;transform:rotate(35deg);border-radius:50% 33% 55% 45%}.web-blob-b{width:190px;height:290px;background:#e3efb4;left:8%;bottom:7%;transform:rotate(38deg);border-radius:52% 40% 33% 57%}.web-browser{width:min(680px,96%);height:465px;background:#f9fcfc;border:8px solid #f9fcfc;border-radius:19px;position:absolute;top:12%;left:0;box-shadow:28px 35px 0 #3c70db,38px 50px 55px rgba(34,72,136,.2);transform:rotate(-6deg) rotateY(-10deg);transform-origin:center}.mock-browser-bar{height:37px;display:flex;align-items:center;padding:0 15px;gap:18px;color:#4c678c}.browser-dots{display:flex;gap:4px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#abc5e5}.browser-dots i:first-child{background:#81b5db}.address-pill{font-size:8px;letter-spacing:.03em;background:#eaf1f5;padding:6px 24px;border-radius:100px;margin:auto}.browser-burger{font-size:12px}.web-preview{height:calc(100% - 37px);background:#dbe6bf;position:relative;overflow:hidden;border-radius:6px}.web-preview-header{display:flex;justify-content:space-between;padding:27px 27px 0;font-size:9px;color:#223633;font-weight:800}.web-preview-brand{font-family:var(--font-display);font-size:20px;letter-spacing:-.09em}.web-preview-body{position:relative;z-index:2;padding:49px 27px}.web-preview-tag{font-size:8px;letter-spacing:.15em;font-weight:800;color:#385a55;margin-bottom:14px}.web-preview-headline{font-family:var(--font-display);font-size:clamp(31px,3.8vw,58px);font-weight:800;letter-spacing:-.08em;line-height:1.05;color:#1d3a36}.web-preview-headline i{font-style:normal;color:#426a60}.web-preview-btn{display:inline-flex;gap:16px;background:#1d3a36;color:#fff;padding:12px 15px;border-radius:50px;font-size:9px;margin-top:21px;font-weight:700}.web-preview-shape{position:absolute;right:-14px;bottom:-58px;width:235px;height:283px;border:55px solid #6fa998;border-radius:45% 50% 46% 60%;transform:rotate(37deg);box-shadow:inset -20px 15px 12px #4f9986;opacity:.95}.web-preview-bottom{position:absolute;left:27px;right:27px;bottom:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;font-weight:800;color:#375149}.web-phone{position:absolute;z-index:3;width:196px;height:375px;right:-2%;bottom:5%;border:8px solid #202c34;background:#202c34;border-radius:31px;box-shadow:12px 22px 40px rgba(34,58,80,.25);transform:rotate(9deg) rotateY(7deg)}.phone-notch{width:65px;height:14px;border-radius:0 0 11px 11px;background:#202c34;position:absolute;z-index:4;left:50%;top:0;transform:translateX(-50%)}.web-phone-content{height:100%;border-radius:24px;overflow:hidden;background:#dbe6bf;padding:35px 15px 18px;position:relative}.web-phone-nav{display:flex;justify-content:space-between;font-size:10px;color:#27483c}.web-phone-head{font-family:var(--font-display);font-size:28px;line-height:1.08;letter-spacing:-.08em;font-weight:800;color:#1d3a36;margin-top:38px;position:relative;z-index:2}.web-phone-head i{font-style:normal;color:#527b69}.web-phone-graphic{position:absolute;bottom:12px;right:-35px;width:170px;height:170px;border:35px solid #77a998;transform:rotate(25deg);border-radius:55% 40% 46% 48%}.web-phone-pill{position:absolute;bottom:35px;left:14px;background:#1b3b34;color:#fff;padding:9px 13px;border-radius:30px;font-size:7px;font-weight:800}.scene-tag{position:absolute;z-index:5;font-size:10px;font-weight:800;letter-spacing:.15em}.scene-tag-web{left:10%;bottom:7%;color:#3e638f}.scene-tag-web span{color:var(--blue);padding:0 13px}
/* Bot */
.bot-section{background:var(--mint)}.bot-section::before{content:'';position:absolute;right:-10vw;bottom:-20vw;width:50vw;height:50vw;background:#dbeedb;border-radius:50%;z-index:-1}.bot-art{display:grid;place-items:center}.bot-backdrop-ring{position:absolute;width:550px;height:550px;border:90px solid #a7d7c5;border-radius:50%;transform:rotate(-20deg) scaleX(.89);opacity:.8}.chat-phone{width:308px;height:586px;background:#fff;border:12px solid #263d37;border-radius:46px;box-shadow:22px 35px 0 #579b80,40px 54px 64px rgba(19,74,52,.2);position:relative;z-index:3;transform:rotate(-7deg);overflow:hidden;display:flex;flex-direction:column}.chat-phone::before{content:'';position:absolute;top:0;left:35%;width:30%;height:18px;background:#263d37;border-radius:0 0 13px 13px;z-index:5}.chat-phone-top{height:84px;background:#ecf2ee;display:flex;align-items:end;padding:0 10px 15px;gap:9px;flex-shrink:0}.chat-back{font-size:24px;color:#4b6b61;line-height:29px}.chat-avatar{width:32px;height:32px;background:#d6e2d5;border-radius:50%;display:grid;place-items:center}.chat-avatar img{width:20px;height:20px;filter:none}.chat-identity{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#274139}.chat-identity small{font-size:8px;color:#779082}.chat-dots{margin-left:auto;font-size:14px;letter-spacing:1px;color:#526e63}.chat-thread{flex:1;background:#f8f8f2;padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px}.chat-time{text-align:center;color:#71867a;font-size:8px;margin-bottom:8px}.bubble{max-width:87%;border-radius:12px;padding:9px 11px;font-size:11px;line-height:1.55;box-shadow:0 1px 2px rgba(0,0,0,.05);transform-origin:bottom;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .55s var(--ease),transform .6s var(--ease)}.bubble.is-shown{opacity:1;transform:translateY(0) scale(1)}.bubble-in{background:#fff;border-bottom-left-radius:3px;align-self:flex-start;color:#273a32}.bubble-out{background:#d9efdf;border-bottom-right-radius:3px;align-self:flex-end;color:#2b4938}.bubble span{font-size:8px;color:#5ba396;margin-left:5px}.bubble strong{font-weight:800}.bubble-options{width:88%}.bubble-options span{display:block;border:1px solid #d5e9da;color:#336455;margin:5px 0;padding:7px;font-size:9px;border-radius:5px}.chat-input-sim{height:51px;background:#edf3ef;flex-shrink:0;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;color:#a0b1a8;font-size:10px}.chat-input-sim span:last-child{background:#549d7a;color:#fff;border-radius:50%;padding:5px 7px;font-size:10px}.bot-cloud{position:absolute;z-index:4;border-radius:14px;padding:16px 23px;font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.1em;color:#1e543f;background:#f5faef;box-shadow:15px 20px 30px rgba(40,91,64,.09);transform:rotate(7deg)}.bot-cloud-left{top:18%;left:0;transform:rotate(-11deg)}.bot-cloud-right{bottom:25%;right:-5%;transform:rotate(10deg);background:#b6dbc9}.bot-mini-caption{position:absolute;bottom:6%;left:7%;font-size:10px;letter-spacing:.13em;color:#538673}.bot-mini-caption strong{color:#235744}
/* Hosting */
.host-section{background:var(--graphite)}.host-section::before{content:'';position:absolute;right:-25%;top:-80%;width:90%;aspect-ratio:1;border:1px solid rgba(176,202,249,.15);border-radius:50%}.host-section .service-title em{color:#c4d7ff}.host-section .service-description{color:#c7cfdd}.host-section .service-footnote{color:#d7e2f0}.host-section .service-label{color:#d7e2f0}.inline-cta-light{color:#fff}.host-art{display:grid;place-items:center}.host-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(to right,#9badc5 1px,transparent 1px),linear-gradient(to bottom,#9badc5 1px,transparent 1px);background-size:57px 57px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.host-orbit{position:absolute;border:80px solid rgba(117,147,224,.2);width:550px;height:550px;border-radius:46% 54% 57% 43%;transform:rotate(-28deg)}.hosting-ui{height:450px;width:min(650px,100%);display:flex;border-radius:16px;overflow:hidden;background:#141a24;border:7px solid #455269;box-shadow:22px 26px 0 #566889,35px 48px 60px rgba(0,0,0,.35);transform:rotate(5deg) rotateY(-7deg);position:relative;z-index:3}.host-sidebar{width:57px;display:flex;align-items:center;flex-direction:column;padding:20px 0;gap:22px;background:#171f2a;border-right:1px solid #303a48;flex-shrink:0}.host-side-logo{background:#d1dcf3;border-radius:9px;width:31px;height:31px;display:grid;place-items:center}.host-side-logo img{width:20px;height:20px}.host-sidebar>span{height:13px;width:13px;border:2px solid #7788a3;border-radius:4px;opacity:.7}.host-sidebar .host-side-current{background:#738de4;border:0;opacity:1}.host-main{flex:1;padding:20px 25px;min-width:0}.host-topbar{display:flex;justify-content:space-between;align-items:center;color:#8ea5c5;font-size:9px;letter-spacing:.03em}.host-topbar b{color:#647890;font-weight:400}.host-top-dot{color:#9bdfbd;font-size:9px;white-space:nowrap}.host-main-title{display:flex;justify-content:space-between;color:#f3f5f8;font-weight:800;letter-spacing:-.045em;font-size:24px;margin:31px 0 22px}.host-main-title span{color:#94add4;font-size:15px}.host-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.host-stat-row>div{border:1px solid #374354;padding:14px;border-radius:8px;background:#212b38;min-width:0}.host-stat-row small{display:block;color:#8da0ba;font-size:8px;letter-spacing:.13em;font-weight:800}.host-stat-row b{color:#fff;font-family:var(--font-display);font-size:27px;font-weight:800;letter-spacing:-.06em;line-height:1.8}.host-stat-row b span{color:#aabbd4;font-size:12px;font-weight:500}.mini-bars{display:flex;height:29px;gap:4px;align-items:end}.mini-bars i{display:block;flex:1;height:35%;border-radius:2px;background:#9cc1f4}.mini-bars i:nth-child(2){height:70%}.mini-bars i:nth-child(3){height:52%}.mini-bars i:nth-child(4){height:85%}.mini-bars i:nth-child(5){height:62%}.mini-bars i:nth-child(6){height:95%}.mini-bars i:nth-child(7){height:74%}.mini-bars i:nth-child(8){height:49%}.progress-bar{height:7px;border-radius:10px;background:#42536a;margin-top:25px}.progress-bar span{display:block;width:61%;height:7px;background:#a3c3f4;border-radius:10px}.host-console{margin-top:14px;border:1px solid #374354;border-radius:8px;background:#111821;overflow:hidden}.console-title{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #2c3949;font-size:8px;color:#b9c6d8;letter-spacing:.14em;font-weight:800}.console-title span:last-child{letter-spacing:5px;color:#63748a}.terminal-lines{padding:12px 13px 9px;color:#becbdc;font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;line-height:1.55}.terminal-lines p{margin:0 0 5px}.terminal-lines p>span{color:#71839d}.terminal-lines .console-green{color:#a0ddbe}.terminal-lines .host-cursor{color:#8cd1af;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.host-floating-label{position:absolute;z-index:4;right:-1%;bottom:5%;transform:rotate(-10deg);background:#dbe9ae;padding:15px 20px;color:#273a37;font-size:11px;line-height:1.55;letter-spacing:.08em;font-weight:700}.host-floating-label strong{font-weight:800}
/* Film */
.film-section{background:var(--soft-white);padding:155px 0 155px;overflow:hidden}.film-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;align-items:end;margin-bottom:70px}.film-heading .eyebrow{grid-column:1/-1;color:#53677f;font-size:11px}.film-heading .display-xl{grid-column:1/2;line-height:1.05}.film-summary{align-self:end;max-width:355px;justify-self:end;color:#657082;font-size:18px;line-height:1.75;margin:0 0 8px}.film-story{position:relative}.film-stage{display:grid;grid-template-columns:0fr 1fr;align-items:center;gap:0;transition:grid-template-columns 1.25s var(--ease),gap 1.25s var(--ease);min-width:0}.film-stage.is-split{grid-template-columns:minmax(0,.63fr) minmax(0,1fr);gap:clamp(20px,4vw,75px)}.film-side-copy{overflow:hidden;max-height:0;opacity:0;transition:opacity .7s ease,max-height .7s ease;min-width:0}.film-stage.is-split .film-side-copy{opacity:1;max-height:380px}.film-side-kicker{font-size:10px;color:#62728a;letter-spacing:.12em;font-weight:800}.film-side-copy h3{font-family:var(--font-display);font-size:clamp(42px,4.6vw,82px);line-height:1.08;letter-spacing:-.078em;margin:22px 0 18px}.film-side-copy p{font-size:16px;line-height:1.75;color:#6d7585;max-width:320px}.film-screen-outer{min-width:0}.film-screen{background:#202a3e;position:relative;overflow:hidden;border-radius:17px;aspect-ratio:16/9;box-shadow:0 36px 90px rgba(29,51,90,.16);transition:border-radius .7s,transform 1.2s var(--ease)}.film-screen video{width:100%;height:100%;object-fit:cover}.film-overlay-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,7vw,105px);color:#fff;background:linear-gradient(90deg,rgba(23,47,98,.58),rgba(23,47,98,.05));transition:opacity .65s;pointer-events:none}.film-stage.is-split .film-overlay-title{opacity:0}.film-overline{font-weight:800;font-size:10px;letter-spacing:.13em;color:#e5edfa;margin-bottom:19px}.film-overlay-title strong{font-family:var(--font-display);font-size:clamp(35px,6.4vw,94px);letter-spacing:-.08em;line-height:1.08;max-width:800px;white-space:pre-line}.film-overlay-description{margin-top:18px;color:#e5eeff;font-size:15px}.film-corner{position:absolute;width:30px;height:30px;opacity:.7;pointer-events:none}.film-corner-tl{top:19px;left:19px;border-left:1px solid #fff;border-top:1px solid #fff}.film-corner-br{bottom:19px;right:19px;border-bottom:1px solid #fff;border-right:1px solid #fff}.film-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 0 11px;color:#4e5b70}.film-status{font-size:10px;letter-spacing:.12em;font-weight:800;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.film-demo-tag{border:1px solid #cbd3df;border-radius:100px;padding:5px 8px;color:#79859a;font-size:9px;letter-spacing:.08em}.film-control-actions{display:flex;align-items:center;gap:14px}.film-control-actions>span{font-size:11px;letter-spacing:.08em;font-weight:700}.icon-button{width:36px;height:36px;border:1px solid #cad2db;color:#34465e;background:transparent;border-radius:50%;display:grid;place-items:center;font-size:18px;transition:background .2s}.icon-button:hover{background:#e0e8f4}.film-progress{height:3px;background:#d8dfe6;margin-top:5px}.film-progress span{display:block;width:0;height:100%;background:var(--blue);transition:width .1s linear}.film-note{font-size:11px;color:#748297;margin-top:20px}
/* More, Process, FAQ */
.more-section{background:var(--lime);padding:150px 0 120px;overflow:hidden}.more-inner .eyebrow{color:#5d6b44}.more-inner .display-xl{margin-top:36px}.more-inner .display-xl span{color:#69813f}.more-lower{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-top:65px}.more-copy{justify-self:end;max-width:440px}.more-copy p{font-size:clamp(17px,1.8vw,24px);line-height:1.65;letter-spacing:-.02em;margin:0 0 31px}.more-shape{width:300px;height:260px;position:relative}.more-shape span{position:absolute;display:block;border-radius:42% 55% 53% 47%;background:var(--blue);width:200px;height:240px;transform:rotate(-29deg);box-shadow:20px 20px 0 #91b2f2}.more-shape span:last-child{background:#2a4aa0;width:105px;height:145px;left:173px;top:50px;transform:rotate(37deg);box-shadow:12px 12px 0 #6f9ae1}.process-section{padding:148px 0;border-bottom:1px solid #dbe1e8}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}.process-heading{position:relative}.process-heading .eyebrow{color:#65738a}.process-heading .display-xl{margin:30px 0}.process-heading>p:last-child{max-width:410px;color:#657082;line-height:1.8;font-size:17px}.process-steps{padding-top:30px}.process-step{display:grid;grid-template-columns:75px 1fr;gap:25px;border-bottom:1px solid #cfd6e2;padding:30px 0}.process-step:first-child{border-top:1px solid #cfd6e2}.process-no{color:var(--blue);display:flex;justify-content:space-between;font-size:14px;font-weight:800}.process-no span{font-size:19px}.process-step h3{font-family:var(--font-display);font-size:clamp(23px,2.1vw,32px);letter-spacing:-.055em;line-height:1.2;margin:0 0 12px}.process-step p{font-size:14px;line-height:1.8;color:#69758a;margin:0}.process-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding-top:30px}.process-actions .text-link{font-size:13px}.faq-section{padding:145px 0 170px}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}.faq-heading .eyebrow{color:#65738a}.faq-heading .display-xl{font-size:clamp(48px,4.7vw,82px);margin-top:32px}.faq-items{padding-top:8px}.faq-items details{border-bottom:1px solid #cdd5de}.faq-items details:first-child{border-top:1px solid #cdd5de}.faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:800;letter-spacing:-.03em;font-family:var(--font-display);font-size:clamp(16px,1.4vw,20px);padding:25px 0;cursor:pointer}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{width:30px;height:30px;border:1px solid #bdc7d3;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:400;color:var(--blue);flex-shrink:0;transition:transform .3s ease}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-items details p{font-size:14px;line-height:1.9;color:#657284;margin:0 45px 27px 0;max-width:580px}
/* Closing */
.closing-section{position:relative;background:var(--blue);overflow:hidden;isolation:isolate}.closing-art{position:absolute;z-index:0;right:-12%;top:-10%;height:800px;width:750px;pointer-events:none;opacity:.86}.closing-art span{position:absolute;display:block;border:92px solid #8daff3;width:520px;height:600px;border-radius:52% 45% 50% 42%;transform:rotate(-32deg);box-shadow:20px 30px 50px rgba(13,42,128,.19)}.closing-art .closing-art-two{border-color:#dfedff;width:360px;height:340px;border-width:72px;transform:translate(160px,220px) rotate(40deg)}.closing-art .closing-art-three{border-color:#dceba9;width:180px;height:190px;border-width:40px;transform:translate(110px,300px) rotate(-25deg)}.closing-main{padding:155px 0 180px;position:relative;z-index:2}.closing-main .eyebrow{color:#e2eaff}.closing-title{font-family:var(--font-display);font-size:clamp(65px,8.1vw,147px);font-weight:800;letter-spacing:-.085em;line-height:1.04;margin:37px 0;position:relative;z-index:2}.closing-title span{color:#d9e5fc}.closing-subtitle{font-size:19px;line-height:1.7;max-width:430px;color:#ecf0ff;margin-bottom:50px}.closing-link{display:flex;align-items:center;justify-content:space-between;gap:30px;width:min(560px,100%);padding:0 0 19px;border:0;border-bottom:2px solid rgba(255,255,255,.8);background:none;color:#fff;font-weight:800;font-family:var(--font-display);font-size:clamp(26px,3.6vw,55px);letter-spacing:-.06em}.closing-link-arrow{font-weight:400;transition:transform .3s var(--ease)}.closing-link:hover .closing-link-arrow{transform:translate(6px,-6px)}.site-footer{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.28);padding-top:65px}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand span{font-size:37px}.footer-top>p{font-size:15px;color:#dee8ff;max-width:260px;line-height:1.7;margin:0}.footer-main{display:flex;gap:clamp(60px,9vw,155px);justify-content:flex-end;padding:60px 0 90px}.footer-col{display:flex;flex-direction:column;gap:15px}.footer-col h3{font-size:10px;letter-spacing:.15em;color:#d9e4ff;font-weight:800;margin:0 0 9px}.footer-col a,.footer-col button{font-size:13px;color:#f3f6ff;opacity:.87;font-weight:600;border:0;background:none;text-align:left;padding:0}.footer-col a:hover,.footer-col button:hover{text-decoration:underline;opacity:1}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.24);padding:25px 0 36px;color:#d5e2fa;font-size:11px;letter-spacing:.03em}.footer-bottom a{color:#fff;font-weight:800}
/* Dialogs */
.drawer-backdrop{position:fixed;z-index:399;inset:0;background:rgba(11,21,39,.58);backdrop-filter:blur(7px);opacity:0;transition:opacity .4s}.drawer-backdrop.is-open{opacity:1}.drawer-backdrop[hidden]{display:none}.consult-drawer,.hosting-drawer{position:fixed;z-index:400;inset:0 0 0 auto;width:min(540px,100%);height:100%;background:var(--soft-white);color:var(--ink);display:flex;flex-direction:column;transform:translateX(103%);visibility:hidden;transition:transform .65s var(--ease),visibility .65s;box-shadow:-15px 0 70px rgba(0,0,0,.12)}.consult-drawer.is-open,.hosting-drawer.is-open{visibility:visible;transform:translateX(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e9;padding:22px 40px}.drawer-top .small-label{color:#65768e}.drawer-close{border:1px solid #cbd5df;width:39px;height:39px;display:grid;place-items:center;background:transparent;border-radius:50%;font-size:15px}.drawer-body{padding:44px 40px 50px;overflow-y:auto;flex:1}.drawer-eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;color:#6781a9;letter-spacing:.09em}.drawer-body h2{font-family:var(--font-display);font-size:clamp(49px,4vw,70px);line-height:1.07;letter-spacing:-.08em;margin:22px 0}.drawer-body h2 span{color:var(--blue)}.drawer-body>p{color:#6c788a;font-size:15px;line-height:1.75;max-width:390px;margin-bottom:34px}.drawer-body form{display:flex;flex-direction:column;gap:10px}.drawer-body label{font-size:11px;font-weight:800;letter-spacing:.05em;margin-top:14px}.drawer-body label span{font-weight:500;letter-spacing:0;color:#85909c}.drawer-body input,.drawer-body select,.drawer-body textarea{border:1px solid #d4dce6;background:#fff;border-radius:8px;padding:14px 16px;outline:none;color:#263447;min-height:49px;font-size:14px}.drawer-body input:focus,.drawer-body select:focus,.drawer-body textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,81,230,.09)}.drawer-body textarea{resize:vertical}.drawer-submit{width:100%;margin-top:28px;text-align:left}.copy-brief{border:0;background:none;color:var(--blue);font-size:12px;font-weight:800;padding:14px 0}.form-note{color:#758296;font-size:11px;line-height:1.6}.hosting-options{margin-top:28px}.host-order-line{padding:22px 0;display:grid;grid-template-columns:28px 1fr 20px;gap:15px;border-bottom:1px solid #d7dfe8;align-items:center}.host-order-line:first-child{border-top:1px solid #d7dfe8}.host-order-line>span{color:var(--blue);font-weight:800;font-size:13px}.host-order-line div{display:flex;flex-direction:column;gap:6px}.host-order-line strong{font-size:17px;letter-spacing:-.04em}.host-order-line small{color:#738094;font-size:12px;line-height:1.6}.toast{position:fixed;z-index:500;bottom:25px;left:50%;transform:translate(-50%,35px);background:#253047;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:13px;opacity:0;pointer-events:none;transition:transform .35s var(--ease),opacity .35s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
/* Responsive */
@media(max-width:1200px){.container{width:calc(100% - 76px)}.header-inner{width:calc(100% - 72px)}.desktop-nav{gap:24px}.service-title{font-size:clamp(48px,5.2vw,73px)}.service-layout{grid-template-columns:minmax(330px,.91fr) minmax(0,1.09fr);min-height:770px}.service-layout-reverse{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.web-browser{width:550px;height:395px;left:-4%}.web-preview-body{padding:30px 24px}.web-preview-headline{font-size:43px}.web-phone{right:-5%;width:170px;height:332px}.bot-art .chat-phone{transform:scale(.92) rotate(-7deg)}.hosting-ui{width:540px;height:417px}.host-main{padding:17px}.host-stat-row b{font-size:23px}.hero-title{font-size:clamp(68px,8.6vw,125px)}}
@media(max-width:950px){:root{--header-height:76px}.container{width:calc(100% - 58px)}.header-inner{width:calc(100% - 56px)}.desktop-nav{display:none}.mobile-menu-btn{display:flex}.header-cta{margin-left:auto}.hero{min-height:760px;height:100svh}.hero-content{max-width:650px}.hero-title{font-size:clamp(65px,10vw,112px)}.hero-canvas-wrap{right:-21%;width:86%;opacity:.6}.hero::after{width:100%;background:linear-gradient(90deg,var(--blue) 33%,rgba(36,81,230,.35))}.hero-orbital-words{display:none}.intro-layout{grid-template-columns:1fr;gap:25px}.section-meta{padding:0}.intro-stamp{right:5%;bottom:8px;width:110px;height:110px}.intro-paragraph{max-width:620px}.service-layout,.service-layout-reverse{grid-template-columns:1fr;gap:0;padding-top:110px;min-height:0}.service-layout-reverse .service-copy,.service-layout-reverse .service-art{grid-column:1;grid-row:auto;padding-left:0}.service-copy{padding:0}.service-title{font-size:clamp(58px,8.5vw,92px)}.service-description{max-width:620px}.service-art{height:630px;max-width:750px;width:100%;margin:30px auto}.service-footnote{margin-top:28px}.film-heading{grid-template-columns:1fr}.film-heading .display-xl{grid-column:1}.film-summary{justify-self:start;max-width:600px}.film-stage.is-split{grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:20px}.film-side-copy h3{font-size:clamp(36px,5.5vw,60px)}.film-side-copy p{font-size:13px}.process-layout,.faq-layout{grid-template-columns:1fr;gap:30px}.faq-heading{margin-bottom:25px}.process-heading .display-xl{font-size:clamp(62px,9vw,90px)}.footer-main{justify-content:space-between}}
@media(max-width:620px){:root{--header-height:68px}.container,.header-inner{width:calc(100% - 40px)}.brand-name{font-size:21px}.brand-mark,.brand-mark img{width:25px;height:25px}.brand-descriptor{font-size:8px;padding-left:8px;margin-left:0}.header-cta{display:none}.hero{min-height:780px;height:100svh;max-height:980px}.hero-inner{padding-top:65px;padding-bottom:120px;justify-content:center}.hero-title{font-size:clamp(53px,12.6vw,80px);line-height:1.04;letter-spacing:-.086em}.hero-content{margin-top:45px}.hero-eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:26px}.hero-subtitle{font-size:15px;max-width:340px;line-height:1.8;margin-top:25px}.hero-actions{gap:18px}.button{min-height:52px;padding-left:19px;gap:13px;font-size:12px}.button-circle{width:36px;height:36px}.text-link{font-size:12px}.hero-canvas-wrap{width:110%;height:67%;top:20%;right:-52%;opacity:.38}.hero-fallback span{width:260px;height:300px;border-width:55px}.hero::after{background:linear-gradient(90deg,var(--blue) 47%,rgba(36,81,230,.55))}.hero-bottom{bottom:72px;font-size:8px}.hero-bottom-index{max-width:145px;line-height:1.6}.scroll-cue{gap:8px}.scroll-cue-icon{height:32px;width:32px;font-size:15px}.scroll-cue span:first-child{display:none}.hero-ticker{height:43px}.ticker-track span{font-size:10px}.intro-section{padding-top:105px}.intro-layout{padding-bottom:90px}.intro-kicker{font-size:10px;margin-bottom:24px}.display-xl{font-size:clamp(46px,10.5vw,72px);line-height:1.08}.intro-paragraph{font-size:16px;line-height:1.8;margin-top:26px}.intro-stamp{width:88px;height:88px;bottom:-3px;right:10px;opacity:.65}.stamp-inside{font-size:28px}.stamp-outer{font-size:6px}.intro-service-strip{font-size:9px;gap:14px}.intro-service-line{margin:0 5px}.service-layout,.service-layout-reverse{padding-top:95px}.service-label{font-size:10px;margin-bottom:26px}.service-title{font-size:clamp(48px,11.1vw,71px);white-space:normal;letter-spacing:-.076em}.service-description{font-size:15px;line-height:1.8}.inline-cta{font-size:14px}.service-art{height:485px;margin-top:30px}.service-divider{height:65px;font-size:9px}.web-art{margin-left:0}.web-browser{width:440px;height:322px;left:-15%;top:14%;border-width:5px;border-radius:12px;box-shadow:13px 17px 0 #3c70db,20px 30px 35px rgba(34,72,136,.15);transform:rotate(-6deg) rotateY(-8deg)}.mock-browser-bar{height:27px;padding:0 8px}.address-pill{font-size:6px}.web-preview{height:calc(100% - 27px)}.web-preview-header{padding:15px 17px 0;font-size:7px}.web-preview-brand{font-size:15px}.web-preview-body{padding:30px 17px}.web-preview-headline{font-size:39px}.web-preview-tag{font-size:6px}.web-preview-btn{margin-top:15px;padding:8px 12px;font-size:7px}.web-preview-shape{right:0;bottom:-40px;width:160px;height:200px;border-width:38px}.web-preview-bottom{left:17px;right:17px;bottom:10px;font-size:6px}.web-phone{right:1%;bottom:8%;width:142px;height:281px;border-width:6px;border-radius:26px}.phone-notch{width:50px;height:11px}.web-phone-content{padding:28px 12px 12px;border-radius:19px}.web-phone-head{font-size:23px;margin-top:33px}.web-phone-graphic{height:130px;width:130px;border-width:28px}.web-phone-pill{font-size:6px;padding:7px 9px;bottom:26px}.scene-tag-web{font-size:8px;left:4%;bottom:4%}.web-blob-a{width:280px;height:300px;right:-4%}.web-blob-b{width:130px;height:210px}.bot-art .chat-phone{transform:scale(.76) rotate(-7deg)}.bot-backdrop-ring{width:420px;height:420px;border-width:70px}.bot-cloud{font-size:9px;padding:12px 15px}.bot-cloud-left{left:-2%;top:10%}.bot-cloud-right{right:-4%;bottom:18%}.bot-mini-caption{bottom:5%;font-size:8px}.hosting-ui{width:500px;height:380px;transform:scale(.83) rotate(5deg) rotateY(-7deg);transform-origin:40% 50%;margin-left:-20px}.host-floating-label{font-size:8px;right:1%;bottom:0}.host-orbit{width:400px;height:400px;border-width:55px}.film-section{padding:100px 0 105px}.film-heading{margin-bottom:37px}.film-heading .display-xl{font-size:clamp(46px,9.5vw,66px)}.film-summary{font-size:15px}.film-stage,.film-stage.is-split{grid-template-columns:1fr;gap:17px}.film-side-copy{order:2}.film-stage.is-split .film-side-copy{max-height:200px}.film-side-copy h3{font-size:35px;margin:8px 0}.film-side-copy p{font-size:13px;margin:0}.film-side-kicker{font-size:8px}.film-screen-outer{order:1}.film-screen{border-radius:8px}.film-overlay-title{padding:20px}.film-overline{font-size:7px;margin-bottom:8px}.film-overlay-title strong{font-size:clamp(25px,6.3vw,45px)}.film-overlay-description{font-size:10px;margin-top:6px}.film-controls{padding:11px 0}.film-status{font-size:7px;gap:5px}.film-demo-tag{font-size:6px;padding:4px 5px}.film-control-actions{gap:7px}.film-control-actions>span{font-size:8px}.icon-button{width:30px;height:30px;font-size:14px}.film-note{font-size:10px;line-height:1.6}.more-section{padding:100px 0 80px}.more-lower{grid-template-columns:1fr;gap:30px;margin-top:45px}.more-shape{width:230px;height:205px}.more-shape span{width:180px;height:190px}.more-shape span:last-child{width:80px;height:100px;left:130px}.more-copy{justify-self:start}.more-copy p{font-size:17px}.process-section,.faq-section{padding:95px 0}.process-heading .display-xl{font-size:clamp(54px,11vw,74px)}.process-step{grid-template-columns:45px 1fr;gap:16px;padding:25px 0}.process-step h3{font-size:23px}.process-step p{font-size:13px}.process-actions{align-items:flex-start;gap:14px;flex-direction:column}.faq-heading .display-xl{font-size:clamp(48px,10vw,67px)}.faq-items summary{font-size:17px;padding:22px 0}.closing-main{padding:110px 0 110px}.closing-title{font-size:clamp(53px,11.5vw,83px)}.closing-subtitle{font-size:16px}.closing-art{right:-93%;top:5%;width:600px;opacity:.38}.closing-link{font-size:30px}.site-footer{padding-top:40px}.footer-top{flex-direction:column;gap:14px}.footer-brand span{font-size:29px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:45px 20px;padding:55px 0}.footer-bottom{flex-wrap:wrap;line-height:1.6;gap:11px}.footer-bottom span:nth-child(2){display:none}.drawer-top{padding:16px 22px}.drawer-body{padding:28px 22px 35px}.drawer-body h2{font-size:51px;margin-top:17px}.mobile-menu{padding:20px 22px 25px}.mobile-menu-content{padding-top:25px}.mobile-nav-item{font-size:clamp(29px,9vw,45px);padding:12px 0}.mobile-nav-index{font-size:9px}.mobile-menu-foot button{font-size:18px}}
@media(max-width:380px){.hero-title{font-size:clamp(50px,12.7vw,62px)}.hero-eyebrow{letter-spacing:.07em}.service-title{font-size:45px}.web-browser{left:-27%;transform:scale(.91) rotate(-6deg)}.web-phone{right:-3%}.hosting-ui{transform:scale(.72) rotate(5deg);margin-left:-40px}.brand-descriptor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.line-inner,.intro-animate,.reveal{opacity:1!important;transform:none!important}.hero-canvas-wrap{display:none}.hero-fallback{display:flex}.ticker-track{animation:none!important}.film-stage{transition:none!important}}

.film-screen::before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 79% 34%,transparent 18%,#dce8fc 19%,#dce8fc 29%,transparent 30%),radial-gradient(ellipse at 72% 80%,transparent 14%,#b8d0e8 15%,#b8d0e8 28%,transparent 29%),#2451e6;opacity:.65}.film-screen video{position:relative;z-index:1}.film-overlay-title{z-index:2}.film-corner{z-index:3}

.no-break{white-space:nowrap}

/* ==========================================================
   VenexVora Services v1.1 — mobile composition & motion pass
   Source of truth: public/styles.css (synced to static via tools)
   ========================================================== */

/* Preserve the approved Openform mark with clearer optical sizing. */
.brand-mark{width:32px;height:32px;flex:none;transition:transform .42s var(--ease)}
.brand-mark svg{width:32px;height:32px;overflow:visible}
.brand:hover .brand-mark{transform:translateY(-1px) rotate(-3deg)}
.brand-descriptor{font-weight:700;letter-spacing:.14em}
.mobile-menu-identity{display:inline-flex;align-items:center;gap:10px}
.mobile-menu-identity .brand-mark{width:28px;height:28px;color:var(--blue)}
.mobile-menu-identity .brand-mark svg{width:28px;height:28px}
.mobile-menu-identity .mobile-menu-wordmark{font-size:23px}
.mobile-menu-identity .mobile-menu-descriptor{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#687487;border-left:1px solid #c5cdda;padding-left:9px;margin-left:2px}

/* Prevent mobile safe-area notches and toolbar changes from crowding navigation. */
.site-header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
.mobile-menu{padding-top:calc(26px + env(safe-area-inset-top,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}

/* Depth is deliberately light and only activated by JavaScript on wide screens. */
@media(min-width:951px) and (prefers-reduced-motion:no-preference){
  .service-art{transform:translate3d(0,var(--vv-depth-y,0px),0) scale(var(--vv-depth-scale,1));will-change:transform}
  .closing-art{transform:translate3d(0,var(--vv-closing-y,0px),0);will-change:transform}
  .hero-canvas-wrap{transform:translate3d(0,var(--vv-hero-y,0px),0)}
}

/* Give the sculpture its own illuminated area, not a dense blue veil. */
.hero-canvas-wrap::before{content:"";position:absolute;inset:10% 7% 9% 5%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 61% 49%,rgba(213,232,255,.15),transparent 60%);filter:blur(22px)}
.hero-canvas-wrap canvas{position:relative;z-index:2}
.hero-fallback{z-index:1}

/* Mobile: more intentional vertical hierarchy and more visible Flowform.
   Keep headline contrast high by anchoring the sculpture behind the right side. */
@media(max-width:620px){
  .brand-mark,.brand-mark svg{width:28px;height:28px}
  .brand-name{font-size:21px;letter-spacing:-.065em}
  .brand-descriptor{font-size:9px;letter-spacing:.12em;padding-left:9px;margin-left:0}
  .hero{min-height:730px;height:100svh;max-height:none}
  .hero-inner{padding-top:calc(78px + env(safe-area-inset-top,0px));padding-bottom:125px;justify-content:center}
  .hero-content{margin-top:-64px;max-width:100%;position:relative;z-index:4}
  .hero-title{font-size:clamp(51px,12.6vw,78px);line-height:1.035;letter-spacing:-.086em}
  .hero-eyebrow{font-size:9px;letter-spacing:.10em;margin-bottom:21px}
  .hero-subtitle{max-width:365px;line-height:1.68;margin-top:22px}
  .hero-actions{gap:18px;margin-top:27px}
  .hero-canvas-wrap{width:112%;height:79%;right:-37%;top:13%;opacity:.84}
  .hero-canvas-wrap::before{inset:10% 9% 7% 0%;background:radial-gradient(ellipse at 62% 50%,rgba(222,236,255,.24),transparent 61%)}
  .hero::after{width:100%;background:linear-gradient(90deg,var(--blue) 15%,rgba(36,81,230,.88) 37%,rgba(36,81,230,.29) 75%,rgba(36,81,230,.18))}
  .hero-bottom{bottom:68px}
  .hero-fallback span{border-color:#f1f5f4;box-shadow:inset 18px 13px 25px #9db5ed,18px 24px 40px rgba(5,33,118,.14)}
}
@media(max-width:380px){
  .hero-inner{padding-top:calc(69px + env(safe-area-inset-top,0px))}
  .hero-content{margin-top:-48px}
  .hero-title{font-size:clamp(49px,12.65vw,62px)}
  .hero-canvas-wrap{right:-44%;width:120%;opacity:.78}
  .brand-descriptor{font-size:8px}
}
@media(max-width:620px) and (max-height:720px){
  .hero{min-height:710px}
  .hero-content{margin-top:-28px}
  .hero-inner{padding-top:68px;padding-bottom:124px}
  .hero-title{font-size:clamp(47px,11.9vw,68px)}
  .hero-subtitle{margin-top:15px;line-height:1.58}
  .hero-actions{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .brand-mark,.service-art,.closing-art,.hero-canvas-wrap{transform:none!important;will-change:auto!important}
}


/* ======================================================================
   VenexVora Services v1.2 — Mobile layout integrity / no clipped mockups
   Fixes: inflated intrinsic grid track, fixed-pixel product art and cramped
   mobile device UI. Desktop artwork, colors and brand marks are unchanged.
   ====================================================================== */
/* Grid children can otherwise expand 1fr columns to min-content width,
   making ordinary paragraphs overflow when a headline is long. */
.service-layout > *, .service-copy, .service-art { min-width:0; }
.service-title, .service-description { max-width:100%; }
.service-description { overflow-wrap:break-word; }

@media (min-width:621px) and (max-width:950px) {
  .service-layout, .service-layout-reverse { grid-template-columns:minmax(0,1fr); }
  .web-browser { width:min(92%,620px); }
  .hosting-ui { width:min(94%,610px); }
}

@media (max-width:620px) {
  .service-layout, .service-layout-reverse {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:calc(100% - 40px);
    padding-top:clamp(72px,18vw,91px);
    gap:0;
  }
  .service-layout > *, .service-layout-reverse > *, .service-copy {
    min-width:0;
    max-width:100%;
  }
  .service-title {
    font-size:clamp(38px,10.5vw,52px);
    line-height:1.085;
    letter-spacing:-.065em;
    white-space:normal;
    overflow-wrap:normal;
    margin-bottom:22px;
  }
  .service-description {
    font-size:clamp(14px,3.8vw,16px);
    line-height:1.72;
    letter-spacing:-.01em;
    max-width:100%;
    margin-bottom:24px;
  }
  .service-copy .service-footnote { margin-top:29px; line-height:1.55; }
  .service-label { margin-bottom:26px; gap:12px; line-height:1.35; }
  .inline-cta { font-size:clamp(12px,3.5vw,15px); max-width:100%; gap:clamp(12px,8vw,45px); }
  .inline-cta span:first-child { min-width:0; }
  .inline-cta:hover { gap:clamp(12px,8vw,45px); }
  .service-art { width:100%; max-width:100%; margin:22px auto 12px; }

  /* Website: browser and phone are now sized from the content column.
     No negative 'left' / unbounded 440px display on narrow screens. */
  .service-art.web-art {
    height:clamp(340px,110vw,445px);
    margin-top:15px;
    perspective:950px;
  }
  .web-browser {
    width:calc(100% - 24px);
    max-width:375px;
    height:auto;
    aspect-ratio:440/322;
    position:absolute;
    top:16%;
    left:3%;
    border:4px solid #f9fcfc;
    border-radius:11px;
    box-shadow:9px 13px 0 #3c70db,17px 24px 28px rgba(34,72,136,.16);
    transform:rotate(-3deg) rotateY(-3deg);
    transform-origin:center;
  }
  .mock-browser-bar { height:25px; padding:0 8px; gap:4px; }
  .browser-dots { gap:3px; }
  .browser-dots i { height:5px; width:5px; }
  .address-pill { font-size:clamp(5px,1.6vw,7px); padding:4px 8px; max-width:68%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
  .browser-burger { font-size:10px; }
  .web-preview { height:calc(100% - 25px); }
  .web-preview-header { padding:clamp(8px,2.8vw,12px) 11px 0; font-size:clamp(5px,1.65vw,7px); gap:8px; }
  .web-preview-header > span:last-child { white-space:nowrap; font-size:clamp(5px,1.4vw,7px); }
  .web-preview-brand { font-size:clamp(11px,3.3vw,15px); }
  .web-preview-body { padding:clamp(12px,3vw,16px) 11px 0; }
  .web-preview-tag { font-size:clamp(5px,1.45vw,7px); margin-bottom:8px; letter-spacing:.1em; }
  .web-preview-headline { font-size:clamp(22px,6.5vw,33px); line-height:1.03; letter-spacing:-.06em; }
  .web-preview-btn { font-size:clamp(6px,1.6vw,8px); padding:7px 9px; margin-top:10px; gap:8px; }
  .web-preview-shape { right:-5%; bottom:-15%; width:45%; height:77%; border-width:clamp(19px,5.5vw,31px); }
  .web-preview-bottom { left:11px; right:11px; bottom:7px; font-size:clamp(5px,1.4vw,7px); }
  .web-phone {
    width:clamp(85px,29%,120px);
    max-width:36%;
    height:auto;
    aspect-ratio:142/281;
    right:1%;
    bottom:8%;
    border:5px solid #202c34;
    border-radius:clamp(17px,5vw,25px);
    box-shadow:7px 13px 22px rgba(34,58,80,.23);
    transform:rotate(6deg) rotateY(2deg);
  }
  .phone-notch { width:41%; height:9px; }
  .web-phone-content { border-radius:18px; padding:clamp(19px,6vw,27px) 8px 9px; }
  .web-phone-nav { font-size:clamp(6px,1.8vw,9px); }
  .web-phone-head { font-size:clamp(15px,4.5vw,21px); margin-top:clamp(13px,5vw,24px); }
  .web-phone-graphic { right:-25px; bottom:-9px; width:100%; height:52%; border-width:clamp(15px,5vw,25px); }
  .web-phone-pill { font-size:6px; padding:6px 7px; bottom:17px; left:6px; }
  .web-blob-a { width:68%; height:75%; top:6%; right:-4%; }
  .web-blob-b { width:36%; height:42%; left:1%; bottom:8%; }
  .scene-tag-web { left:3%; bottom:2%; font-size:clamp(7px,1.8vw,9px); }

  /* Bot: preserve the oversized phone, constrain satellite labels. */
  .service-art.bot-art { height:clamp(435px,119vw,510px); margin-top:12px; }
  .bot-backdrop-ring { width:min(100%,395px); height:auto; aspect-ratio:1; border-width:clamp(38px,12vw,57px); }
  .bot-art .chat-phone { transform:scale(.73) rotate(-5deg); }
  .bot-cloud { font-size:8px; padding:10px 12px; }
  .bot-cloud-left { left:0; top:11%; }
  .bot-cloud-right { right:0; bottom:17%; }
  .bot-mini-caption { left:3%; bottom:4%; }

  /* Hosting: make the panel a *mobile* panel, not a 500px desktop
     rectangle that disappears beyond the viewport. */
  .service-art.host-art {
    grid-template-columns:minmax(0,1fr);
    height:clamp(370px,107vw,465px);
    margin-top:24px;
    perspective:none;
  }
  .hosting-ui {
    display:flex;
    width:calc(100% - 6px);
    max-width:410px;
    min-width:0;
    height:auto;
    min-height:330px;
    margin:0;
    grid-column:1;
    justify-self:center;
    border-width:4px;
    border-radius:12px;
    transform:rotate(1.5deg);
    transform-origin:center;
    box-shadow:9px 12px 0 #566889,17px 25px 38px rgba(0,0,0,.25);
  }
  .host-sidebar { width:34px; gap:18px; padding:14px 0; }
  .host-side-logo { width:24px; height:24px; border-radius:7px; }
  .host-side-logo img { width:17px; height:17px; }
  .host-sidebar>span { width:9px; height:9px; border-width:1.5px; border-radius:3px; }
  .host-main { padding:13px 11px 12px; min-width:0; }
  .host-topbar { gap:5px; font-size:clamp(6px,1.9vw,8px); flex-wrap:wrap; }
  .host-topbar b { display:none; }
  .host-top-dot { font-size:clamp(6px,1.8vw,8px); white-space:normal; }
  .host-main-title { font-size:clamp(17px,4.8vw,23px); margin:18px 0 14px; letter-spacing:-.045em; }
  .host-main-title span { font-size:12px; }
  .host-stat-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:7px; }
  .host-stat-row>div { padding:9px 7px; min-width:0; }
  .host-stat-row small { font-size:clamp(6px,1.7vw,8px); letter-spacing:.06em; white-space:nowrap; }
  .host-stat-row b { font-size:clamp(18px,5.7vw,24px); line-height:1.5; }
  .host-stat-row b span { font-size:10px; }
  .mini-bars { height:21px; gap:2px; }
  .progress-bar { margin-top:16px; height:5px; }
  .progress-bar span { height:5px; }
  .host-console { margin-top:10px; }
  .console-title { padding:9px 8px; font-size:7px; }
  .console-title span:last-child { letter-spacing:2px; }
  .terminal-lines { padding:9px 7px 6px; font-size:clamp(6px,1.8vw,8px); line-height:1.45; overflow-wrap:anywhere; }
  .terminal-lines p { margin-bottom:5px; }
  .host-floating-label { padding:7px 9px; right:0; bottom:0; font-size:8px; transform:rotate(-3deg); box-shadow:0 8px 16px rgba(0,0,0,.13); }
  .host-orbit { width:100%; height:auto; aspect-ratio:1; border-width:clamp(35px,10vw,65px); }

  /* Long headings and short labels elsewhere must not force page width. */
  .film-heading, .film-stage, .process-layout, .faq-layout { min-width:0; }
  .film-heading .no-break { white-space:normal; }
  .film-stage, .film-stage.is-split { grid-template-columns:minmax(0,1fr); }
  .film-screen-outer { max-width:100%; min-width:0; }
  .drawer-body h2 { font-size:clamp(39px,11.8vw,51px); overflow-wrap:break-word; }
}

@media (max-width:360px) {
  .web-preview-header>span:last-child { display:none; }
  .hosting-ui { transform:rotate(.6deg); }
  .host-topbar { flex-direction:column; align-items:flex-start; }
  .host-main { padding-inline:9px; }
  .host-stat-row { gap:5px; }
  .host-stat-row>div { padding:7px 5px; }
  .host-floating-label { font-size:7px; }
  .service-title { font-size:clamp(35px,11vw,40px); }
}
@media (prefers-reduced-motion:reduce) {
  .web-browser,.web-phone,.hosting-ui,.bot-art .chat-phone { animation:none!important; }
}


/* VenexVora Services v1.3 — product artwork clarity and mobile composition
   Decorations must NEVER cover demonstration UI content. */
html { scroll-padding-top:calc(var(--header-height) + 24px); }
#website,#bot,#hosting,#demo,#proses,#faq,#lainnya,#layanan { scroll-margin-top:calc(var(--header-height) + 24px); }
@media (max-width:620px) {
  /* Establish predictable paint order. v1.2 left transformed blobs and
     perspective elements at auto z-index, causing a lime blob and blue wedge
     to hide the sample website headline. */
  .web-art { isolation:isolate; transform-style:flat; }
  .web-blob { z-index:0; pointer-events:none; }
  .web-blob-a { opacity:.68; right:-8%; top:4%; }
  .web-blob-b { width:29%; height:35%; opacity:.55; left:-5%; bottom:4%; }
  .web-browser {
     z-index:2;
     left:4%; top:13%;
     width:calc(100% - 34px);
     transform:rotate(-2deg);
     transform-style:flat;
     box-shadow:6px 10px 0 #3c70db, 11px 20px 26px rgba(34,72,136,.15);
  }
  .web-preview { isolation:isolate; }
  .web-preview-header { position:relative;z-index:4; }
  .web-preview-body { position:relative;z-index:4; padding-top:clamp(12px,3.5vw,17px); }
  .web-preview-headline {
    font-size:clamp(20px,6vw,31px);
    line-height:1.045;
    letter-spacing:-.06em;
    position:relative;
    z-index:5;
    max-width:75%;
  }
  .web-preview-shape {
     z-index:1;
     width:34%;height:70%;
     right:-8%;bottom:-24%;
     border-width:clamp(17px,5vw,24px);
     opacity:.8;
  }
  .web-preview-btn { position:relative;z-index:5; margin-top:clamp(8px,2vw,11px); }
  .web-preview-bottom {z-index:5;}
  .web-phone {z-index:3;right:0;bottom:5%;transform:rotate(5deg);}
  .scene-tag-web {z-index:5;}
  /* A touch of breathing room so header and artwork don't touch each other. */
  .service-art.web-art { margin-top:20px; }
}
@media (max-width:360px) {
  .web-browser { left:3%;width:calc(100% - 28px); }
  .web-preview-headline { font-size:clamp(19px,5.8vw,24px);max-width:74%; }
  .web-preview-header>span:last-child {display:none;}
  .web-phone {width:27%; }
}