/* Lyrox v3: a readable, responsive studio system. */
:root{--bg:#080d10;--bg2:#0d1519;--panel:#101a1e;--panel2:#152127;--text:#f4f8f6;--muted:#abbdb6;--muted2:#8a9f97;--teal:#89f5ca;--teal2:#32c59e;--primary:#89f5ca;--primary-strong:#5cdeb2;--line:rgba(180,223,208,.13);--radius:20px;color-scheme:dark}body{font-family:'Segoe UI',Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3{line-height:1.12}.container{width:min(1240px,calc(100% - 64px))}.section{padding:100px 0}.section p,.page-hero p,.hero-copy p,.contact-info p,.quote-aside p,.legal-page p{font-size:1rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:#82c9b2}.desktop-nav a,.nav-contact{font-size:.9rem}.site-header{height:88px;background:rgba(8,13,16,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.site-header.scrolled{background:rgba(8,13,16,.94)}.brand{width:158px;height:68px;flex-shrink:0}.brand img{width:158px;height:auto;transform:none}.btn{font-size:.875rem;min-height:48px;padding:13px 21px;border-radius:10px;gap:10px;line-height:1.4}.btn-small{min-height:42px;padding:11px 17px}.btn-large{min-height:54px;padding:16px 23px}.btn-primary{background:#89f5ca!important;color:#073025!important;border-color:#b4ffe0;box-shadow:0 6px 22px #60e8b011;padding:14px 22px}.btn-primary::before,.btn-primary::after{background:none!important}.btn-primary:hover{background:#b0ffdf!important;box-shadow:0 10px 32px #60e8b027;transform:translateY(-2px)}.btn-light{background:#f0f8f4;color:#122b24;border-color:transparent}.btn-ghost{border-color:#3b5750}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.text-link{font-size:.9rem;color:#c9f7e7;gap:9px}.studio-hero{position:relative;padding:166px 0 0;overflow:hidden;background:#080d10;min-height:0}.studio-grid{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:88px;position:relative;z-index:1}.studio-hero .hero-grid-lines{opacity:.2;background-size:80px 80px}.studio-glow{position:absolute;width:730px;height:730px;right:-130px;top:0;border-radius:50%;background:radial-gradient(circle,#174d3a66,transparent 68%);pointer-events:none;animation:breathe 9s ease-in-out 2}.hero-kicker{font-size:.7rem;letter-spacing:.14em;display:flex;gap:12px;align-items:center;color:#a5c1b5;margin-bottom:26px}.kicker-line{display:block;height:1px;width:27px;background:var(--teal)}.studio-hero .hero-copy h1{font-size:clamp(2.7rem,4.7vw,4.5rem);font-weight:500;line-height:1.07;letter-spacing:-.06em;margin:0 0 27px;max-width:650px}.studio-hero .hero-copy h1 span{color:var(--teal);background:none;-webkit-text-fill-color:var(--teal)}.studio-hero .hero-copy>p{font-size:1.07rem;line-height:1.85;max-width:550px;margin:0;color:#a5b9af}.hero-actions{margin-top:33px;display:flex;align-items:center;flex-wrap:wrap;gap:25px}.hero-trust{margin-top:30px;gap:22px;flex-wrap:wrap}.hero-trust span{font-size:.75rem;color:#93aaa0}.brief-preview{border:1px solid #3a5b4b;background:linear-gradient(150deg,#152b23,#101b1c 65%);border-radius:22px;padding:28px;box-shadow:0 30px 70px #0005;position:relative}.brief-preview::before{content:"";position:absolute;left:25%;right:25%;height:1px;top:-1px;background:#acffcf;box-shadow:0 0 20px 3px #75e5b843}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.625rem;letter-spacing:.1em;color:#9db6a9;margin-bottom:24px}.preview-number{color:var(--teal)}.brief-preview h2{font-size:1.55rem;letter-spacing:-.04em;font-weight:600;margin-bottom:9px}.brief-preview>p{font-size:.875rem;color:#99afa5;margin-bottom:23px}.preview-options{display:grid;gap:10px}.direction-option{display:flex;align-items:center;gap:14px;padding:16px;background:#121e20;border:1px solid #2a4039;border-radius:12px;color:var(--text);text-align:left;width:100%;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.direction-option:hover{transform:translateX(3px);border-color:#789d8a}.direction-option.selected{border-color:#7adbab;background:#1c332b}.direction-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#233b33;border-radius:10px;color:var(--teal)}.direction-option b{display:block;font-size:.875rem;font-weight:600}.direction-option small{display:block;font-size:.75rem;color:#a3b4ac;margin-top:3px;line-height:1.45}.direction-check{margin-left:auto;opacity:0;flex-shrink:0;color:var(--teal)}.selected .direction-check{opacity:1}.preview-deliverables{margin-top:23px}.preview-deliverables>span{display:block;font-size:.6rem;letter-spacing:.1em;color:#87a195;margin-bottom:11px}.preview-deliverables>div{display:flex;gap:7px;flex-wrap:wrap}.preview-deliverables i{font-size:.7rem;font-style:normal;border:1px solid #355246;border-radius:6px;padding:4px 9px;color:#b6cfc2}.preview-continue{display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#91f4c5;color:#103c2a;font-size:.875rem;font-weight:650;padding:13px 16px;margin-top:22px;transition:background .2s}.preview-continue:hover{background:#b5ffda}.preview-footer{text-align:center;font-size:.7rem;color:#8fa999;margin-top:12px}.studio-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:80px;min-height:94px;font-size:.72rem;letter-spacing:.12em;color:#9eafa6;position:relative;z-index:1}.studio-bottom>span{display:flex;gap:24px}.studio-bottom i{color:var(--teal);font-style:normal}.studio-bottom a{letter-spacing:0;font-size:.8rem;display:flex;gap:18px}.stack-strip{background:#0e171a;border-block:1px solid var(--line);padding:28px 0}.stack-strip .container{display:flex;align-items:center;justify-content:space-between;gap:50px}.stack-strip .container>span{color:#8caca0;font-size:.65rem;line-height:1.6;letter-spacing:.13em;flex-shrink:0}.stack-names{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:38px;flex:1}.stack-names b{font-size:1.35rem;font-weight:550;color:#b1c2ba;letter-spacing:-.04em}.section-heading{max-width:760px;margin-bottom:45px}.section-heading h2{font-size:clamp(2rem,3.1vw,3rem);font-weight:500;letter-spacing:-.045em;line-height:1.15}.section-heading p{font-size:1rem;max-width:650px;line-height:1.8;margin-top:20px}.services-grid{gap:18px}.service-card{padding:30px;min-height:295px;background:linear-gradient(150deg,#132125,#0f181c);border-radius:16px;border-color:var(--line);height:100%;transition:transform .25s,border-color .25s,background .25s}.service-card:hover{transform:translateY(-6px);border-color:#5f9f84;background:#16282b}.service-icon{width:44px;height:44px;border-radius:12px;background:#1b3630;color:var(--teal);margin-bottom:24px}.service-card h3{font-size:1.15rem;font-weight:600;margin-bottom:13px}.service-card p{font-size:.875rem;line-height:1.8;color:#abc0b6}.service-more{font-size:.875rem;color:var(--teal);margin-top:auto;padding-top:25px}.chips{gap:6px;margin-top:15px}.chips span{font-size:.7rem;padding:4px 8px;border-color:#2b463c;color:#a3c2b3}.studio-values{background:#111c1f;border-block:1px solid var(--line)}.outcome-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center}.outcome-layout h2{font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:20px 0}.outcome-layout>div>p{color:#9bb4a7;margin-bottom:26px}.outcome-cards{display:grid;gap:18px}.outcome-cards article{display:flex;align-items:start;gap:22px;padding:25px 0;border-bottom:1px solid #31453b}.outcome-cards article:first-child{padding-top:0}.outcome-cards article>span{font-size:.75rem;color:#87c9a7}.outcome-cards article>svg{flex-shrink:0;color:#79a28e}.outcome-cards h3{font-size:1.125rem;margin-bottom:12px;font-weight:600}.outcome-cards p{font-size:.875rem;color:#a6bbae;margin:0}.process-line article{border-color:#385a4b}.process-line article p{font-size:.875rem;line-height:1.8}.process-line article h3{font-size:1.15rem}.process-line article>span{font-size:.75rem;color:#90b39f}.home-faq{border-top:1px solid var(--line);padding-top:70px}.home-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-faq details{border:1px solid #2d473d;border-radius:12px;padding:22px 24px;background:#101d1c}.home-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:550;font-size:.95rem}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary svg{flex-shrink:0}.home-faq details[open] summary svg{transform:rotate(180deg)}.home-faq details p{margin:18px 0 0;color:#a5bbaf;font-size:.875rem}.footer-cta h2{font-size:clamp(2rem,3.3vw,3.1rem);font-weight:500;line-height:1.15;letter-spacing:-.04em}.site-footer{background:#0d1619;border-top:1px solid var(--line)}.footer-grid p,.footer-grid a{font-size:.875rem}.footer-grid h3{font-size:.9rem}.footer-brand img{width:165px;height:auto;object-fit:contain}.footer-bottom{font-size:.75rem}.footer-bottom a{font-size:.8rem}.site-badge{font-size:.75rem}.page-hero{padding-top:165px;background:radial-gradient(ellipse at top right,#153d2d6b,transparent 65%)}.page-hero h1{font-size:clamp(2.5rem,5.2vw,4.4rem);font-weight:550;line-height:1.12;letter-spacing:-.055em;max-width:950px}.page-hero p{font-size:1.05rem;max-width:790px;color:#a5bdae;line-height:1.8}.accent-text{color:var(--teal)}.form-card{border-color:#345244;background:#111f20;border-radius:18px}.form-card label,.smart-select-label{font-size:.875rem}.form-card input,.form-card textarea{font-size:1rem;background:#0d181a;border-color:#3e5b4d;border-radius:10px;padding:13px 15px;color:#f0faf4}.form-card input:focus,.form-card textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #83f5bd15}.form-card label>span{font-size:.8rem}.form-card input[type=checkbox]{width:19px;height:19px;padding:0;flex-shrink:0;accent-color:var(--teal);margin-top:3px}.consent-line{display:flex!important;gap:12px;align-items:start;line-height:1.7;margin:22px 0;font-size:.8rem!important}.consent-line a{text-decoration:underline;color:var(--teal)}.choice-grid button{font-size:.875rem;padding:12px;min-height:49px;border-radius:10px}.choice-grid button.selected{color:var(--teal);background:#1b4030;border-color:#7bdfa6}.smart-select-trigger{border-radius:12px;background:#0f1e1d;border-color:#355748;min-height:70px}.smart-select-trigger-copy strong{font-size:.95rem}.smart-select-trigger-copy small{font-size:.72rem}.smart-option-copy strong{font-size:.9rem}.smart-option-copy small{font-size:.8rem}.smart-select-panel-head strong{font-size:1.1rem}.smart-select-panel{background:#11201e;border-color:#517864}.smart-select-option:hover,.smart-select-option.selected{background:#244135}.brief-progress{border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.brief-progress>div{display:flex;justify-content:space-between;font-size:.75rem;color:#acc6b6}.brief-progress b{font-weight:500;color:#adf6c9}.brief-progress progress{width:100%;height:5px;margin-top:10px;border:0;accent-color:#91eeb6;border-radius:10px;overflow:hidden}.brief-progress progress::-webkit-progress-bar{background:#324a3c}.brief-progress progress::-webkit-progress-value{background:#92edb7;transition:width .3s}.draft-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.draft-toolbar .consent-line{margin:20px 0}.draft-toolbar button{background:none;border:0;font-size:.75rem;padding:0;color:#a7c6b4;cursor:pointer}.form-status{font-size:.9rem;padding:16px;line-height:1.7}.form-status.error{color:#ffe0df;background:#53242b;border-color:#9f5259}.form-status.success{color:#befdd6;background:#163e2d;border-color:#4e9569}.contact-method strong{font-size:1rem}.quote-aside li{font-size:.875rem}.faq-item button{font-size:1rem}.faq-answer p{font-size:1rem}.case-copy p,.price-card p,.price-card li,.legal-page li,.service-detail-panel li{font-size:1rem}.form-grid,.quote-layout,.service-detail-layout,.contact-grid{min-width:0}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(14px)}.reveal.is-visible{opacity:1;transform:none}.reveal{transition:opacity .6s,transform .6s;transition-delay:var(--reveal-delay,0ms)}.support-fab{font-size:.875rem;background:#152c22;border-color:#49795f;color:#b3efca}.smart-select.open .smart-select-panel{z-index:250}.micro-note{font-size:.8rem!important}.sitemap-page a{font-size:1rem}.service-detail-panel{background:#12201c}.service-detail-intro p{font-size:1rem}.page-hero .hero-orb,.hero-orb{animation:none}.phone-frame img{object-fit:contain}.reveal img:not(.brand img){max-width:100%}@keyframes breathe{50%{opacity:.6;transform:scale(1.08)}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}@media(max-width:1100px){.studio-grid{gap:40px;grid-template-columns:1.05fr 1fr}.studio-hero .hero-copy h1{font-size:3.4rem}.outcome-layout{gap:45px}.stack-names{gap:24px}.hero-actions{gap:17px}.desktop-nav{gap:19px}.nav-shell{gap:22px}.nav-actions{gap:12px}.container{width:calc(100% - 48px)}}@media(max-width:920px){.desktop-nav,.nav-contact{display:none}.menu-button{display:flex}.nav-actions{margin-left:auto}.studio-grid{grid-template-columns:1fr;gap:45px}.studio-hero{padding-top:135px}.studio-hero .hero-copy h1{font-size:clamp(2.8rem,7.5vw,4.3rem)}.studio-hero .hero-copy>p{max-width:640px}.brief-preview{max-width:640px;width:100%;margin:auto}.studio-bottom{margin-top:55px}.outcome-layout{grid-template-columns:1fr;gap:40px}.home-faq-grid{grid-template-columns:1fr}.stack-strip .container{flex-direction:column;gap:24px;align-items:start}.stack-strip .container>span br{display:none}.stack-names{width:100%;gap:20px}.nav-actions>.btn-small{display:inline-flex}.smart-select-grid{grid-template-columns:1fr}.section{padding:75px 0}}@media(max-width:600px){.container{width:calc(100% - 36px)}.site-header{height:76px}.brand{width:120px;height:64px}.brand img{width:120px}.nav-actions .btn{font-size:.75rem;padding:10px 12px;min-height:40px}.nav-shell{gap:10px}.menu-button{width:40px;height:40px}.nav-actions{gap:9px}.studio-hero{padding-top:114px}.hero-kicker{font-size:.6rem;letter-spacing:.1em;gap:8px;margin-bottom:24px}.kicker-line{width:18px}.studio-hero .hero-copy h1{font-size:clamp(2.65rem,10.5vw,3.6rem);letter-spacing:-.06em;line-height:1.1}.studio-hero .hero-copy>p{font-size:1rem}.hero-actions{align-items:start;flex-direction:column;gap:20px;margin-top:26px}.hero-actions .btn{width:auto;font-size:.875rem}.hero-trust{gap:14px;margin-top:26px}.hero-trust span{font-size:.7rem}.brief-preview{padding:22px 18px;border-radius:18px}.direction-option{gap:10px;padding:14px 12px}.direction-option small{font-size:.72rem}.direction-icon{width:35px;height:38px}.direction-check{width:17px}.brief-preview h2{font-size:1.4rem}.studio-bottom{min-height:90px;margin-top:40px;gap:15px;flex-direction:column;justify-content:center;align-items:start;padding:22px 0}.studio-bottom>span{font-size:.6rem;gap:15px}.studio-bottom a{font-size:.75rem}.stack-names{gap:19px;justify-content:flex-start}.stack-names b{font-size:1.125rem}.section-heading h2{font-size:2rem}.section-heading{margin-bottom:30px}.service-card{padding:26px;min-height:290px}.outcome-cards article{gap:15px}.outcome-cards article>svg{display:none}.page-hero{padding-top:122px}.page-hero h1{font-size:2.55rem;line-height:1.14}.page-hero p{font-size:1rem}.draft-toolbar{align-items:start;flex-direction:column;gap:0;margin-bottom:20px}.draft-toolbar .consent-line{margin-bottom:10px}.form-card{padding:22px 18px}.footer-cta{gap:24px}.footer-grid{gap:30px}.footer-bottom div{gap:16px}.service-more{max-width:100%}.choice-grid{gap:8px}.choice-grid button{font-size:.8rem;padding:10px 9px}.home-faq details{padding:20px}.home-faq summary{font-size:.95rem}.section{padding:65px 0}.form-grid.two{display:block}.hero-copy,.brief-preview{min-width:0}.studio-hero .hero-grid-lines{background-size:60px 60px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}::view-transition-group(*){animation:none!important}}@media(forced-colors:active){.direction-option.selected{outline:2px solid Highlight}.preview-continue,.btn-primary{border:2px solid ButtonText}}

@media(max-width:380px){.nav-actions>.btn-small{display:none}.studio-hero .hero-copy h1{font-size:2.45rem}.hero-trust{gap:10px}.direction-option small{font-size:.75rem}}