:root{color-scheme:light;--bg: #f7fbff;--bg-2: #edf6ff;--text: #07111f;--muted: #536172;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .92);--border: rgba(18, 37, 63, .12);--border-strong: rgba(37, 99, 235, .22);--shadow: 0 18px 60px rgba(18, 37, 63, .12);--shadow-soft: 0 10px 30px rgba(18, 37, 63, .1);--primary: #1267f1;--primary-strong: #0b55d9;--cyan: #00a7c8;--emerald: #0e9f6e;--amber: #d97706;--ink: #07111f;--surface-dark: #101b2c;--radius: 8px;--max-width: 1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #07111f;--bg-2: #0d1b2d;--text: #f4f8ff;--muted: #a9b7ca;--panel: rgba(14, 25, 41, .76);--panel-strong: rgba(13, 24, 40, .94);--border: rgba(222, 235, 255, .13);--border-strong: rgba(0, 167, 200, .32);--shadow: 0 18px 60px rgba(0, 0, 0, .36);--shadow-soft: 0 10px 34px rgba(0, 0, 0, .28);--primary: #4b8dff;--primary-strong: #2b6ded;--cyan: #25d0ef;--emerald: #34d399;--amber: #f59e0b}*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}body{width:100%;max-width:100%;min-width:0;overflow-x:hidden;margin:0;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-2) 44%,var(--bg) 100%),linear-gradient(90deg,#1267f10f,#0e9f6e0d)}#root{width:100%;max-width:100%;overflow-x:hidden}body,button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{isolation:isolate;width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.site-header{position:sticky;z-index:30;top:12px;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 24px),var(--max-width));min-height:64px;margin:12px auto 0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;min-width:0;gap:10px}.brand-mark{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0284ff,#2563eb 48%,#10b981);font-size:14px;font-weight:900}.brand strong,.brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand>span:last-child{min-width:0}.brand strong{font-size:14px;line-height:1.15}.brand small{max-width:200px;color:var(--muted);font-size:11px}.main-nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px;font-weight:700}.main-nav a{transition:color .16s ease,transform .16s ease}.main-nav a:hover{color:var(--text);transform:translateY(-1px)}.header-actions{display:flex;align-items:center;gap:8px}.language-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff59}:root[data-theme=dark] .language-switch{background:#ffffff0d}.language-switch button,.icon-button,.menu-toggle{display:inline-grid;min-width:36px;height:36px;place-items:center;border:0;border-radius:var(--radius);color:var(--muted);background:transparent;font-size:12px;font-weight:800;cursor:pointer}.language-switch button.is-active,.icon-button:hover,.menu-toggle:hover{color:var(--text);background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--border)}.icon-button svg,.menu-toggle svg,.button svg,.card-icon svg,.mobile-card-toggle svg,.faq-summary svg,.project-type svg,.contact-item svg,.section-icon svg,.tech-group svg,.faq-panel h2 svg,.hero-proof svg{width:18px;height:18px;stroke-width:2}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;border:1px solid transparent;border-radius:var(--radius);padding:0 16px;font-size:14px;font-weight:800;line-height:1.2;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease,background-color .17s ease}.header-cta,.button.primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 12px 28px #1267f140}.button.secondary{color:var(--text);border-color:var(--border);background:var(--panel-strong)}.button.ghost{color:var(--text);border-color:var(--border);background:#ffffff57}:root[data-theme=dark] .button.ghost{background:#ffffff0f}.button.compact{min-width:190px}.button{min-width:0;text-align:center}.button:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.menu-toggle{display:none}main{width:min(calc(100% - 24px),var(--max-width));margin:0 auto}.section-frame,.page-section{margin:18px 0}.hero-section{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);min-height:720px;align-items:center;gap:34px;padding:54px 0 26px}.hero-copy{max-width:620px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:58px;line-height:1.02;font-weight:900;letter-spacing:0;overflow-wrap:break-word}h2{margin-bottom:10px;font-size:34px;line-height:1.12;font-weight:900;letter-spacing:0}h3{margin-bottom:8px;font-size:18px;line-height:1.22;font-weight:850}.hero-subtitle,.section-header p,.pricing-note,.footer-top p{color:var(--muted);font-size:17px}.hero-subtitle{max-width:610px;margin-bottom:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.badge-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.badge-grid span,.tech-list span,.tech-group span,.status-chip,.project-type{display:inline-flex;align-items:center;min-height:34px;gap:6px;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;color:var(--text);background:var(--panel);font-size:12px;font-weight:800;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:540px}.hero-proof span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.hero-proof svg{color:var(--emerald)}.hero-visual{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#ffffffc2,#daebff57);box-shadow:var(--shadow)}:root[data-theme=dark] .hero-visual{background:linear-gradient(145deg,#101b2cdb,#1c2d486b)}.hero-visual img{width:100%;height:100%;max-height:560px;object-fit:cover;object-position:60% center}.page-section{scroll-margin-top:110px;padding:54px 0}.section-header{max-width:760px;margin-bottom:22px}.section-eyebrow{display:inline-block;margin-bottom:8px;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase}.section-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:4px}.services-grid,.audience-grid,.pricing-grid,.portfolio-grid,.legal-grid,.tech-groups,.contact-grid{display:grid;gap:14px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deliverables-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.project-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.glass-card,.portfolio-card,.summary-panel,.faq-panel,.contact-footer{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.service-card{min-height:210px;padding:18px}.desktop-card-head{display:block}.mobile-card-toggle{display:none}.compact-content{display:block}.audience-card{position:relative;min-height:210px;padding:20px}.audience-card p{max-width:32rem;color:var(--muted);font-size:14px}.consultation-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:center;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#1267f11a,#0e9f6e14),var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.consultation-panel .section-header{margin-bottom:18px}.consultation-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.consultation-list li{display:flex;gap:10px;align-items:flex-start;min-width:0;padding:11px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff52}:root[data-theme=dark] .consultation-list li{background:#ffffff0d}.consultation-list svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--emerald)}.consultation-list span{min-width:0;color:var(--text);font-size:14px;font-weight:760}.consultation-cta{width:fit-content}.deliverable-card,.project-type-card{min-width:0;padding:18px}.deliverable-card p,.project-type-card p,.project-type-card li{color:var(--muted);font-size:14px}.deliverable-head,.project-type-head{display:flex;align-items:center;gap:10px}.deliverable-number,.project-type-index,.portfolio-number,.form-step-number{display:inline-grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid var(--border-strong);border-radius:999px;color:var(--primary);background:linear-gradient(145deg,#ffffffb8,#1267f11a),var(--panel);font-size:12px;font-weight:900;line-height:1}:root[data-theme=dark] .deliverable-number,:root[data-theme=dark] .project-type-index,:root[data-theme=dark] .portfolio-number,:root[data-theme=dark] .form-step-number{color:#d7e5ff;background:linear-gradient(145deg,#4b8dff33,#25d0ef14),#ffffff0d}.project-type-card{display:flex;min-height:390px;flex-direction:column}.project-type-content{display:grid;gap:14px;margin-top:12px}.project-type-card ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}.project-type-card li{display:flex;gap:8px;align-items:flex-start}.project-type-card li svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px;color:var(--emerald)}.project-type-meta{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.project-type-meta span{color:var(--muted);font-size:13px}.project-type-meta strong{color:var(--primary);font-size:18px}.project-type-cta{display:inline-flex;align-items:center;width:fit-content;gap:8px;color:var(--primary);font-size:13px;font-weight:850}.project-type-cta svg{width:17px;height:17px}.card-icon,.section-icon{display:inline-grid;width:42px;height:42px;place-items:center;margin-bottom:16px;border-radius:var(--radius);color:var(--primary);background:#1267f11a}.service-card p,.pricing-card p,.portfolio-card p,.process-step p,.why-card li,.legal-card li,.faq-item p,.contact-item span,.privacy-note,.summary-panel p{color:var(--muted);font-size:14px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card{display:flex;min-height:310px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px}.pricing-card.is-highlighted{border-color:var(--border-strong);background:linear-gradient(145deg,#1267f11f,#0e9f6e14),var(--panel)}.pricing-card strong{display:block;margin-bottom:10px;color:var(--primary);font-size:24px;line-height:1.1}.pricing-content h3{display:none}.pricing-card ul,.why-card ul{display:grid;gap:9px;padding:0;margin:0;list-style:none}.pricing-card li,.why-card li{display:flex;gap:8px;align-items:flex-start}.pricing-card li svg,.why-card li svg{flex:0 0 auto;width:17px;height:17px;margin-top:2px;color:var(--emerald)}.pricing-note{margin:18px 0 0;padding:16px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:#ffffff59}:root[data-theme=dark] .pricing-note{background:#ffffff0a}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}.portfolio-card{position:relative;overflow:hidden;display:flex;min-height:352px;flex-direction:column;padding:22px;isolation:isolate;background:radial-gradient(circle at 18% 4%,rgba(37,99,235,.14),transparent 34%),radial-gradient(circle at 88% 0%,rgba(14,159,110,.1),transparent 30%),var(--panel);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.portfolio-card:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(145deg,#ffffff47,#fff0);opacity:.62;pointer-events:none}.portfolio-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.portfolio-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.portfolio-mark{display:block;width:76px;height:76px;flex:0 0 76px;box-sizing:border-box;border:1px solid rgba(255,255,255,.56);border-radius:var(--radius);object-fit:contain;object-position:center;background:#ffffff9e;box-shadow:0 18px 34px #07111f29}.portfolio-mark.compact{width:42px;height:42px;flex-basis:42px}.portfolio-mark.is-ayudaya{background:#2f9f96;object-fit:cover}.portfolio-mark.is-shopespl{background:#07133f;object-fit:cover}.portfolio-toggle-main{display:inline-flex;align-items:center;min-width:0;gap:10px}.portfolio-toggle-main span{display:grid;min-width:0;gap:3px}.portfolio-toggle-main strong,.portfolio-toggle-main small{min-width:0;overflow:hidden;text-overflow:ellipsis}.portfolio-toggle-main strong{color:var(--text);font-size:15px;line-height:1.15}.portfolio-toggle-main small{color:var(--muted);font-size:11px;font-weight:760;line-height:1.25}.status-chip{color:var(--emerald)}.portfolio-card .status-chip{max-width:190px;justify-content:center;color:var(--primary);background:linear-gradient(145deg,#ffffffad,#1267f114),var(--panel);text-align:center}:root[data-theme=dark] .portfolio-card .status-chip{background:linear-gradient(145deg,#4b8dff24,#25d0ef0f),#ffffff0d}.portfolio-content{display:grid;gap:12px;min-width:0}.portfolio-title-row{display:flex;flex-direction:column;gap:9px;min-width:0}.portfolio-title-row h3{margin-bottom:0;font-size:23px}.portfolio-title-row .project-type{width:fit-content;max-width:100%;min-height:29px;padding:6px 9px;color:var(--muted);background:#ffffff57}:root[data-theme=dark] .portfolio-title-row .project-type{background:#ffffff0d}.portfolio-description{margin-bottom:0;color:var(--text);font-size:14px;font-weight:760}.portfolio-scope{margin-bottom:0}.tech-list{display:flex;flex-wrap:wrap;gap:6px}.portfolio-tags span{min-height:29px;padding:6px 9px;font-size:11px}.portfolio-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.portfolio-links a,.portfolio-show-more{display:inline-flex;align-items:center;justify-content:center;gap:8px}.portfolio-links a{min-height:36px;border:1px solid var(--border-strong);border-radius:var(--radius);padding:0 11px;color:var(--primary);background:#1267f114;font-size:13px;font-weight:850}:root[data-theme=dark] .portfolio-links a{background:#4b8dff1a}.portfolio-links svg,.portfolio-show-more svg,.portfolio-footer-cta svg{width:16px;height:16px}.portfolio-show-more{width:fit-content;margin:16px auto 0}.portfolio-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#1267f114,#0e9f6e0f),var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.portfolio-footer-cta p{margin-bottom:0;color:var(--text);font-size:15px;font-weight:820}.mobile-status-chip{display:none}.quote-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;align-items:start}.inquiry-form{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-step{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;background:#ffffff42}:root[data-theme=dark] .form-step{background:#ffffff0a}.form-step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.form-step-head h3{margin-bottom:0}.form-step-content{display:grid;gap:14px}.choice-group{display:grid;min-width:0;gap:9px}.choice-group>span{color:var(--text);font-size:13px;font-weight:850}.choice-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.choice-options button{min-width:0;min-height:38px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:var(--text);background:var(--panel-strong);font-size:13px;font-weight:800;text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.choice-options button:hover{transform:translateY(-1px);border-color:var(--border-strong)}.choice-options button.is-selected{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 10px 22px #1267f133}.form-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-field{display:grid;gap:7px;margin-bottom:14px}.form-field span{color:var(--text);font-size:13px;font-weight:850}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:12px 13px;color:var(--text);background:var(--panel-strong);outline:none;transition:border-color .16s ease,box-shadow .16s ease}textarea{min-height:144px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1267f126}.privacy-note{margin-bottom:0}.summary-panel{position:sticky;top:96px;padding:20px}.summary-panel pre{overflow:auto;max-height:390px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);margin:18px 0;color:var(--text);background:#07111f0d;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap}:root[data-theme=dark] .summary-panel pre{background:#ffffff0d}.summary-actions{display:grid;gap:10px}.button:disabled{cursor:not-allowed;opacity:.62}.api-status{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);margin:0;color:var(--muted);background:#ffffff57;font-size:13px;line-height:1.45}:root[data-theme=dark] .api-status{background:#ffffff0d}.api-status.success{border-color:#0e9f6e61;color:var(--emerald)}.api-status.error{border-color:#dc262657;color:#b91c1c}:root[data-theme=dark] .api-status.error{color:#fca5a5}.process-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.process-step{position:relative;min-height:198px;padding:17px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff80,#daebff24),var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.process-head{display:flex;align-items:center;gap:10px;padding-right:22px;margin-bottom:13px}.process-badge{display:inline-grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid var(--border-strong);border-radius:999px;color:var(--primary);background:linear-gradient(145deg,#ffffffb8,#1267f11a),var(--panel);box-shadow:inset 0 1px #ffffffb8,0 8px 18px #1267f11a;font-size:12px;font-weight:900;line-height:1}:root[data-theme=dark] .process-badge{color:#cfe0ff;background:linear-gradient(145deg,#4b8dff2e,#25d0ef14),#ffffff0a;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #0000002e}.process-title{flex:1 1 auto;min-width:0;margin:0;color:var(--text);font-size:16px;line-height:1.22;font-weight:850;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.process-step>svg{position:absolute;top:24px;right:12px;width:17px;height:17px;color:var(--muted)}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.why-card{padding:22px}.tech-panel{min-width:0}.tech-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-group{padding:18px}.tech-group h3{display:flex;align-items:center;gap:8px}.tech-group div{display:flex;flex-wrap:wrap;gap:7px}.faq-panel{grid-column:1 / -1;padding:22px}.faq-panel h2{display:flex;align-items:center;gap:10px}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff57}:root[data-theme=dark] .faq-item{background:#ffffff0a}.faq-item summary{cursor:pointer;padding:15px;font-weight:850}.faq-item p{padding:0 15px 15px;margin-bottom:0}.faq-summary{width:100%;align-items:center;justify-content:space-between;gap:12px;border:0;padding:15px;color:var(--text);background:transparent;font-weight:850;text-align:left;cursor:pointer}.faq-summary svg,.mobile-card-toggle>svg{flex:0 0 auto;transition:transform .16s ease}.compact-card.is-open .faq-summary svg,.compact-card.is-open .mobile-card-toggle>svg{transform:rotate(180deg)}.legal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legal-card{padding:20px}.legal-card ul{display:grid;gap:10px;padding-left:18px;margin:0}.contact-footer{margin-bottom:24px;padding:28px;color:#f4f8ff;background:linear-gradient(135deg,#07111ff2,#0d2a46f0),var(--surface-dark)}.contact-footer .button.secondary,.contact-footer .button.ghost{color:#f4f8ff;border-color:#ffffff24;background:#ffffff14}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.footer-top p,.footer-bottom p{color:#b8c6d9}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.contact-item{display:grid;gap:6px;min-height:128px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#ffffff0f}.contact-item svg{color:var(--cyan)}.contact-item span{color:#b8c6d9}.contact-item strong{overflow-wrap:anywhere}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.footer-bottom .brand small{color:#b8c6d9}.footer-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;color:#d8e6f8;font-size:13px;font-weight:750}.footer-links a{border-bottom:1px solid rgba(255,255,255,.28)}.mobile-sticky-cta{display:none}@media(max-width:1080px){.main-nav,.header-cta{display:none}.menu-toggle{display:inline-grid}.main-nav{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:35;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.main-nav.is-open{display:flex}.main-nav a{padding:12px;border-radius:var(--radius)}.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hero-copy{max-width:760px}h1{font-size:46px}.services-grid,.deliverables-grid,.contact-grid,.project-types-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.process-step>svg{display:none}}@media(max-width:820px){.app-shell{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}.site-header{top:8px;width:calc(100% - max(16px,env(safe-area-inset-left,0px)) - max(16px,env(safe-area-inset-right,0px)));max-width:var(--max-width);margin-top:8px;margin-right:auto;margin-left:auto}main{width:100%;max-width:var(--max-width);padding-right:max(8px,env(safe-area-inset-right,0px));padding-left:max(8px,env(safe-area-inset-left,0px))}.brand small{display:none}.language-switch button,.icon-button,.menu-toggle{min-width:34px;height:34px}.hero-section{gap:18px;padding-top:24px}h1{font-size:38px}h2{font-size:28px}.hero-subtitle,.section-header p,.pricing-note,.footer-top p{font-size:16px}.hero-actions,.section-row,.footer-top,.footer-bottom{align-items:stretch;flex-direction:column}.button,.header-cta{width:100%}.hero-proof,.services-grid,.audience-grid,.deliverables-grid,.pricing-grid,.portfolio-grid,.legal-grid,.quote-layout,.form-grid,.form-requirements,.split-section,.tech-groups,.contact-grid{grid-template-columns:1fr}.services-grid,.audience-grid,.deliverables-grid,.portfolio-grid,.project-types-grid,.legal-grid{grid-template-columns:1fr;gap:8px}.page-section{padding:26px 0}.section-frame,.page-section{margin:12px 0}.portfolio-card,.pricing-card,.service-card,.audience-card,.deliverable-card,.legal-card,.process-step,.project-type-card{min-height:auto}.service-card,.portfolio-card,.pricing-card,.legal-card,.process-step,.faq-panel,.why-card,.tech-group,.audience-card,.deliverable-card,.project-type-card,.form-step{padding:14px}.service-card,.portfolio-card,.audience-card,.deliverable-card,.project-type-card,.legal-card{padding:10px 12px}.service-card.compact-card:not(.is-open),.portfolio-card.compact-card:not(.is-open),.audience-card.compact-card:not(.is-open),.deliverable-card.compact-card:not(.is-open),.project-type-card.compact-card:not(.is-open),.legal-card.compact-card:not(.is-open){min-height:0}.consultation-panel{grid-template-columns:1fr;padding:16px}.consultation-panel .section-header{margin-bottom:14px}.consultation-cta{width:100%}.consultation-list{gap:8px}.consultation-list li{padding:9px 10px}.desktop-card-head{display:none}.mobile-card-toggle{display:flex}.mobile-card-toggle{width:100%;align-items:center;justify-content:space-between;min-height:42px;gap:8px;border:0;padding:0;color:var(--text);background:transparent;font-weight:850;text-align:left;cursor:pointer}.mobile-card-toggle .card-icon{width:32px;height:32px;flex:0 0 auto;margin:0}.mobile-card-toggle .card-icon svg{width:16px;height:16px}.mobile-card-toggle .project-type-index,.mobile-card-toggle .portfolio-number{width:30px;height:30px;flex:0 0 30px;font-size:11px}.mobile-card-toggle>span:not(.card-icon):not(.process-badge):not(.form-step-number):not(.project-type-index):not(.portfolio-number){flex:1 1 auto;min-width:0;font-size:15px;line-height:1.18}.compact-card:not(.is-open) .compact-content{display:none}.compact-card.is-open .compact-content{display:block;padding-top:10px;margin-top:8px;border-top:1px solid var(--border)}.compact-card.is-open .project-type-content,.compact-card.is-open .portfolio-content{display:grid}.portfolio-grid{gap:9px}.portfolio-card{display:block;padding:10px 12px;background:linear-gradient(145deg,#ffffff80,#daebff1f),var(--panel)}:root[data-theme=dark] .portfolio-card{background:linear-gradient(145deg,#4b8dff17,#25d0ef08),var(--panel)}.portfolio-card:before{opacity:.36}.portfolio-card:hover{transform:none}.portfolio-toggle{min-height:46px}.portfolio-toggle>svg{width:18px;height:18px;color:var(--muted)}.portfolio-toggle-main{flex:1 1 auto;min-width:0}.portfolio-toggle-main small{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1}.portfolio-mark.compact{width:40px;height:40px;flex-basis:40px;border-radius:10px;box-shadow:0 10px 18px #07111f1f}.compact-card.is-open .portfolio-content{padding-top:12px}.portfolio-title-row{gap:8px}.portfolio-title-row h3{font-size:18px}.portfolio-title-row .project-type{min-height:28px;font-size:11px}.portfolio-description{font-size:13px;line-height:1.45}.portfolio-tags span{min-height:28px}.portfolio-links{margin-top:2px}.portfolio-links a{min-height:34px;font-size:12px}.portfolio-footer-cta{align-items:stretch;flex-direction:column;gap:12px;padding:14px;margin-top:14px}.portfolio-footer-cta p{font-size:14px}.service-card p,.portfolio-card p,.audience-card p,.deliverable-card p,.project-type-card p,.project-type-card li,.legal-card li{margin-bottom:0;font-size:13px;line-height:1.45}.pricing-card{gap:0}.pricing-toggle strong{margin:4px 0 0;font-size:18px}.pricing-card ul{gap:7px}.project-type-content{gap:10px;margin-top:0}.project-type-card ul{gap:6px}.project-type-card li svg{width:14px;height:14px;margin-top:3px}.project-type-meta{gap:4px;padding-top:8px}.project-type-meta strong{font-size:16px}.project-type-cta{width:100%;justify-content:center;min-height:38px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#1267f114}:root[data-theme=dark] .project-type-cta{background:#4b8dff1a}.choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.choice-options button{width:100%;padding-right:10px;padding-left:10px}.form-step-toggle{min-height:36px}.mobile-card-toggle .form-step-number{width:28px;height:28px;flex:0 0 28px;font-size:11px}.pricing-note{margin-top:12px;padding:12px}.process-toggle{min-height:38px}.mobile-card-toggle.process-toggle .process-badge{width:28px;height:28px;flex:0 0 28px;font-size:11px}.mobile-card-toggle.process-toggle .process-title{flex:1 1 auto;min-width:0;font-size:15px}.process-step>svg{display:none}.legal-card ul{padding-left:18px}.summary-panel pre{max-height:260px}.mobile-sticky-cta{position:fixed;z-index:45;right:max(8px,env(safe-area-inset-right,0px));bottom:max(8px,env(safe-area-inset-bottom,0px));left:max(8px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:8px;width:auto;max-width:430px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);margin:0 auto;background:var(--panel-strong);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.mobile-sticky-cta .button{min-height:42px;padding:0 10px;font-size:13px}.summary-panel{position:static}.process-rail{grid-template-columns:1fr}.contact-actions{justify-content:stretch}}@media(max-width:520px){.site-header,main{max-width:100%;margin-right:auto;margin-left:auto}.site-header{width:calc(100% - max(16px,env(safe-area-inset-left,0px)) - max(16px,env(safe-area-inset-right,0px)))}main{width:100%;padding-right:max(8px,env(safe-area-inset-right,0px));padding-left:max(8px,env(safe-area-inset-left,0px))}.site-header{margin-top:8px;padding:8px}.brand-mark{width:34px;height:34px;font-size:12px}.brand strong{display:none}.language-switch{gap:2px;padding:2px}.header-actions{margin-left:auto;gap:4px}.language-switch button,.icon-button,.menu-toggle{min-width:30px;height:30px;font-size:11px}h1{font-size:clamp(29px,9vw,34px)}h2{font-size:25px}.hero-subtitle,.section-header p,.pricing-note,.footer-top p{font-size:15px}.hero-visual img{min-height:220px;object-position:68% center}.badge-grid span,.tech-list span,.tech-group span,.status-chip,.project-type{min-height:32px;font-size:11px}.portfolio-card-head{flex-direction:column}.portfolio-row{align-items:stretch}.portfolio-show-more{width:100%}.mobile-status-chip{display:inline-flex;width:fit-content}.contact-footer{padding:20px}}@media(max-width:340px){.site-header{padding:7px}.language-switch button,.icon-button,.menu-toggle{min-width:28px;height:28px;font-size:10px}.brand-mark{width:32px;height:32px}.hero-actions{gap:8px}.button{min-height:42px;padding:0 12px;font-size:13px}.mobile-sticky-cta{grid-template-columns:1fr .72fr;gap:6px;padding:6px}.choice-options{grid-template-columns:1fr}.service-card,.portfolio-card,.audience-card,.deliverable-card,.project-type-card,.legal-card{padding:9px 10px}.mobile-card-toggle{min-height:40px;gap:7px}.mobile-card-toggle .card-icon,.mobile-card-toggle .project-type-index,.mobile-card-toggle .portfolio-number{width:28px;height:28px;flex-basis:28px}.mobile-card-toggle>span:not(.card-icon):not(.process-badge):not(.form-step-number):not(.project-type-index):not(.portfolio-number){font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}