:root{--navy:#071c2b;--teal:#42dcc4;--white:#fff;--ink:#143244;--muted:#607383}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f9fa;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.header{height:82px;background:#071c2bee;backdrop-filter:blur(16px);position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,100px);color:white}.brand{display:flex;align-items:center;gap:9px;font-weight:850;letter-spacing:.06em}.brand b{color:var(--teal)}.brand-logo{display:grid;place-items:center;background:var(--teal);color:var(--navy);width:42px;height:42px;border-radius:11px}#primaryNav{display:flex;gap:32px}#primaryNav a:hover,.text-link{color:var(--teal)}.menu-btn{display:none}.hero{min-height:min(800px,100svh);height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;color:white;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0;z-index:-2}.hero-bg{opacity:0;transition:opacity 1.25s ease,transform 8s linear;transform:scale(1.08)}.hero-bg.active{opacity:1;transform:scale(1)}.slide-a{background:radial-gradient(circle at 75% 35%,#387c9d 0%,transparent 34%),linear-gradient(125deg,#071c2b,#193b55 65%,#0a5260)}.slide-b{background:radial-gradient(circle at 68% 50%,#10a991 0%,transparent 40%),linear-gradient(130deg,#071c2b,#12445c)}.slide-c{background:radial-gradient(circle at 76% 35%,#d3aa5e 0%,transparent 38%),linear-gradient(135deg,#071c2b,#1d485b)}.hero-overlay{background:linear-gradient(90deg,#061826bb,transparent);z-index:-1}.hero-content{width:min(940px,88%);margin:80px auto 0}.eyebrow,.kicker{display:inline-block;letter-spacing:.24em;font-size:.75rem;font-weight:800;color:var(--teal)}h1{font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.06em;line-height:1.08;margin:24px 0}h2{font-size:clamp(2.1rem,4.2vw,4rem);line-height:1.12;letter-spacing:-.045em;margin:14px 0 26px}.hero p{font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.8;max-width:660px;min-height:85px}.btn{background:var(--teal);color:var(--navy);display:inline-flex;gap:20px;align-items:center;padding:18px 28px;border-radius:10px;font-weight:800;margin-top:23px;transition:transform .6s}.btn:hover{transform:translateY(-5px)}.slide-controls{position:absolute;bottom:50px;right:7%;display:flex;align-items:center;gap:18px}.slide-controls button{border:1px solid #ffffff88;background:#ffffff16;border-radius:50%;color:white;width:47px;height:47px}.section{padding:clamp(85px,10vw,150px) max(6vw,24px)}.section-head{max-width:780px}.section p{font-size:1.12rem;line-height:1.8;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.flip-card{border:0;background:transparent;height:320px;perspective:1200px;padding:0;text-align:left}.flip-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.22,1,.36,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:35px;border-radius:18px;backface-visibility:hidden;box-shadow:0 14px 30px #0b263111}.front{background:linear-gradient(135deg,#fff,#e8f5f5)}.back{background:#092a39;color:#fff;transform:rotateY(180deg)}.flip-face strong{font-size:1.7rem}.flip-face small{font-size:.9rem;opacity:.65}.flip-face .number{color:#058b7a;font-size:2rem;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:#eaf2f3}.feature-visual{background:linear-gradient(145deg,#0c3448,#0d7d85);min-height:450px;border-radius:25px;display:grid;place-items:center;box-shadow:24px 24px 0 #cbdfe2}.feature-visual span{font-weight:900;font-size:clamp(3rem,5vw,6rem);color:white;line-height:1}.feature-visual b{color:var(--teal)}.text-link{color:#087f79;font-weight:800}.contact{text-align:center;background:#082534}.contact .kicker{color:var(--teal)}.contact h2{color:white}.contact p{max-width:720px;margin:auto;color:#bbd0d7}footer{background:#061724;color:#d2dfe4;padding:55px 6vw 115px}.footer-main{margin-bottom:65px}.footer-main strong{font-size:1.5rem}.footer-bottom{border-top:1px solid #ffffff33;padding-top:25px;font-size:.9rem;line-height:1.8}.footer-bottom a{color:var(--teal)}.mobile-bottom{display:none}.reveal.ready{opacity:0;transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 1.15s cubic-bezier(.22,1,.36,1)}.reveal.ready.slide-up{transform:translateY(55px)}.reveal.ready.slide-left{transform:translateX(-60px)}.reveal.ready.slide-right{transform:translateX(60px)}.reveal.ready.scale-in{transform:scale(.9)}.reveal.ready.rotate-in{transform:rotate(-4deg) scale(.94)}.reveal.ready.visible{opacity:1;transform:none}.card-grid .flip-card:nth-child(2){transition-delay:.14s}.card-grid .flip-card:nth-child(3){transition-delay:.28s}.typewriter.is-typing::after{content:'|';color:var(--teal);animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.word-reveal span{display:inline-block;opacity:0;transform:translateY(15px);animation:wordin .75s forwards}@keyframes wordin{to{opacity:1;transform:none}}dialog{border:0;border-radius:15px;max-width:370px;padding:28px;box-shadow:0 25px 80px #0006}dialog::backdrop{background:#001b2aad}dialog button{padding:11px 24px;border:0;border-radius:8px;background:var(--teal)}@media(max-width:767px){.header{height:68px;padding:0 20px}.menu-btn{display:block;background:transparent;color:white;border:1px solid #ffffff77;border-radius:8px;padding:8px 12px}#primaryNav{display:none;position:absolute;top:68px;left:0;right:0;background:#071c2b;padding:20px;flex-direction:column;gap:20px}#primaryNav.open{display:flex}.hero{height:84svh;min-height:570px}.hero-content{margin-top:70px}.slide-controls{bottom:24px}.section{padding:86px 22px}.card-grid{grid-template-columns:1fr;gap:23px}.flip-card{height:260px}.split{grid-template-columns:1fr}.feature-visual{min-height:280px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:40;background:#071c2bf5;color:white;padding:9px 5px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 30px #0004}.mobile-bottom a,.mobile-bottom button{font-size:.67rem;display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:center;background:none;border:0;color:white;min-height:48px}.mobile-bottom span{font-size:1.45rem}body{padding-bottom:calc(65px + env(safe-area-inset-bottom))}footer{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-bg{transform:none}.reveal.ready{opacity:1!important;transform:none!important}.flip-card.flipped .flip-inner{transform:none}.flip-card.flipped .front{display:none}.flip-card.flipped .back{transform:none;display:flex}}

/* =============================================================
   ULTRA MAX 7 PRO — layered detail and chatbot additions
   Overrides preserve the original Ultra Max 7 visual identity.
   ============================================================= */
:root { --ease-premium:cubic-bezier(.22,1,.36,1); }
[hidden] { display:none !important; }
.skip-link { position:fixed;left:16px;top:-70px;z-index:200;background:white;color:#102337;padding:10px 15px;border-radius:8px; }
.skip-link:focus { top:10px; }
.header { z-index:60; }
#primaryNav { gap:clamp(12px,1.65vw,26px);align-items:center; }
#primaryNav a { font-size:.88rem;font-weight:600;transition:color .25s ease;white-space:nowrap; }
#primaryNav a[aria-current="page"] { color:var(--teal); }
.brand { font-size:.94rem;white-space:nowrap; }
.hero-content { width:min(1050px,88%); }
.hero-ctas { display:flex;align-items:center;gap:14px;flex-wrap:wrap; }
.btn { border:0;cursor:pointer;box-shadow:0 15px 35px #020f1b1a;transition:transform .45s var(--ease-premium),box-shadow .45s; }
.btn:hover { box-shadow:0 18px 35px #020f1b30; }
.btn-outline { background:#ffffff15;color:#fff;border:1px solid #ffffff8f;backdrop-filter:blur(7px); }
.btn-outline:hover { background:#ffffff27; }
.flip-card { border-radius:18px;transition:filter .3s,transform .45s var(--ease-premium); }
.flip-card:hover { transform:translateY(-5px); }
.flip-face { overflow:hidden; }
.flip-face:before { content:"";pointer-events:none;position:absolute;width:200px;height:200px;right:-80px;top:-80px;border:1px solid #00aa9960;border-radius:50%; }
.card-grid { align-items:stretch; }
.contact-btn { margin-top:25px; }
.feature-visual { overflow:hidden;position:relative;isolation:isolate; }
.feature-visual > span { z-index:2;position:relative; }
.visual-rings { position:absolute;width:420px;height:420px;border:1px solid #ffffff28;border-radius:50%;right:-30%;top:-35%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06;animation:orbit-pulse 7s ease-in-out infinite alternate; }
@keyframes orbit-pulse { from{transform:scale(.94) rotate(-8deg)} to{transform:scale(1.07) rotate(11deg)} }
.effects-showcase { background:radial-gradient(ellipse at 90% 20%,#c1f1e8aa,transparent 38%),#f4fbfa; }
.effects-grid,.info-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:45px; }
.effect-tile { display:flex;flex-direction:column;min-height:345px;border-radius:23px;padding:29px;box-shadow:0 15px 45px #082b3911;overflow:hidden;position:relative;background:#0a2939;color:white;isolation:isolate; }
.effect-tile:nth-child(2) { background:#0b5357; }
.effect-tile:nth-child(3) { background:#24526a; }
.effect-tile::after { content:"";position:absolute;inset:auto -45% -75% 5%;height:370px;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#5eedd63d,transparent 70%); }
.effect-number { letter-spacing:.17em;font-size:.67rem;font-weight:900;color:#8af2dd; }
.effect-glyph { margin:auto;font-size:6rem;line-height:1;color:#7de5d6;opacity:.9;filter:drop-shadow(0 0 35px #30eac355); }
.effect-tile h3 { font-size:1.35rem;margin:15px 0 4px; }
.effect-tile p { color:#d0e0e4;font-size:.95rem;line-height:1.6;margin:0; }
.hover-lift { transition:transform .7s var(--ease-premium),box-shadow .7s var(--ease-premium),opacity 1.1s,filter 1.1s,clip-path 1.1s; }
.hover-lift:hover { transform:translateY(-9px);box-shadow:0 24px 55px #082b3928; }
.reveal.ready.mask-in { clip-path:inset(0 100% 0 0 round 18px);transform:translateY(22px); }
.reveal.ready.blur-in { filter:blur(12px);transform:translateY(33px) scale(.96); }
.reveal.ready.tilt-in { transform:perspective(700px) rotateY(14deg) translateY(45px); }
.reveal.ready.mask-in.visible { clip-path:inset(0 0 0 0 round 0);transform:none; }
.reveal.ready.blur-in.visible { filter:blur(0);transform:none; }
.reveal.ready.tilt-in.visible { transform:none; }
.effects-grid > :nth-child(2),.info-grid > :nth-child(2),.gallery-grid > :nth-child(2),.process-grid > :nth-child(2) { transition-delay:.14s; }
.effects-grid > :nth-child(3),.info-grid > :nth-child(3),.gallery-grid > :nth-child(3),.process-grid > :nth-child(3) { transition-delay:.28s; }
.gallery-grid > :nth-child(4),.process-grid > :nth-child(4) { transition-delay:.16s; }
.gallery-grid > :nth-child(5) { transition-delay:.27s; }
.reveal.ready { transition-duration:1.15s; }
.inner-hero { position:relative;isolation:isolate;overflow:hidden;min-height:480px;display:flex;justify-content:center;flex-direction:column;padding:150px max(6vw,24px) 100px;background:linear-gradient(115deg,#071c2b,#16485b);color:#fff; }
.inner-hero h1 { font-size:clamp(2.8rem,5.4vw,5.8rem);max-width:1000px;position:relative;z-index:1; }
.inner-hero p { font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.8;color:#c6d9df;max-width:770px;position:relative;z-index:1; }
.inner-hero .kicker { position:relative;z-index:1; }
.inner-glow { position:absolute;right:-15%;top:-60%;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,#1fb8a759 0,transparent 66%);filter:blur(6px);pointer-events:none;animation:ambient-float 9s ease-in-out infinite alternate; }
@keyframes ambient-float { from{transform:translate(-3%,2%)} to{transform:translate(5%,-4%)} }
.light-split { background:#f6fbfa; }
.about-visual { background:linear-gradient(140deg,#062c43,#17a795); }
.info-card { padding:32px;background:#fff;border:1px solid #dcecef;border-radius:18px;min-height:260px;box-shadow:0 12px 32px #082a3810; }
.info-card h3 { font-size:1.75rem;line-height:1.15;margin:16px 0; }
.info-card p { font-size:1rem;line-height:1.7; }
.small-index { font-weight:900;color:#0f837e;letter-spacing:.12em;font-size:.78rem; }
.process-section { background:#e9f3f3; }
.process-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:36px 0; }
.process-step { border-left:3px solid #08a896;padding:17px 20px;background:#fff;border-radius:4px 14px 14px 4px; }
.process-step b { font-size:2rem;color:#0c8d83; }
.process-step h3 { margin-bottom:5px; }
.process-step p { font-size:.94rem;margin:0; }
.text-button { padding:0;background:transparent;border:0;color:#0b817a;font-weight:800;margin-top:8px;text-decoration:underline;text-underline-offset:5px; }
.gallery-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:230px;gap:20px; }
.gallery-tile { min-height:220px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;color:white;position:relative;isolation:isolate;border-radius:18px;background:radial-gradient(circle at 70% 25%,#409fac 3%,transparent 42%),linear-gradient(145deg,#072638,#23526d); }
.gallery-tile:nth-child(even) { background:radial-gradient(circle at 30% 15%,#65d8b4,transparent 42%),linear-gradient(145deg,#17435b,#11777c); }
.gallery-tile::after { content:"";position:absolute;inset:-15%;border:1px solid #ffffff36;border-radius:50%;transform:translate(48%,27%);transition:transform .85s var(--ease-premium);z-index:-1; }
.gallery-tile:hover::after { transform:translate(32%,16%); }
.gallery-tile span { font-size:2rem;font-weight:900;color:#b0ffe9;margin-bottom:auto; }
.gallery-tile strong { font-size:1.5rem; }
.gallery-tile small { font-size:.82rem;opacity:.8;margin-top:8px; }
.gallery-tall { grid-row:span 2; }
.faq-section { max-width:1100px;margin:auto; }
.faq-list details { background:#fff;border:1px solid #d9e6e9;border-radius:14px;margin-bottom:14px;padding:0 24px;box-shadow:0 10px 22px #07233309; }
.faq-list summary { cursor:pointer;font-size:1.12rem;font-weight:800;padding:24px 25px 24px 0;list-style:none;position:relative; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:'+';position:absolute;right:0;top:18px;font-size:1.6rem;color:#008c81;transition:transform .25s; }
.faq-list details[open] summary::after { transform:rotate(45deg); }
.faq-list p { margin:0 0 24px;font-size:1rem; }
.faq-list code { background:#e4f3f0;padding:2px 5px;border-radius:4px; }
.review-empty { max-width:900px;margin:auto;text-align:center;border:1px solid #d6e8ea;border-radius:24px;padding:35px 35px 70px;background:radial-gradient(circle at 60% 15%,#d5f3eb,#fff 70%); }
.review-empty h2 { font-size:clamp(1.9rem,3.5vw,3rem); }
.review-empty p { margin:0 auto 30px;max-width:650px; }
.review-mark { font-family:Georgia,serif;font-size:7rem;line-height:1;color:#0ba897;height:90px; }
.review-tag { display:inline-block;background:#d7f1ea;color:#126c61;padding:12px 18px;border-radius:40px;font-weight:700;font-size:.9rem; }
.contact-layout { display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:center; }
.contact-detail { display:flex;gap:20px;align-items:center;border-top:1px solid #d8e7e9;padding:16px 0; }
.contact-detail b { font-size:1.5rem;color:#078c81; }
.contact-panel { padding:48px 38px;border-radius:25px;background:linear-gradient(135deg,#0a273b,#0d5961);color:white;box-shadow:20px 20px 0 #d3e6e9; }
.contact-panel .panel-icon { font-size:4rem;color:#40dbc5;line-height:1; }
.contact-panel > span { color:#40dbc5;letter-spacing:.18em;font-weight:800;font-size:.7rem; }
.contact-panel h3 { font-size:clamp(1.8rem,3vw,3rem);margin:12px 0; }
.contact-panel p { color:#d5e7e9; }
.contact-panel small { display:block;margin-top:24px;line-height:1.6;color:#c2dadb; }

/* Guided chatbot: no screen takeover, compact mobile footprint, full keyboard support. */
.chat-launcher { position:fixed;right:25px;bottom:24px;z-index:70;display:flex;gap:10px;align-items:center;justify-content:center;padding:15px 20px;background:#0b9f8b;color:white;border:2px solid #fff;border-radius:50px;box-shadow:0 15px 35px #012a3555;font-weight:850;transition:transform .35s,background .35s,box-shadow .35s; }
.chat-launcher:hover { background:#087f78;transform:translateY(-5px);box-shadow:0 22px 40px #012a3566; }
.chat-panel { position:fixed;z-index:75;bottom:102px;right:25px;width:min(395px,calc(100vw - 28px));height:min(630px,calc(100dvh - 135px));display:flex;flex-direction:column;background:#f8fbfc;color:#143244;border:1px solid #d1e3e7;border-radius:20px;overflow:hidden;box-shadow:0 20px 65px #001d3159;animation:chat-enter .4s var(--ease-premium); }
@keyframes chat-enter { from{opacity:0;transform:translateY(17px) scale(.965)} to{opacity:1;transform:none} }
.chat-top { display:flex;gap:12px;align-items:center;padding:15px 17px;background:linear-gradient(115deg,#063543,#087e78);color:white;min-height:74px;flex-shrink:0; }
.chat-avatar { display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#e3fff5;color:#087e78;font-size:1.5rem;flex-shrink:0; }
.chat-heading { display:flex;flex-direction:column;gap:5px;min-width:0;flex:1; }
.chat-heading strong { font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.chat-heading span { font-size:.73rem;opacity:.91;white-space:nowrap; }
.online-dot { display:inline-block;width:7px;height:7px;margin-right:4px;background:#72f5c9;border-radius:50%; }
.chat-close { background:#ffffff24;color:white;border:0;border-radius:10px;width:34px;height:34px;font-size:1.6rem;line-height:1;flex-shrink:0; }
.chat-progress { flex-shrink:0;min-height:33px;padding:8px 18px;background:#e4f6f2;color:#126e66;font-size:.75rem;font-weight:800;letter-spacing:.035em; }
.chat-transcript { flex:1;min-height:95px;overflow-y:auto;padding:17px 16px 14px;display:flex;flex-direction:column;gap:13px;overscroll-behavior:contain; }
.chat-bubble { font-size:.9rem;line-height:1.52;max-width:92%;padding:12px 14px;border-radius:14px 14px 14px 4px;word-break:break-word;white-space:pre-wrap; }
.chat-bubble.bot { align-self:flex-start;background:white;color:#193849;box-shadow:0 3px 14px #102c3c0f;border:1px solid #dfebee; }
.chat-bubble.visitor { align-self:flex-end;background:#087f76;color:white;border-radius:14px 14px 4px 14px; }
.chat-compose { flex-shrink:0;padding:15px 15px 11px;background:white;border-top:1px solid #dde9eb;max-height:57%;overflow-y:auto; }
.chat-step-form { margin:0; }
.chat-field label,.chat-preview-label { display:block;font-size:.81rem;font-weight:800;margin-bottom:6px; }
.chat-input { width:100%;padding:12px 13px;border:1px solid #bfcfd3;border-radius:10px;background:white;color:#173748;font:inherit;font-size:.94rem;min-height:44px; }
textarea.chat-input { min-height:90px;resize:vertical; }
.chat-input:focus,.chat-message-preview:focus { border-color:#0b9687;outline:2px solid #0b968740;outline-offset:1px; }
.chat-error { min-height:0;margin:6px 0 0;color:#af2636;font-size:.76rem;font-weight:600; }
.chat-actions { display:flex;gap:9px;align-items:stretch;margin-top:12px; }
.chat-actions .chat-btn { flex:1; }
.chat-btn { border:0;border-radius:10px;padding:12px 14px;min-height:42px;font-size:.86rem;cursor:pointer;font-weight:800;transition:background .25s,transform .25s; }
.chat-btn:hover:not(:disabled) { transform:translateY(-1px); }
.chat-btn.primary { background:#079d86;color:white; }
.chat-btn.primary:hover { background:#087b6c; }
.chat-btn.secondary { background:#d6f1eb;color:#0a756b; }
.chat-btn.subtle { background:#eef4f5;color:#275264; }
.chat-btn:disabled { opacity:.45;cursor:not-allowed; }
.chat-review { background:#f3f9f9;border:1px solid #d9e8e9;border-radius:10px;padding:12px;max-height:140px;overflow-y:auto; }
.chat-review-line { display:flex;gap:9px;align-items:flex-start;margin:0 0 7px;font-size:.8rem;line-height:1.4; }
.chat-review-line:last-child { margin-bottom:0; }
.chat-review-line strong { color:#0b6962;min-width:63px; }
.chat-review-line span { flex:1;overflow-wrap:anywhere; }
.chat-preview-label { margin:12px 0 7px; }
.chat-message-preview { width:100%;padding:10px;min-height:90px;max-height:112px;resize:vertical;border:1px solid #d6e4e6;border-radius:8px;background:#f8fbfb;font-size:.78rem;line-height:1.45;color:#294958; }
.chat-status { margin:10px 0 0;color:#164e60;background:#e8f4f5;padding:9px 10px;border-radius:8px;font-size:.75rem;line-height:1.45; }
.chat-footnote { margin:11px 0 0;font-size:.69rem;line-height:1.4;color:#657984;text-align:center; }
.chat-fallback-link { display:block;margin-top:9px;color:#097c73;font-weight:800;text-decoration:underline; }
@media(max-width:1150px) { #primaryNav { gap:12px; } #primaryNav a { font-size:.8rem; } .brand { font-size:.85rem; } }
@media(max-width:920px) { .header { padding:0 20px; } .menu-btn { display:block;background:transparent;color:white;border:1px solid #ffffff77;border-radius:8px;padding:8px 12px; } #primaryNav { display:none;position:absolute;top:82px;left:0;right:0;background:#071c2b;padding:20px;flex-direction:column;gap:18px;align-items:stretch;box-shadow:0 20px 30px #0005; } #primaryNav.open { display:flex; } #primaryNav a { font-size:1rem; } }
@media(max-width:767px) {
  #primaryNav { top:68px; }
  .hero-ctas { flex-direction:column;align-items:flex-start;gap:8px; }
  .hero-ctas .btn { margin-top:4px;padding:13px 20px;font-size:.84rem; }
  .hero h1 { font-size:clamp(2.3rem,9.5vw,3.7rem); }
  .hero p { font-size:1rem;line-height:1.6;min-height:85px; }
  .inner-hero { padding:128px 22px 80px;min-height:400px; }
  .effects-grid,.info-grid,.gallery-grid,.contact-layout { grid-template-columns:1fr; }
  .process-grid { grid-template-columns:repeat(2,1fr); }
  .gallery-grid { grid-auto-rows:215px; }
  .gallery-tall { grid-row:span 1; }
  .effect-tile { min-height:290px; }
  .contact-panel { box-shadow:10px 10px 0 #d3e6e9; }
  .chat-launcher { right:15px;bottom:calc(77px + env(safe-area-inset-bottom));padding:13px 14px;border-radius:50%;width:54px;height:54px; }
  .chat-launcher-label { display:none; }
  .chat-panel { right:10px;bottom:calc(143px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 20px));height:min(525px,calc(100dvh - 164px - env(safe-area-inset-bottom)));border-radius:18px; }
  .chat-compose { max-height:62%; }
  .mobile-bottom { z-index:80; }
  .chat-open .chat-launcher { display:none; }
  .chat-panel { z-index:90; }
}
@media(max-width:390px) { .chat-panel { bottom:calc(136px + env(safe-area-inset-bottom));height:min(490px,calc(100dvh - 153px - env(safe-area-inset-bottom))); } .chat-bubble { font-size:.84rem; } .chat-compose { padding:12px; } .process-grid { gap:10px; } .process-step { padding:15px 12px; } }
@media(max-height:590px) and (min-width:768px) { .chat-panel { height:calc(100dvh - 90px);bottom:75px; } }
@media(prefers-reduced-motion:reduce) {
  .inner-glow,.visual-rings { animation:none !important; }
  .reveal.ready.mask-in,.reveal.ready.blur-in,.reveal.ready.tilt-in { clip-path:none !important;filter:none !important;transform:none !important;opacity:1 !important; }
  .hover-lift:hover,.flip-card:hover,.chat-launcher:hover { transform:none !important; }
}
/* Reveals translate briefly beyond the viewport; clip that transient overflow
   so narrow Android/iPhone layouts do not widen their visual viewport. */
html,body { overflow-x:clip;max-width:100%; }