@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap');
:root{--bg:#f7f9fd;--panel:#eef3fa;--card:#fff;--text:#071a38;--muted:#586883;--line:#d7dfec;--dark:#071a38;--accent:#6236d9;--accent2:#225eeb;--blue:#225eeb;--shadow:0 28px 80px rgba(23,46,92,.12)}
html{background:#f7f9fd}body,body.theme-dark{font-family:Inter,Arial,sans-serif!important;background:radial-gradient(circle at 82% 8%,rgba(34,94,235,.07),transparent 30%),linear-gradient(180deg,#fbfcff 0,#f5f8fd 54%,#eef3fa 100%)!important;color:var(--text)!important;letter-spacing:-.012em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(7,26,56,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(7,26,56,.024) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 65%)}h1,h2,h3,.brand{font-family:Sora,Inter,sans-serif}.topbar,.navbar{top:0!important;width:100%!important;max-width:none!important;min-height:92px!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:0 clamp(24px,4.5vw,76px)!important;background:rgba(250,252,255,.9)!important;box-shadow:none!important}.brand{font-size:22px!important;letter-spacing:.24em!important;text-transform:uppercase}.brand span{font-weight:700!important;color:#071a38!important}.brand b{font-weight:400!important;background:none!important;color:#071a38!important}.navlinks{gap:36px!important;font-size:15px!important;font-weight:500}.navlinks>a{position:relative;padding:35px 0;color:#35445f}.navlinks>a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:linear-gradient(90deg,#6236d9,#225eeb);transition:right .25s}.navlinks>a:hover,.navlinks>a[aria-current=page]{color:#071a38}.navlinks>a:hover:after,.navlinks>a[aria-current=page]:after{right:0}.header-actions{gap:10px!important}.navcta,.btn.dark,.portal-btn{border-radius:5px!important;background:linear-gradient(135deg,#6236d9,#225eeb)!important;color:#fff!important;box-shadow:0 12px 30px rgba(54,67,213,.2)!important}.theme-toggle,.lang-switch,.btn.light,.ghost-portal{border-radius:5px!important;background:#fff!important;border:1px solid #bfcbe0!important;color:#14294a!important;box-shadow:none!important}.seo-menu-list,.submenu{background:#fff!important;color:#071a38!important;border:1px solid var(--line)!important;box-shadow:0 22px 60px rgba(23,46,92,.14)!important}.mobile-menu{top:100px!important;border-radius:12px!important;margin:0 12px!important;padding:14px!important;background:#fff!important;color:#071a38!important;border:1px solid var(--line)!important;box-shadow:0 25px 70px rgba(23,46,92,.18)!important}.hero{position:relative;min-height:900px!important;padding:160px clamp(24px,4.5vw,76px) 80px!important;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr)!important;gap:clamp(30px,4vw,74px)!important;align-items:center!important;max-width:1600px;margin:auto;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;left:-12vw;right:-4vw;top:52%;height:22px;background:linear-gradient(90deg,#225eeb,#6236d9);border-radius:999px;transform:rotate(-6deg);box-shadow:0 10px 30px rgba(69,51,218,.12)}.hero:after{content:"✦";position:absolute;right:4vw;top:118px;color:#071a38;font-size:54px;font-weight:200}.hero-copy{max-width:720px}.hero .label{font-size:12px!important;letter-spacing:.2em!important;text-transform:uppercase;color:#225eeb!important}.hero h1{font-size:clamp(56px,5.4vw,88px)!important;line-height:1!important;letter-spacing:-.065em!important;margin:22px 0 26px!important;max-width:760px}.hero .lead{font-size:18px!important;line-height:1.65!important;max-width:590px!important;color:var(--muted)!important}.actions{gap:16px!important;margin-top:34px!important}.btn{min-height:62px!important;padding:0 28px!important;display:inline-flex!important;align-items:center;justify-content:center;font-weight:600!important}.btn:after{content:"→";margin-left:24px;transition:transform .2s}.btn:hover:after{transform:translateX(5px)}.hero-board{min-height:600px!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}.hero-board:before{display:none!important}.hero-orb{width:100%;height:100%;min-height:600px;object-fit:contain;display:block;filter:drop-shadow(0 28px 38px rgba(23,46,92,.16));mix-blend-mode:multiply}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;max-width:720px;border-top:1px solid #bfcbe0}.hero-metric{min-height:94px;padding:20px 18px 12px;border-right:1px solid #bfcbe0;background:rgba(255,255,255,.42)}.hero-metric:first-child{padding-left:0}.hero-metric:last-child{border-right:0}.hero-metric b{display:block;font-family:Inter;font-size:12px;letter-spacing:.06em;color:#225eeb;text-transform:uppercase}.hero-metric span{display:block;margin-top:11px;color:#071a38;font-size:12px;font-weight:600;text-transform:uppercase}.marquee{border-radius:0!important;border:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;padding:18px 0!important;background:rgba(255,255,255,.7)!important;color:#071a38!important}.about,.services,.works,.portfolio-preview,.pricing,.reviews,.blog-preview,.ai-section,.page-hero,.page-section,.result-stories,.founder-note,.comparison-section,.demo-request,.site-analyzer,.faq-section{padding-left:max(24px,calc((100vw - 1320px)/2))!important;padding-right:max(24px,calc((100vw - 1320px)/2))!important}.section-title h2,.about h2,.page-hero h1{font-family:Sora;font-size:clamp(38px,4.5vw,68px)!important;line-height:1!important;letter-spacing:-.05em!important}.label{color:#225eeb!important}.service-list{border-top:1px solid var(--line)}.service-line{min-height:150px!important;border-bottom:1px solid var(--line)!important;transition:background .25s,padding .25s}.service-line:hover{background:linear-gradient(90deg,rgba(98,54,217,.06),rgba(34,94,235,.04));padding-left:20px!important}.service-line>span{color:#6b7a94!important}.service-line h3{font-family:Sora}.portfolio-preview,.ai-section,.faq-section{background:rgba(231,238,249,.55)!important}.portfolio-grid,.price-grid,.review-grid,.blog-grid,.result-grid{gap:20px!important}.portfolio-card,.price-card,.review-card,.blog-card,.result-card,.founder-card,.speed-card,.live-offer,.compare-table,.demo-tool,.analyzer-box,.analysis-result,.faq-item,.brand-announcement-card,.portfolio-open{border-radius:12px!important;background:#fff!important;border:1px solid var(--line)!important;color:#071a38!important;box-shadow:0 20px 55px rgba(23,46,92,.08)!important}.portfolio-card,.blog-card,.price-card,.result-card{transition:transform .24s,border-color .24s,box-shadow .24s}.portfolio-card:hover,.blog-card:hover,.price-card:hover,.result-card:hover{transform:translateY(-6px)!important;border-color:rgba(34,94,235,.38)!important;box-shadow:0 28px 70px rgba(23,46,92,.14)!important}.portfolio-thumb{border-radius:7px!important}.work-info h3,.blog-card h3,.price-card h3{font-family:Sora}.work-info p,.blog-card p,.price-card p,.review-card p,.result-card p{color:var(--muted)!important}.price-card.active{background:linear-gradient(145deg,#071a38,#112e5d)!important;color:#fff!important}.price-card.active p{color:#c8d3e5!important}.tag{border-radius:4px!important;background:linear-gradient(135deg,#6236d9,#225eeb)!important;color:#fff!important}.contact,.google-review-card,.demo-copy{border-radius:14px!important;background:linear-gradient(145deg,#071a38,#0b2855)!important;border:1px solid #1d427a!important;color:#fff!important;box-shadow:0 35px 90px rgba(23,46,92,.18)!important}.quote-form input,.quote-form select,.quote-form textarea,.ai-form textarea,.demo-tool select,.demo-tool input,.analyzer-box input{border-radius:6px!important;background:#fff!important;border-color:#bdc9dc!important;color:#071a38!important}.contact .quote-form input,.contact .quote-form select,.contact .quote-form textarea{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}.quote-form button,.ai-form button,.analyzer-box button,.review-btn{border-radius:5px!important;background:linear-gradient(135deg,#6236d9,#225eeb)!important;color:#fff!important}.page-hero{padding-top:180px!important;padding-bottom:76px!important}.portfolio-pro-grid{gap:24px!important}.portfolio-main-image{background:#e9eef6!important}.portfolio-modal-panel{border-radius:12px!important;background:#f7f9fd!important;color:#071a38!important}.portfolio-modal-info{background:#fff}.portfolio-modal-close,.portfolio-view{background:linear-gradient(135deg,#6236d9,#225eeb)!important;color:#fff!important}.portfolio-tags i,.portfolio-modal-tags span{background:#f2f5fa!important;color:#40506a!important}.forum-search,.forum-new,.forum-login-note,.forum-topic,.forum-empty{border-radius:10px!important;background:#fff!important;color:#071a38!important;border-color:var(--line)!important;box-shadow:0 18px 48px rgba(23,46,92,.07)!important}.forum-topic{transition:transform .22s,border-color .22s}.forum-topic:hover{transform:translateY(-3px);border-color:rgba(34,94,235,.36)!important}.forum-category,.forum-pin,.forum-state{border-radius:4px!important}.forum-category{background:rgba(98,54,217,.09)!important;color:#6236d9!important}.forum-reply{border-radius:7px!important;background:#f5f7fb!important}.forum-reply.staff{border-left-color:#6236d9!important;background:#f0edfb!important}.forum-search button,.forum-reply-form button{background:linear-gradient(135deg,#6236d9,#225eeb)!important;color:#fff!important}.forum-new input,.forum-new select,.forum-new textarea,.forum-reply-form textarea{border-radius:5px!important;background:#fff!important;color:#071a38!important;border-color:#bdc9dc!important}.portal-card,.stat-box,.ticket,.order-item,.review-item,.timeline-item{border-radius:10px!important;background:#fff!important;color:#071a38!important;border:1px solid var(--line)!important;box-shadow:0 18px 50px rgba(23,46,92,.08)!important}.portal-wrap{color:#071a38!important}.portal-form input,.portal-form textarea,.portal-form select,.chat-compose textarea{border-radius:5px!important;background:#f7f9fd!important;border-color:#bdc9dc!important;color:#071a38!important}.portal-sub,.muted{color:#65738c!important}.chat-messages{background:#eef3fa!important}.chat-message{border-radius:7px!important;background:#e6ecf6!important;color:#071a38!important}.chat-message.mine{background:linear-gradient(135deg,#6236d9,#225eeb)!important;color:#fff!important}.status-pill{background:#e8edfb!important;color:#225eeb!important}footer{border-top:1px solid var(--line)!important;background:#f7f9fd!important;color:#586883!important}.reveal{transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)!important}
@media(max-width:1100px){.hero{grid-template-columns:1fr!important;padding-top:140px!important}.hero-board,.hero-orb{min-height:480px!important}.hero-metrics{max-width:760px}.navlinks{gap:20px!important}.hero:before{top:58%}}
@media(max-width:700px){.hero{min-height:auto!important;padding:125px 18px 56px!important}.hero:before{height:12px;top:56%;transform:rotate(-8deg)}.hero:after{display:none}.hero h1{font-size:clamp(44px,12vw,64px)!important}.hero-board,.hero-orb{min-height:340px!important}.hero-metrics{grid-template-columns:repeat(2,1fr)!important}.hero-metric:nth-child(2){border-right:0}.hero-metric:nth-child(-n+2){border-bottom:1px solid #bfcbe0}.topbar{min-height:74px!important;padding:0 18px!important}.mobile-menu{top:82px!important}.section-title h2,.about h2,.page-hero h1{font-size:clamp(34px,10vw,52px)!important}.contact{border-radius:10px!important}.portfolio-open{border-radius:9px!important}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.forum-topic,.service-line{transition:none!important}}
.theme-toggle{display:none!important}body.theme-dark{--bg:#f7f9fd!important;--panel:#eef3fa!important;--card:#fff!important;--text:#071a38!important;--muted:#586883!important;--line:#d7dfec!important;color:#071a38!important;background:linear-gradient(180deg,#fbfcff,#eef3fa)!important}.signature-orbit{position:relative;width:min(600px,100%);aspect-ratio:1;margin:auto;display:grid;place-items:center;perspective:1000px}.signature-orbit:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(83,103,238,.11) 45%,transparent 70%);animation:orbit-breathe 5s ease-in-out infinite}.brand-sphere{position:relative;z-index:3;width:220px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 30% 22%,#b5c5ff,#7049e5 25%,#2550c5 62%,#071a38);box-shadow:inset -28px -32px 50px rgba(7,26,56,.4),inset 18px 18px 35px rgba(255,255,255,.25),0 38px 75px rgba(50,65,190,.32);animation:sphere-float 6s ease-in-out infinite}.brand-sphere:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:rotate(28deg)}.brand-sphere span{font-family:Sora;font-size:76px;font-weight:700;letter-spacing:-.08em;line-height:1}.brand-sphere small{font-size:9px;letter-spacing:.3em;margin-top:9px}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(58,76,173,.24);transform-style:preserve-3d}.ring-one{width:72%;height:46%;transform:rotate(-13deg);animation:ring-spin 14s linear infinite}.ring-two{width:55%;height:78%;transform:rotate(54deg);animation:ring-spin-two 19s linear infinite reverse}.orbit-card{position:absolute;z-index:4;min-width:150px;padding:16px 18px;border:1px solid rgba(120,141,184,.3);border-radius:10px;background:rgba(255,255,255,.84);box-shadow:0 18px 45px rgba(23,46,92,.13);backdrop-filter:blur(14px);animation:card-float 5s ease-in-out infinite}.orbit-card b{display:block;color:#225eeb;font-size:10px;letter-spacing:.15em}.orbit-card span{display:block;color:#071a38;font-size:12px;font-weight:700;margin-top:7px}.card-web{left:1%;top:20%}.card-seo{right:0;top:17%;animation-delay:-1.2s}.card-graphic{left:3%;bottom:17%;animation-delay:-2.4s}.card-social{right:2%;bottom:15%;animation-delay:-3.6s}@keyframes sphere-float{0%,100%{transform:translateY(0) rotateY(-8deg)}50%{transform:translateY(-18px) rotateY(12deg)}}@keyframes orbit-breathe{50%{transform:scale(1.06);opacity:.72}}@keyframes ring-spin{to{transform:rotate(347deg)}}@keyframes ring-spin-two{to{transform:rotate(414deg)}}@keyframes card-float{50%{transform:translateY(-12px)}}.profile-editor-head{display:flex;align-items:center;gap:24px;margin-bottom:28px}.profile-form{grid-template-columns:repeat(3,1fr)!important}.profile-wide{grid-column:1/-1}.profile-avatar{width:58px;height:58px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#6236d9,#225eeb);color:#fff;font-family:Sora;font-size:22px;font-weight:700;box-shadow:0 10px 25px rgba(69,62,190,.22)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar.large{width:104px;height:104px;font-size:38px}.profile-avatar.xlarge{width:156px;height:156px;font-size:60px;border:8px solid rgba(255,255,255,.8)}.profile-avatar.small{width:46px;height:46px;font-size:17px}.stats-four{grid-template-columns:repeat(4,1fr)!important}.public-profile-page{min-height:100vh;padding-top:92px}.profile-cover{min-height:460px;padding:90px max(24px,calc((100vw - 1250px)/2));display:flex;align-items:center;justify-content:space-between;gap:36px;background:radial-gradient(circle at 80% 20%,rgba(98,54,217,.22),transparent 30%),linear-gradient(135deg,#eef3fa,#fff);border-bottom:1px solid var(--line)}.profile-main{display:flex;align-items:center;gap:30px}.profile-main h1{font-family:Sora;font-size:clamp(44px,6vw,78px);letter-spacing:-.06em;margin:8px 0}.profile-role{color:var(--muted);font-size:18px}.profile-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.profile-links a,.expertise-list span{padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#243b64;font-size:13px;font-weight:700}.profile-score{text-align:center;padding:26px 34px;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:12px}.profile-score b{display:block;font-family:Sora;font-size:50px;color:#6236d9}.profile-score span{color:var(--muted);font-size:12px}.profile-content{max-width:1250px;margin:auto;padding:72px 24px 100px;display:grid;grid-template-columns:1.15fr .85fr;gap:32px}.profile-about,.profile-topics{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 22px 60px rgba(23,46,92,.08)}.profile-about h2,.profile-topics h2{font-family:Sora;font-size:32px}.profile-about>article>p:last-of-type{color:var(--muted);line-height:1.8}.expertise-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.profile-stat-grid div{padding:18px 10px;text-align:center;background:#f5f8fd;border:1px solid var(--line);border-radius:8px}.profile-stat-grid b{display:block;font-family:Sora;font-size:26px}.profile-stat-grid span{color:var(--muted);font-size:11px}.profile-topic-card{display:grid;gap:7px;padding:17px 0;border-bottom:1px solid var(--line);color:#071a38}.profile-topic-card span,.profile-topic-card small{color:var(--muted);font-size:12px}@media(max-width:900px){.brand-sphere{width:170px}.brand-sphere span{font-size:58px}.orbit-card{min-width:128px;padding:12px}.profile-form{grid-template-columns:1fr!important}.profile-wide{grid-column:auto}.stats-four{grid-template-columns:repeat(2,1fr)!important}.profile-cover,.profile-main{flex-direction:column;text-align:center}.profile-links{justify-content:center}.profile-content{grid-template-columns:1fr}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.brand-sphere,.orbit-ring,.orbit-card,.signature-orbit:before{animation:none!important}}
/* Site-wide compact member tools */
.member-login-link{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid #c7d2e4;border-radius:5px;color:#14294a;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}.member-login-link:hover{border-color:#7055e9;color:#563cd7}
.global-member-tools{position:fixed;z-index:1200;right:18px;top:108px;display:flex;flex-direction:column;gap:8px;padding:7px;border:1px solid rgba(130,148,180,.3);border-radius:10px;background:rgba(255,255,255,.88);box-shadow:0 16px 42px rgba(7,26,56,.16);backdrop-filter:blur(16px)}.member-tool{position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid #d9e1ee;border-radius:7px;background:#fff;color:#14294a;text-decoration:none;transition:transform .2s,border-color .2s,color .2s}.member-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.member-tool:hover{transform:translateX(-3px);border-color:#6d6af4;color:#543fd9}.member-tool:after{content:attr(data-tip);position:absolute;right:48px;top:50%;transform:translateY(-50%) translateX(5px);padding:7px 9px;border-radius:5px;background:#071a38;color:#fff;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.02em;opacity:0;pointer-events:none;transition:.2s}.member-tool:hover:after,.member-tool:focus-visible:after{opacity:1;transform:translateY(-50%) translateX(0)}.member-tool-badge{position:absolute;right:-5px;top:-5px;display:grid;min-width:17px;height:17px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:99px;background:#7048e8;color:#fff;font:700 8px/1 Inter,sans-serif;font-style:normal}.member-tool-live{position:absolute;right:4px;bottom:4px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#25b97a;box-shadow:0 0 0 3px rgba(37,185,122,.14)}@media(max-width:760px){.global-member-tools{top:auto;right:12px;bottom:14px;flex-direction:row;border-radius:9px}.member-tool{width:42px;height:42px}.member-tool:after{display:none}}
