:root{
  --bg:#06101d;--bg2:#0a1626;--panel:#0d1b2c;--panel2:#101f32;--line:rgba(255,255,255,.09);
  --text:#eef7ff;--muted:#91a6bb;--mint:#74f0cf;--mint2:#42cba8;--blue:#79b8ff;--violet:#b993ff;--amber:#ffc966;--green:#7ce39d;--cyan:#65e7f3;
  --danger:#ff7f8f;--success:#79e8ac;--shadow:0 22px 80px rgba(0,0,0,.3);--radius:24px;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(50,100,170,.16),transparent 35%),radial-gradient(circle at 85% 10%,rgba(116,240,207,.09),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:80;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(6,16,29,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:11px;align-items:center;font-size:20px;letter-spacing:-.03em}.brand strong{letter-spacing:.04em}.brand-mark{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block;position:relative;box-shadow:0 0 18px rgba(36,150,255,.28),inset 0 0 0 1px rgba(255,255,255,.12)}.desktop-nav{display:flex;gap:28px;color:#b8c8d8;font-size:14px}.desktop-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:12px;align-items:center}.lang-picker{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.lang-picker select{border:0;background:transparent;color:var(--text);outline:none}.lang-picker option{background:#0a1626}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:14px;padding:13px 18px;font-weight:750;cursor:pointer;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--mint),#55c5ff);color:#04111b;box-shadow:0 8px 30px rgba(80,220,198,.16)}.btn-ghost{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--text)}.btn-small{padding:9px 13px;border-radius:11px;font-size:13px}.btn-large{padding:16px 20px}.btn-block{width:100%}.section-pad{padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.hero{min-height:720px;padding-top:105px;padding-bottom:90px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--mint);display:flex;align-items:center;gap:9px}.live-dot{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 7px rgba(116,240,207,.08)}h1{font-size:clamp(48px,6.2vw,82px);line-height:.98;letter-spacing:-.06em;margin:22px 0 24px;max-width:780px}h1 em{font-style:normal;color:var(--mint)}.hero-lead{font-size:19px;color:#afc0d0;max-width:680px;margin:0 0 31px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:27px;color:#8fa4b8;font-size:13px}.trust-row span span{margin-left:4px}.hero-visual{min-height:540px;display:grid;place-items:center}.orbital{width:min(520px,44vw);aspect-ratio:1;position:relative;border-radius:50%;background:radial-gradient(circle,rgba(116,240,207,.12),rgba(6,16,29,0) 58%)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;inset:13%}.orbit-2{inset:27%;border-style:dashed;animation:spin 28s linear infinite}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:35px;background:linear-gradient(145deg,#17304a,#0c192b);border:1px solid rgba(116,240,207,.35);box-shadow:0 0 80px rgba(116,240,207,.15),inset 0 0 30px rgba(255,255,255,.04);display:grid;place-content:center;text-align:center}.core strong{font-size:27px;letter-spacing:.08em}.core span{font-size:12px;color:var(--mint);letter-spacing:.15em;text-transform:uppercase}.node{position:absolute;min-width:126px;padding:12px 14px;border-radius:15px;background:rgba(12,27,45,.94);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column}.node b{font-size:11px;letter-spacing:.12em}.node span{font-size:11px;color:var(--muted)}.n-data{left:-2%;top:20%;border-color:rgba(101,231,243,.3)}.n-creative{right:-4%;top:15%;border-color:rgba(185,147,255,.3)}.n-web{right:-10%;bottom:24%;border-color:rgba(121,184,255,.3)}.n-writing{left:5%;bottom:4%;border-color:rgba(255,201,102,.3)}.n-seo{left:-11%;bottom:33%;border-color:rgba(124,227,157,.3)}.flow-badge{position:absolute;left:50%;transform:translateX(-50%);bottom:-14px;white-space:nowrap;padding:9px 14px;background:#0d1d30;border:1px solid var(--line);border-radius:999px;color:#b4c5d5;font-size:11px}.pulse{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}
.metric-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:26px max(24px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.015)}.metric-strip div{padding:0 28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.metric-strip div:first-child{padding-left:0}.metric-strip div:last-child{border:0}.metric-strip strong{font-size:24px}.metric-strip span{font-size:12px;color:var(--muted)}.section{padding-top:110px;padding-bottom:110px}.section-heading{max-width:770px;margin-bottom:45px}.section-heading h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px}.section-heading p{color:var(--muted);font-size:17px}.engine-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.engine-card{position:relative;overflow:hidden;min-height:300px;padding:24px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);transition:.25s}.engine-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.19)}.engine-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(45px);opacity:.15;top:-45px;right:-45px}.engine-card[data-domain="data"]:before{background:var(--cyan)}.engine-card[data-domain="creative"]:before{background:var(--violet)}.engine-card[data-domain="web"]:before{background:var(--blue)}.engine-card[data-domain="writing"]:before{background:var(--amber)}.engine-card[data-domain="seo"]:before{background:var(--green)}.engine-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--line);font-weight:900}.engine-card h3{font-size:20px;margin:28px 0 10px}.engine-card p{font-size:13px;color:var(--muted);min-height:86px}.engine-meta{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:12px}.engine-meta span{color:var(--muted)}.engine-meta b{color:var(--mint)}.visual-showcase{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))}.showcase-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.demo-card{border:1px solid var(--line);border-radius:24px;background:#0b1828;overflow:hidden;min-height:320px;position:relative}.demo-card:nth-child(1){grid-column:span 7}.demo-card:nth-child(2){grid-column:span 5}.demo-card:nth-child(3),.demo-card:nth-child(4),.demo-card:nth-child(5){grid-column:span 4}.demo-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) brightness(.92)}.demo-label{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(6,16,29,.84);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:13px}.demo-label strong{font-size:13px}.badge{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;font-size:9px;letter-spacing:.12em;font-weight:900;border:1px solid var(--line);background:rgba(255,255,255,.04)}.badge.data{color:var(--cyan);border-color:rgba(101,231,243,.25)}.badge.creative{color:var(--violet);border-color:rgba(185,147,255,.25)}.badge.web{color:var(--blue);border-color:rgba(121,184,255,.25)}.badge.writing{color:var(--amber);border-color:rgba(255,201,102,.25)}.badge.seo{color:var(--green);border-color:rgba(124,227,157,.25)}.browser-shell{margin:26px;border:1px solid var(--line);border-radius:16px;background:#f8fbff;color:#152536;overflow:hidden;height:235px}.browser-top{height:30px;background:#e9eef4;display:flex;align-items:center;gap:5px;padding:0 9px;font-size:8px;color:#69798a}.browser-top i{width:7px;height:7px;border-radius:50%;background:#b8c3cf}.browser-top span{margin-left:8px}.mini-site{padding:22px}.mini-site small{color:#4d68ff;font-weight:900;letter-spacing:.12em}.mini-site h3{font-size:21px;line-height:1.02;margin:8px 0}.mini-site p{font-size:10px;width:74%;color:#6e7c88}.mini-site button{font-size:9px;border:0;border-radius:6px;padding:7px 10px;background:#172e4c;color:#fff}.mini-stats{display:flex;gap:6px;margin-top:17px}.mini-stats b{font-size:8px;background:#eef2f6;border-radius:5px;padding:5px 7px}.doc-sheet{margin:26px;padding:24px;height:235px;border-radius:16px;background:#fcfaf4;color:#342f27;box-shadow:0 10px 30px rgba(0,0,0,.15)}.doc-kicker{font-size:8px;letter-spacing:.15em;color:#bd8120;font-weight:900}.doc-sheet h3{font-size:21px;line-height:1.04;margin:10px 0}.doc-sheet p{font-size:10px;color:#7d7266}.text-line{height:5px;border-radius:4px;background:#ddd5c9;margin:7px 0}.w90{width:90%}.w75{width:75%}.w85{width:85%}.cta-copy{margin-top:14px;font-size:9px;font-weight:900;color:#8b5b11}.seo-sheet{margin:26px;height:235px;border-radius:16px;border:1px solid rgba(124,227,157,.18);background:#071b17;padding:20px;display:grid;grid-template-columns:95px 1fr;gap:16px}.seo-score{border-radius:15px;background:rgba(124,227,157,.08);display:grid;place-content:center;text-align:center}.seo-score span{font-size:9px;letter-spacing:.12em;color:#98b9aa}.seo-score strong{font-size:37px;color:var(--green)}.seo-items{display:grid;gap:7px;align-content:center}.seo-items div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:7px;padding:8px;border-radius:8px;background:rgba(255,255,255,.035);font-size:8px;color:#c2d8cf}.seo-items b{font-size:7px;color:var(--green)}.ok{width:7px;height:7px;border-radius:50%;background:var(--green)}
.service-explorer{display:grid;grid-template-columns:230px 1fr;min-height:560px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.02)}.service-tabs{background:rgba(0,0,0,.13);border-right:1px solid var(--line);padding:12px}.service-tab{width:100%;padding:14px;border-radius:13px;border:0;background:transparent;color:var(--muted);text-align:left;font-weight:800;cursor:pointer;margin-bottom:6px}.service-tab.active{background:rgba(116,240,207,.08);color:var(--text);box-shadow:inset 3px 0 0 var(--mint)}.service-panel{padding:30px}.service-panel-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.service-panel-head h3{font-size:28px;margin:10px 0 7px}.service-panel-head p{margin:0;color:var(--muted);max-width:720px}.engine-mode{font-size:11px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.04);height:max-content;color:var(--muted);white-space:nowrap}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:22px}.service-row{border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.02)}.service-row strong{font-size:13px}.service-row small{display:block;color:var(--muted);margin-top:4px}.service-price{text-align:right}.service-price b{font-size:17px}.service-price small{white-space:nowrap}.add-service{grid-column:2;border:0;background:transparent;color:var(--mint);font-size:11px;font-weight:900;cursor:pointer}.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bundle-card{padding:26px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(116,240,207,.05),rgba(255,255,255,.02));position:relative;overflow:hidden}.bundle-card:after{content:"";position:absolute;inset:auto -30px -70px auto;width:140px;height:140px;background:var(--mint);filter:blur(60px);opacity:.08}.bundle-card h3{font-size:20px;margin:18px 0 8px}.bundle-card p{font-size:13px;color:var(--muted)}.bundle-flow{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.bundle-flow span{font-size:10px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.bundle-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:24px}.bundle-price small{display:block;color:var(--muted)}.bundle-price b{font-size:23px}.process{background:#071321}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:24px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.step>span{font-size:12px;color:var(--mint);font-weight:900}.step h3{font-size:17px;margin:30px 0 7px}.step p{font-size:13px;color:var(--muted);margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-item{margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0a1727}.portfolio-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.portfolio-item figcaption{padding:16px;display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center}.portfolio-item figcaption small{grid-column:2;color:var(--muted)}.premium-shell{border:1px solid rgba(116,240,207,.2);border-radius:30px;padding:52px;background:radial-gradient(circle at 90% 30%,rgba(116,240,207,.08),transparent 32%),linear-gradient(135deg,#0d1b2d,#081421);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.premium-copy h2{font-size:44px;line-height:1.04;letter-spacing:-.045em;margin:15px 0}.premium-copy>p{color:var(--muted)}.premium-copy ul{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 30px;padding:0;list-style:none;margin-top:28px}.premium-copy li{font-size:13px;color:#b6c5d3;border-bottom:1px solid var(--line);padding:10px 0}.premium-copy li b{color:var(--mint);margin-right:5px}.premium-card{background:#eefcf8;color:#0c2420;border-radius:24px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.plan-name{font-size:10px;font-weight:950;letter-spacing:.17em;color:#3b6c62}.plan-price{display:flex;align-items:baseline;margin:20px 0 8px}.plan-price sup{font-size:20px}.plan-price strong{font-size:68px;line-height:1}.plan-price span{font-size:14px;color:#54726c}.premium-card p{font-size:13px;color:#54726c}.premium-card input{width:100%;padding:13px;border:1px solid #c9dfd9;border-radius:12px;margin:12px 0;background:white}.premium-card small{display:block;margin-top:13px;color:#68827c;font-size:10px}.star{font-size:18px}.project-builder{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.project-form{border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.02);overflow:hidden}.form-section{padding:28px;border-bottom:1px solid var(--line)}.form-section:last-of-type{border-bottom:0}.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.form-section-title>span{width:28px;height:28px;border-radius:9px;background:rgba(116,240,207,.1);color:var(--mint);display:grid;place-items:center;font-size:11px;font-weight:900}.form-section-title h3{margin:0;font-size:16px}.project-form label{display:grid;gap:7px;margin-bottom:16px;color:#c7d3df;font-size:12px;font-weight:700}.project-form input,.project-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#091625;color:var(--text);padding:12px 13px;outline:none;resize:vertical}.project-form input:focus,.project-form textarea:focus{border-color:rgba(116,240,207,.42);box-shadow:0 0 0 3px rgba(116,240,207,.05)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-hint{font-size:11px;color:var(--muted);margin:10px 0 0}.selected-services{display:grid;gap:9px;margin-bottom:12px}.selected-service{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);background:#091625;border-radius:13px}.selected-service .qty-input{width:90px;margin:0}.remove-service{border:0;background:transparent;color:#ef91a0;font-size:18px;cursor:pointer}.file-drop{border:1px dashed rgba(116,240,207,.3)!important;border-radius:16px!important;padding:28px!important;text-align:center!important;background:rgba(116,240,207,.025)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;align-items:center!important}.file-drop input{display:none}.file-drop strong{font-size:13px}.file-drop span{font-weight:400;font-size:10px;color:var(--muted);max-width:520px}.file-list{display:grid;gap:6px;margin-bottom:16px}.file-chip{display:flex;justify-content:space-between;font-size:11px;padding:8px 10px;background:rgba(255,255,255,.03);border-radius:9px}.rush-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.radio-card{margin:0!important;display:flex!important}.radio-card input{display:none}.radio-card span{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;gap:2px;background:#091625}.radio-card input:checked+span{border-color:rgba(116,240,207,.45);background:rgba(116,240,207,.06)}.radio-card b{font-size:12px}.radio-card small{color:var(--muted)}.check-line{display:flex!important;grid-template-columns:18px 1fr!important;align-items:start!important;gap:9px!important;font-weight:400!important;color:var(--muted)!important}.check-line input{width:15px!important;margin-top:3px}.form-message{margin:18px 28px 0;padding:12px;border-radius:12px;font-size:12px}.form-message.error{background:rgba(255,127,143,.08);color:#ffc3cb;border:1px solid rgba(255,127,143,.2)}.form-message.success{background:rgba(121,232,172,.08);color:#bdf7d5;border:1px solid rgba(121,232,172,.2)}#submitProject{border-radius:0}.sticky{position:sticky;top:94px}.quote-card{padding:22px;border-radius:22px;border:1px solid var(--line);background:#0b1929;box-shadow:var(--shadow)}.quote-head{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:13px;padding-bottom:15px;border-bottom:1px solid var(--line)}.secure-pill{font-size:8px;color:var(--mint);background:rgba(116,240,207,.08);padding:5px 7px;border-radius:999px}.quote-empty{padding:28px 0;color:var(--muted);font-size:12px}.quote-components{display:grid;gap:7px;padding:16px 0}.quote-component{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#c2d0dd}.quote-component span{color:var(--muted)}.quote-row{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.quote-row.discount b{color:var(--mint)}.quote-total{display:flex;justify-content:space-between;align-items:end;margin-top:14px}.quote-total span{font-size:12px}.quote-total b{font-size:34px;color:var(--mint)}.credit-box{display:flex;justify-content:space-between;padding:11px;background:rgba(116,240,207,.06);border:1px solid rgba(116,240,207,.13);border-radius:11px;margin:15px 0;font-size:10px}.quote-card>div>small{color:var(--muted);font-size:9px;display:block}.status-shell{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.02)}.status-shell h2{font-size:31px;margin:10px 0}.status-shell p{color:var(--muted)}.status-controls{display:grid;gap:9px;align-content:center}.status-controls input{padding:12px;border:1px solid var(--line);border-radius:12px;background:#091625;color:var(--text)}.status-result{font-size:11px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq details{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(255,255,255,.02)}.faq summary{cursor:pointer;font-weight:800;font-size:13px}.faq p{color:var(--muted);font-size:12px}.site-footer{padding:50px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;color:var(--muted)}.footer-brand{color:var(--text)}.site-footer>p{font-size:12px}.footer-links{display:flex;gap:18px;font-size:12px}.site-footer>small{grid-column:1/-1;font-size:10px}.service-dialog{width:min(900px,calc(100vw - 30px));max-height:82vh;background:#0a1727;color:var(--text);border:1px solid var(--line);border-radius:24px;padding:0;box-shadow:0 40px 120px rgba(0,0,0,.55)}.service-dialog::backdrop{background:rgba(2,8,15,.75);backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.dialog-head h3{font-size:24px;margin:7px 0 0}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-size:22px;cursor:pointer}.dialog-services{padding:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow:auto;max-height:63vh}.picker-group{grid-column:1/-1;padding-top:9px}.picker-group h4{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:7px 0}.picker-service{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer}.picker-service:hover{border-color:rgba(116,240,207,.3)}.picker-service strong{font-size:12px}.picker-service small{display:block;color:var(--muted)}.hidden{display:none!important}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-visual{min-height:480px}.orbital{width:min(520px,80vw)}.engine-grid{grid-template-columns:repeat(3,1fr)}.engine-card:nth-child(4),.engine-card:nth-child(5){grid-column:span 1}.showcase-grid .demo-card{grid-column:span 6}.showcase-grid .demo-card:nth-child(5){grid-column:span 12}.bundle-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.premium-shell{grid-template-columns:1fr;gap:35px}.project-builder{grid-template-columns:1fr}.sticky{position:static}.portfolio-grid{grid-template-columns:1fr 1fr}.status-shell{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(max-width:720px){.site-header{height:68px;padding:0 15px}.header-actions .btn{display:none}.brand{font-size:17px}.section-pad{padding-left:17px;padding-right:17px}.hero{padding-top:58px;padding-bottom:60px}.hero-copy h1{font-size:49px}.hero-lead{font-size:16px}.trust-row{gap:10px;flex-direction:column}.hero-visual{min-height:390px}.orbital{width:84vw}.node{min-width:96px;padding:9px}.node span{display:none}.core{width:105px;height:105px}.n-web{right:-4%}.n-seo{left:-4%}.metric-strip{grid-template-columns:1fr 1fr;padding:18px 17px}.metric-strip div{padding:10px 12px;border-bottom:1px solid var(--line)}.metric-strip div:nth-child(2){border-right:0}.engine-grid{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}.section-heading h2{font-size:38px}.showcase-grid{display:grid;grid-template-columns:1fr}.showcase-grid .demo-card{grid-column:1!important}.service-explorer{grid-template-columns:1fr}.service-tabs{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.service-tab{min-width:max-content;margin:0 4px 0 0}.service-panel{padding:20px}.service-panel-head{display:grid}.service-list{grid-template-columns:1fr}.bundle-grid,.steps,.portfolio-grid,.faq-grid{grid-template-columns:1fr}.premium-shell{padding:28px 20px}.premium-copy h2{font-size:34px}.premium-copy ul{grid-template-columns:1fr}.form-grid-2,.rush-options{grid-template-columns:1fr}.project-form{border-radius:18px}.form-section{padding:20px}.selected-service{grid-template-columns:auto 1fr auto}.selected-service .qty-input{grid-column:2}.status-shell{padding:24px}.dialog-services{grid-template-columns:1fr}.footer-links{display:grid}.site-footer{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-2{animation:none}.reveal{opacity:1;transform:none;transition:none}.btn:hover,.engine-card:hover{transform:none}}

.status-live{display:grid;gap:12px;margin-top:10px}
.status-top{display:flex;justify-content:space-between;gap:14px;align-items:baseline;flex-wrap:wrap}
.status-top small{color:var(--muted)}
.status-track{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.status-step{padding:8px 5px;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:9px;color:var(--muted);letter-spacing:.04em}
.status-step.active{border-color:rgba(116,240,207,.5);color:var(--mint);background:rgba(116,240,207,.08)}
.status-step.done{border-color:rgba(116,240,207,.32);color:#bdf7e9}
@media(max-width:720px){.status-track{grid-template-columns:1fr 1fr}}

.engine-visual{display:block;width:100%;height:132px;object-fit:cover;border-radius:14px;margin:0 0 14px;border:1px solid rgba(255,255,255,.12)}
.engine-card .engine-icon{margin-bottom:10px}
.legal-copy{display:block;line-height:1.55;font-size:12px;font-weight:400;color:var(--muted)}.legal-copy a{color:var(--mint);text-decoration:underline;text-underline-offset:2px}.legal-copy a:hover{color:var(--text)}

/* HOBO ACCESSIBILITY 20260919-a11y-1 */
.skip-link {
  position: fixed;
  z-index: 10000;
  top: .75rem;
  left: .75rem;
  max-width: calc(100vw - 1.5rem);
  padding: .7rem 1rem;
  border-radius: .6rem;
  background: #f8cc69;
  color: #07111f;
  font-weight: 700;
  text-decoration: none;
  transform: translateY(-180%);
  transition: transform .16s ease;
}
.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}
:focus-visible {
  outline: 3px solid #f8cc69;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* HOBO ART COLLECTIONS 20260919-art-1 */
.art-collection-directory {
  max-width: 1180px;
  margin: 56px auto 24px;
  padding: 30px 24px;
  border: 1px solid rgba(164,207,232,.18);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(16,37,59,.94), rgba(13,29,48,.9));
}
.art-collection-directory h2 { margin: 0 0 10px; }
.art-collection-directory p { max-width: 720px; color: rgba(244,251,255,.78); }
.art-collection-directory-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}
.art-collection-directory-card {
  display: flex;
  min-height: 118px;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  padding: 18px;
  border: 1px solid rgba(164,207,232,.16);
  border-radius: 16px;
  color: #f4fbff;
  background: rgba(7,17,31,.58);
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.art-collection-directory-card:hover,
.art-collection-directory-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(248,204,105,.75);
  background: rgba(20,47,73,.82);
}
.art-collection-directory-card small { color: #f8cc69; letter-spacing: .08em; text-transform: uppercase; }
.art-landing-page { min-height: 100vh; background: #07111f; color: #f4fbff; }
.art-landing-header {
  display: flex;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.art-landing-header a { color: inherit; text-decoration: none; }
.art-landing-brand { font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.art-landing-nav { display: flex; flex-wrap: wrap; gap: 14px; color: rgba(244,251,255,.76); font-size: .92rem; }
.art-landing-main { max-width: 1180px; margin: 0 auto; padding: 30px 24px 80px; }
.art-landing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
  gap: 34px;
  align-items: center;
  padding: 34px 0 58px;
}
.art-landing-eyebrow { color: #f8cc69; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.art-landing-hero h1 { max-width: 760px; margin: 14px 0; font-size: clamp(2.25rem, 6vw, 5.6rem); line-height: .98; letter-spacing: -.055em; }
.art-landing-lead { max-width: 680px; color: rgba(244,251,255,.78); font-size: 1.12rem; line-height: 1.7; }
.art-landing-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.art-landing-button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  background: #f8cc69;
  color: #07111f !important;
  font-weight: 800;
}
.art-landing-button.is-ghost { border: 1px solid rgba(164,207,232,.3); background: transparent; color: #f4fbff !important; }
.art-landing-hero-media { overflow: hidden; border: 1px solid rgba(164,207,232,.2); border-radius: 26px; background: #0d1d30; box-shadow: 0 22px 70px rgba(0,0,0,.28); }
.art-landing-hero-media img { display: block; width: 100%; height: auto; aspect-ratio: 1.1; object-fit: cover; }
.art-landing-section-heading { margin: 20px 0 22px; }
.art-landing-section-heading h2 { margin: 0 0 8px; font-size: clamp(1.6rem, 3vw, 2.6rem); }
.art-landing-section-heading p { color: rgba(244,251,255,.7); }
.art-landing-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.art-landing-card { overflow: hidden; border: 1px solid rgba(164,207,232,.16); border-radius: 18px; background: rgba(13,29,48,.86); }
.art-landing-card img { display: block; width: 100%; height: auto; aspect-ratio: 1.1; object-fit: cover; }
.art-landing-card-body { padding: 14px 15px 16px; }
.art-landing-card-body h3 { margin: 0; font-size: 1rem; }
.art-landing-card-body p { margin: 6px 0 0; color: rgba(244,251,255,.64); font-size: .88rem; }
.art-landing-related { margin-top: 56px; padding: 24px; border-radius: 20px; background: rgba(16,37,59,.74); }
.art-landing-related-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.art-landing-related-links a { color: #f8cc69; }
.art-landing-footer { max-width: 1180px; margin: 0 auto; padding: 0 24px 34px; color: rgba(244,251,255,.58); font-size: .9rem; }
@media (max-width: 900px) {
  .art-collection-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .art-landing-hero { grid-template-columns: 1fr; }
  .art-landing-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .art-collection-directory-grid,
  .art-landing-gallery-grid { grid-template-columns: 1fr; }
  .art-landing-header { align-items: flex-start; flex-direction: column; }
}

/* HOBO GROWTH CASE STUDIES 20260919-v1 */
.growth-directory {
  max-width: 1180px;
  margin: 54px auto 0;
  padding: 30px 24px;
  border: 1px solid rgba(164,207,232,.18);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(16,37,59,.94), rgba(7,17,31,.88));
}
.growth-directory h2 { margin: 0 0 10px; }
.growth-directory > p { max-width: 740px; color: rgba(244,251,255,.76); }
.growth-directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.growth-directory-card {
  display: flex;
  min-height: 180px;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 20px;
  border: 1px solid rgba(164,207,232,.16);
  border-radius: 18px;
  background: rgba(7,17,31,.58);
  color: #f4fbff;
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.growth-directory-card:hover,
.growth-directory-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(248,204,105,.75);
  background: rgba(20,47,73,.82);
}
.growth-directory-card small { color: #f8cc69; letter-spacing: .09em; text-transform: uppercase; }
.growth-directory-card img { width: 100%; height: 120px; border-radius: 12px; object-fit: cover; }
.growth-directory-card strong { font-size: 1.12rem; line-height: 1.25; }
.growth-directory-card span { color: #46e1d1; font-weight: 800; }
.growth-page { min-height: 100vh; background: #07111f; color: #f4fbff; }
.growth-header {
  display: flex;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.growth-header a { color: inherit; text-decoration: none; }
.growth-brand { font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.growth-nav { display: flex; flex-wrap: wrap; gap: 14px; color: rgba(244,251,255,.76); font-size: .92rem; }
.growth-main { max-width: 1180px; margin: 0 auto; padding: 28px 24px 80px; }
.growth-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: 34px;
  align-items: center;
  padding: 34px 0 52px;
}
.growth-eyebrow { color: #f8cc69; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.growth-hero h1 { max-width: 760px; margin: 14px 0; font-size: clamp(2.25rem, 6vw, 5.2rem); line-height: .98; letter-spacing: -.055em; }
.growth-lead { max-width: 700px; color: rgba(244,251,255,.78); font-size: 1.12rem; line-height: 1.7; }
.growth-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.growth-button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  background: #f8cc69;
  color: #07111f !important;
  font-weight: 800;
  text-decoration: none;
}
.growth-button.is-ghost { border: 1px solid rgba(164,207,232,.3); background: transparent; color: #f4fbff !important; }
.growth-media { overflow: hidden; border: 1px solid rgba(164,207,232,.2); border-radius: 26px; background: #0d1d30; box-shadow: 0 22px 70px rgba(0,0,0,.28); }
.growth-media img { display: block; width: 100%; height: auto; aspect-ratio: 1.2; object-fit: cover; }
.growth-visual { padding: 30px; background: radial-gradient(circle at top right, rgba(70,225,209,.23), transparent 42%), #0d1d30; }
.growth-visual h2 { margin-top: 0; font-size: 1.4rem; }
.growth-steps { display: grid; gap: 12px; margin-top: 22px; }
.growth-step { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: start; padding: 14px; border: 1px solid rgba(70,225,209,.2); border-radius: 14px; background: rgba(7,17,31,.62); }
.growth-step b { display: inline-grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #46e1d1; color: #07111f; }
.growth-step strong { display: block; margin-bottom: 4px; }
.growth-step span { color: rgba(244,251,255,.68); font-size: .9rem; line-height: 1.45; }
.growth-section { margin-top: 42px; }
.growth-section h2 { margin-bottom: 10px; font-size: clamp(1.7rem, 3vw, 2.7rem); }
.growth-section > p { max-width: 800px; color: rgba(244,251,255,.74); line-height: 1.7; }
.growth-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.growth-panel { padding: 22px; border: 1px solid rgba(164,207,232,.16); border-radius: 18px; background: rgba(13,29,48,.86); }
.growth-panel h3 { margin-top: 0; }
.growth-panel p, .growth-panel li { color: rgba(244,251,255,.74); line-height: 1.6; }
.growth-panel ul { margin: 12px 0 0; padding-left: 20px; }
.growth-note { margin-top: 24px; padding: 16px 18px; border-left: 3px solid #f8cc69; background: rgba(248,204,105,.08); color: rgba(244,251,255,.78); }
.growth-related { margin-top: 56px; padding: 24px; border-radius: 20px; background: rgba(16,37,59,.74); }
.growth-related-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.growth-related-links a { color: #f8cc69; }
.growth-footer { max-width: 1180px; margin: 0 auto; padding: 0 24px 34px; color: rgba(244,251,255,.58); font-size: .9rem; }
@media (max-width: 900px) {
  .growth-directory-grid, .growth-columns { grid-template-columns: 1fr; }
  .growth-hero { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .growth-header { align-items: flex-start; flex-direction: column; }
}

/* HOBO MONETIZATION 20260922-affiliate-ads-1 */
#hobo-affiliate-hub[hidden],#hobo-ad-strip[hidden],.hobo-ad-slot[hidden]{display:none}
.monetization-section{border-top:1px solid rgba(116,240,207,.18)}
.monetization-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.monetization-card{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(164,207,232,.16);border-radius:18px;padding:22px;background:linear-gradient(145deg,rgba(16,37,59,.9),rgba(13,29,48,.84));min-height:210px}
.monetization-card-label{color:#74f0cf;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.monetization-card h3{margin:0;font-size:20px;line-height:1.2}
.monetization-card p{margin:0;color:#a8bfd0;flex:1}
.monetization-card .btn{align-self:flex-start}
.monetization-disclosure{color:#a8bfd0;font-size:13px;margin:20px 0 0}
.monetization-ad-section{padding-top:20px;padding-bottom:20px}
.hobo-ad-slot{width:100%;min-height:90px;margin:0 auto 18px;text-align:center}
.hobo-ad-slot:last-child{margin-bottom:0}
@media(max-width:850px){.monetization-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.monetization-grid{grid-template-columns:1fr}}