:root{color-scheme:light;--color-ink: #102033;--color-navy: #132743;--color-navy-2: #1d3555;--color-teal: #0f8f91;--color-teal-dark: #0b6b70;--color-warm: #faf7f1;--color-surface: #ffffff;--color-soft: #eef3f4;--color-border: #d9e3e4;--color-muted: #5d6978;--shadow-soft: 0 20px 60px rgba(16, 32, 51, .12);--shadow-card: 0 16px 36px rgba(16, 32, 51, .08);--radius: 8px;--radius-lg: 14px;--container: min(1120px, calc(100% - 32px) );--font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-system);color:var(--color-ink);background:var(--color-warm);line-height:1.6;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(15,143,145,.08),transparent 34%),linear-gradient(315deg,rgba(19,39,67,.08),transparent 36%);z-index:-1}img,svg{max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--color-teal);outline-offset:4px}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{width:auto;height:auto;clip:auto;inset:12px auto auto 12px;z-index:100;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.site-header{position:sticky;top:0;z-index:50;background:#faf7f1e0;backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,227,228,.78)}.header-inner,.footer-grid,.footer-bottom,.breadcrumbs,.section,.hero,.cta-band{width:var(--container);margin-inline:auto}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}.brand-image{position:relative;width:154px;min-width:154px;height:108px;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none;clip-path:none}.brand-image img{display:block;width:100%;height:100%;object-fit:contain}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--color-navy),var(--color-teal-dark));font-weight:800;letter-spacing:0}.brand strong{display:block;line-height:1;letter-spacing:.04em}.brand small{display:block;margin-top:4px;color:var(--color-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{padding:10px 12px;border-radius:var(--radius);color:var(--color-muted);text-decoration:none;font-weight:650}.main-nav a:hover{color:var(--color-navy);background:#0f8f9114}.main-nav .nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:0;border-radius:var(--radius);color:#fff;background:var(--color-teal-dark);box-shadow:0 12px 28px #0f8f9138;font-weight:760;text-decoration:none}.main-nav .nav-cta:hover,.button:hover{color:#fff;background:var(--color-navy)}.button-secondary{color:var(--color-navy);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:none}.button-secondary:hover{color:var(--color-navy);background:var(--color-soft)}.button-light{color:var(--color-navy);background:#fff;box-shadow:none}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:clamp(32px,6vw,76px);align-items:center;min-height:calc(100svh - 78px);padding:clamp(42px,8vw,88px) 0}.eyebrow{margin:0 0 12px;color:var(--color-teal-dark);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}h1,h2,h3{line-height:1.08;letter-spacing:0;color:var(--color-navy)}h1{max-width:11ch;margin:0;font-size:clamp(2.55rem,7vw,5.35rem)}h2{margin:0;font-size:clamp(2rem,4vw,3.2rem)}h3{margin:0 0 10px;font-size:1.15rem}.hero-copy{max-width:680px;font-size:1.1rem}.hero-actions,.section-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-line{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:22px 0 0;list-style:none;color:var(--color-muted);font-weight:650}.trust-line li:not(:last-child):after{content:"·";margin-left:10px;color:var(--color-teal)}.hero-visual{position:relative;min-height:470px}.browser-mock,.phone-mock,.signal-card,.card,.project-card,.portrait-card,.contact-card,.legal-box,.service-row{background:#ffffffdb;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.browser-mock{position:absolute;inset:35px 0 auto auto;width:min(520px,100%);overflow:hidden}.browser-bar{display:flex;gap:7px;padding:15px;border-bottom:1px solid var(--color-border)}.browser-bar span{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.mock-content{display:grid;grid-template-columns:.35fr 1fr;gap:18px;padding:22px}.mock-sidebar,.mock-line,.mock-actions span,.mock-grid i,.phone-mock span,.phone-mock div,.phone-mock i{border-radius:var(--radius);background:var(--color-soft)}.mock-sidebar{min-height:250px;background:linear-gradient(180deg,var(--color-navy),var(--color-teal-dark))}.mock-line{height:16px;width:72%;margin-bottom:14px}.mock-line.wide{width:92%;height:28px;background:#cddde1}.mock-actions{display:flex;gap:10px;margin:24px 0}.mock-actions span{width:105px;height:36px}.mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mock-grid i{height:72px}.phone-mock{position:absolute;left:0;bottom:12px;width:168px;padding:18px}.phone-mock span{display:block;width:58%;height:18px;margin-bottom:18px;background:var(--color-navy)}.phone-mock div{height:120px;margin-bottom:12px;background:linear-gradient(160deg,#dbe9ea,#fff)}.phone-mock i{display:block;height:12px;margin-top:8px}.signal-card{position:absolute;padding:12px 14px;color:var(--color-navy);font-weight:800}.signal-one{top:0;left:14px}.signal-two{right:18px;bottom:0}.section{padding:clamp(58px,9vw,108px) 0}.section-header{max-width:760px;margin-bottom:34px}.section-header p{margin:16px 0 0;color:var(--color-muted);font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card,.project-card,.service-row{padding:24px}.card-with-image{padding:0 0 24px;overflow:hidden}.card-with-image h3,.card-with-image p{padding-inline:24px}.card-media{position:relative;width:100%;aspect-ratio:16 / 10;margin:0 0 22px;overflow:hidden;border-bottom:1px solid rgba(0,200,255,.22);background:#07111c}.card-media img{display:block;width:100%;height:100%;object-fit:cover}.card-number{position:absolute;left:18px;bottom:18px;width:58px;height:58px;margin:0;font-size:1.35rem;border:2px solid rgba(247,251,255,.85);box-shadow:0 0 0 1px #00c8ff80,0 0 26px #00c8ffbf}.card p,.project-card p,.service-row p{color:var(--color-muted);margin-bottom:0}.icon-badge{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:9px;color:var(--color-teal-dark);background:#0f8f911a;font-weight:900}.audience-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;list-style:none}.audience-list li{padding:16px 18px;border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffffad;font-weight:720}.steps{counter-reset:step}.steps .card{position:relative}.steps .card:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;margin-bottom:20px;color:var(--color-teal-dark);font-size:.86rem;font-weight:900}.project-card img,.portrait-card img{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-soft)}.project-card .tag{display:inline-block;margin:18px 0 10px;padding:5px 9px;border-radius:999px;background:#0f8f911a;color:var(--color-teal-dark);font-size:.78rem;font-weight:800}details.project-details,.faq details{margin-top:16px;border-top:1px solid var(--color-border);padding-top:14px}summary{cursor:pointer;font-weight:800;color:var(--color-navy)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:clamp(28px,5vw,60px);align-items:center}.portrait-card{padding:16px}.faq{max-width:900px}.faq details{padding:20px 0}.faq p{color:var(--color-muted);margin-bottom:0}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-block:clamp(50px,8vw,96px);padding:clamp(28px,5vw,54px);border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--color-navy),var(--color-teal-dark))}.cta-band h2,.cta-band .eyebrow{color:#fff}.cta-band h2{overflow-wrap:anywhere}.cta-band p{max-width:760px}.cta-band>*{min-width:0}.site-footer{padding:56px 0 28px;color:#dfe7e8;background:var(--color-navy)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:34px}.footer-brand strong,.footer-brand small,.site-footer h2{color:#fff}.footer-brand{margin-bottom:18px}.site-footer h2{margin:0 0 14px;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em}.site-footer a{display:block;margin:8px 0;color:#dfe7e8;text-decoration:none}.site-footer a:hover,.text-link{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-region{color:#b8d5d8;font-weight:750}.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.footer-links{display:flex;gap:18px}.breadcrumbs{padding-top:22px;color:var(--color-muted);font-size:.92rem}.breadcrumbs a{text-decoration:none}.page-hero{padding:clamp(54px,8vw,92px) 0 clamp(28px,5vw,52px)}.page-hero h1{max-width:12ch}.lead{max-width:760px;color:var(--color-muted);font-size:1.14rem}.service-table{display:grid;gap:16px}.service-row{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:22px}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:26px;align-items:start}.contact-card{padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1 / -1}label{font-weight:760}input,textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-ink);font:inherit}textarea{min-height:150px;resize:vertical}.checkbox{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}.checkbox input{min-height:auto;width:18px;height:18px;margin-top:4px}.honeypot{display:none}.form-message{margin-top:16px;padding:12px 14px;border-radius:var(--radius);background:var(--color-soft);color:var(--color-navy);font-weight:720}.legal-box{padding:24px;margin:18px 0;border-style:dashed}.legal-content{max-width:920px}.warning-box{border-color:#00c8ff80;background:linear-gradient(145deg,#00c8ff1f,#ffffff06),#0a1825eb}.placeholder-list li{margin:10px 0}.notice{border-left:4px solid var(--color-teal);padding:14px 16px;background:#0f8f9114}:root{color-scheme:dark;--color-ink: #eaf6fb;--color-navy: #081522;--color-navy-2: #101e2d;--color-teal: #00c8ff;--color-teal-dark: #00a9d8;--color-warm: #07111c;--color-surface: #0d1b2a;--color-soft: #14283b;--color-border: rgba(0, 200, 255, .22);--color-muted: #9bb1c3;--shadow-soft: 0 26px 90px rgba(0, 0, 0, .42);--shadow-card: 0 18px 55px rgba(0, 0, 0, .28)}body{background:radial-gradient(circle at 82% 18%,rgba(0,200,255,.13),transparent 24rem),linear-gradient(135deg,#07111c,#0b1623 46%,#06101a)}body:before{background:linear-gradient(115deg,transparent 0 58%,rgba(0,200,255,.11) 58% 59%,transparent 59%),linear-gradient(115deg,transparent 0 72%,rgba(255,255,255,.06) 72% 72.5%,transparent 72.5%)}.site-header{background:#07111cdb;border-bottom:1px solid rgba(0,200,255,.2)}.brand{gap:14px}.brand-mark,.tk-symbol{position:relative;overflow:hidden;width:48px;height:48px;border-radius:0;color:#fff;background:transparent;box-shadow:none;transform:skew(-12deg)}.brand-mark:before,.tk-symbol:before{content:"";position:absolute;inset:6px 15px 6px 6px;border-left:6px solid #fff;border-top:6px solid #fff;transform:skew(-18deg)}.brand-mark:after,.tk-symbol:after{content:"";position:absolute;right:4px;top:7px;width:6px;height:38px;background:var(--color-teal);transform:skew(-25deg);box-shadow:0 0 24px #00c8ffbf}.brand-mark span,.tk-symbol span{position:absolute;opacity:0}.brand strong,.tk-lockup strong,.mini-logo{color:#fff;font-weight:850;letter-spacing:0;text-transform:none}.brand strong span,.tk-lockup strong span,.mini-logo span{color:var(--color-teal)}.brand small{color:#a9c2d5}.main-nav a{color:#c4d3df}.main-nav a:hover{color:#fff;background:#00c8ff1a}.main-nav .nav-cta,.button{position:relative;overflow:hidden;border-radius:0;background:var(--color-teal);color:#04101a;box-shadow:0 0 0 1px #00c8ff52,0 16px 38px #00c8ff38}.main-nav .nav-cta:after,.button:after{content:"";position:absolute;inset:0 -26px 0 auto;width:36px;background:#ffffff40;transform:skew(-24deg)}.main-nav .nav-cta:hover,.button:hover{background:#fff;color:#07111c}.button-secondary,.button-light{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#fff}.hero{min-height:calc(100svh - 78px)}.eyebrow{color:var(--color-teal)}h1,h2,h3,summary{color:#f7fbff}h1{max-width:12ch;text-transform:none}.hero-copy,.section-header p,.lead,.card p,.project-card p,.service-row p,.faq p{color:var(--color-muted)}.trust-line{color:#c4d3df}.trust-line li:not(:last-child):after{color:var(--color-teal)}.hero-visual{min-height:540px;perspective:1100px}.brand-card{position:absolute;overflow:hidden;width:min(360px,86%);min-height:470px;padding:28px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 28%),linear-gradient(145deg,#0b1724,#07111c 62%,#0d2030);border:1px solid rgba(0,200,255,.25);border-radius:0;box-shadow:0 28px 80px #00000085}.card-front{left:0;top:42px;transform:rotateY(-8deg) rotate(-1deg)}.card-back{right:0;top:0;transform:translateY(38px) rotateY(8deg) rotate(1deg)}.slash{position:absolute;display:block;width:9px;background:var(--color-teal);box-shadow:0 0 30px #00c8ffe6;transform:skew(-28deg)}.slash-one{right:28px;top:-12px;height:185px}.slash-two{right:78px;bottom:-30px;height:170px;opacity:.45}.slash-three{left:-18px;bottom:52px;width:110%;height:8px;transform:rotate(-14deg)}.tk-lockup{display:flex;align-items:center;gap:12px;min-height:158px;width:214px;padding:0;background:transparent;border:0;box-shadow:none;clip-path:none}.tk-lockup img{display:block;width:100%;height:100%;object-fit:contain}.card-panel{position:relative;margin:32px -28px 26px 0;padding:20px 28px;color:#07111c;background:#f7fbff;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.card-panel strong,.card-panel span{display:block}.card-panel span{color:#425469;font-size:.86rem}.card-contact{display:grid;gap:12px;padding:0;margin:0;list-style:none;color:#d8e6f0;font-weight:720}.card-contact li:before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;background:var(--color-teal);box-shadow:0 0 14px #00c8ffcc}.card-back p{position:relative;z-index:1;margin:38px 0 26px;font-size:clamp(1.2rem,2.5vw,1.62rem);line-height:1.18;font-weight:850}.card-back p span{color:var(--color-teal)}.qr-mock{display:grid;grid-template-columns:repeat(3,28px);gap:7px;width:max-content;padding:14px;background:#fff}.qr-mock i{width:28px;height:28px;background:#07111c}.qr-mock i:nth-child(2),.qr-mock i:nth-child(4),.qr-mock i:nth-child(8){background:transparent}.mini-logo{position:absolute;right:24px;bottom:24px}.signal-card{border-radius:0;background:#00c8ff1c;border:1px solid rgba(0,200,255,.35);color:#dff8ff;box-shadow:0 18px 42px #00000059}.signal-one{left:auto;right:8px}.signal-two{right:auto;left:28px;bottom:8px}.card,.project-card,.portrait-card,.contact-card,.legal-box,.service-row{border-radius:0;background:linear-gradient(145deg,#fff1,#ffffff05),#0a1825e0;border:1px solid rgba(0,200,255,.18);box-shadow:var(--shadow-card)}.card,.project-card,.service-row,.audience-list li,.legal-box,.contact-card{position:relative}.card:before,.project-card:before,.service-row:before,.audience-list li:before,.contact-card:before{content:"";position:absolute;inset:0 auto auto 0;width:46px;height:3px;background:var(--color-teal);box-shadow:0 0 18px #00c8ffcc}.icon-badge{border-radius:0;color:#06101a;background:var(--color-teal)}.card-media .card-number{width:58px;height:58px;margin:0;font-size:1.35rem;border:2px solid rgba(247,251,255,.85);box-shadow:0 0 0 1px #00c8ff80,0 0 26px #00c8ffbf}.audience-list li{border-radius:0;color:#eaf6fb;background:#0a1825b8;border-color:#00c8ff2e}.project-card .tag{border-radius:0;color:#06101a;background:var(--color-teal)}.project-card img,.portrait-card img{border-radius:0;border-color:#00c8ff38}details.project-details,.faq details{border-top-color:#00c8ff33}.cta-band{position:relative;overflow:hidden;border-radius:0;background:linear-gradient(115deg,transparent 0 78%,rgba(0,200,255,.24) 78% 79%,transparent 79%),linear-gradient(145deg,#0d1b2a,#07111c);border:1px solid rgba(0,200,255,.26)}.site-footer{background:#050b12;border-top:1px solid rgba(0,200,255,.2)}input,textarea{background:#f7fbff;color:#07111c}.form-message{background:#00c8ff1c;color:#eaf6fb}@media(max-width:900px){.menu-toggle{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.menu-toggle span[aria-hidden=true],.menu-toggle span[aria-hidden=true]:before,.menu-toggle span[aria-hidden=true]:after{display:block;width:20px;height:2px;background:var(--color-navy);content:""}.menu-toggle span[aria-hidden=true]:before{transform:translateY(-7px)}.menu-toggle span[aria-hidden=true]:after{transform:translateY(5px)}.main-nav{position:absolute;top:78px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.main-nav[data-open]{display:flex}.hero,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}h1{max-width:14ch}.grid,.grid.three,.grid.two,.audience-list,.service-row{grid-template-columns:repeat(2,1fr)}.service-row{gap:12px}.cta-band{align-items:flex-start;flex-direction:column}.cta-band>*{width:100%}}@media(max-width:620px){:root{--container: min(100% - 24px, 1120px)}.brand-image{width:122px;min-width:122px;height:90px;padding:0}.brand small{font-size:.66rem}.grid,.grid.three,.grid.two,.audience-list,.service-row,.form-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.tk-lockup{width:174px;min-height:130px}.tk-lockup img{width:100%}.browser-mock{inset:28px 0 auto}.phone-mock{width:132px}.mock-content{grid-template-columns:1fr}.mock-sidebar{min-height:70px}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:no-preference){.card,.project-card,.service-row,.portrait-card{transition:transform .18s ease,box-shadow .18s ease}.card:hover,.project-card:hover,.service-row:hover,.portrait-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}