/* FenixTry's supplied flame artwork is preserved byte-for-byte. */
:root{--bg:#000;--panel:#040b15;--panel-soft:#02060c;--line:#17324b;--text:#f0f6ff;--muted:#aebfd2;--accent:#69daff;--cyan:#72efff;--blue:#0867f8;--radius:10px;--width:1240px}
body{background:#000;position:relative;isolation:isolate}
/* Static brand atmosphere: pinpoints, elongated embers and blue haze.
   Both layers stay behind content and cannot intercept any interaction. */
body::before,body::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
body::before{
  background-image:
    radial-gradient(circle at 12% 19%,#b8faff .5px,#31caff 1px,#086bff70 2.5px,#034df016 7px,transparent 11px),
    radial-gradient(circle at 83% 62%,#aff8ff .5px,#178dff 1.1px,#034fff5c 3px,transparent 9px),
    radial-gradient(circle at 62% 38%,#39cfff99 .6px,#006aff30 1.8px,transparent 4px),
    radial-gradient(circle at 34% 86%,#21aaff80 .7px,#005cff20 2px,transparent 5px),
    radial-gradient(ellipse 1.2px 4px at 7% 73%,#87eaffaa, #148aff55 42%,transparent),
    radial-gradient(ellipse 1px 3px at 93% 24%,#43cfff99,#005fff44 40%,transparent),
    radial-gradient(circle at 72% 11%,#57d7ff66 .5px,transparent 2px),
    radial-gradient(circle at 19% 47%,#188cff77 .6px,transparent 2px);
  background-size:100% 1433px,100% 1997px,349px 461px,431px 577px,100% 797px,100% 1081px,293px 419px,613px 353px;
  background-repeat:repeat;
  opacity:.72;
}
body::after{
  background-image:
    radial-gradient(ellipse 44% 28% at 3% 19%,#035ae21a,transparent 78%),
    radial-gradient(ellipse 40% 23% at 97% 66%,#007bdc15,transparent 80%),
    radial-gradient(ellipse 34% 16% at 36% 90%,#045bd910,transparent 85%);
  background-size:100% 1439px;
  background-repeat:repeat;
}
@media(max-width:740px){
  body::before{background-size:100% 983px,100% 1283px,229px 461px,311px 577px,100% 797px,100% 1081px,263px 419px,373px 353px;opacity:.58}
  body::after{background-size:100% 1087px;opacity:.75}
}
@media(forced-colors:active){body::before,body::after{display:none}}
.edition-bar{background:#010307;border-color:#102032;color:#aabed4;font-size:14px}
.site-header{background:#000e;border-color:#143149;backdrop-filter:blur(16px)}
.header-inner{min-height:100px}
.brand{gap:4px;position:relative;min-height:64px}
.brand-art{position:relative;overflow:hidden;width:100%;aspect-ratio:1.5;--art-center:48%;isolation:auto;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent)}
.brand-art img{position:absolute;top:50%;left:0;width:100%;max-width:none;transform:translateY(calc(-1 * var(--art-center)));height:auto;mix-blend-mode:normal}
.header-brand{width:180px;aspect-ratio:1.5}
.brand-llc{font-size:14px;letter-spacing:.2em;color:#c4e4f4;align-self:center;margin-left:4px}
.site-nav{gap:22px;color:#c5d5e6;font-size:14px}
.site-nav a:hover,.site-nav a[aria-current=page]{color:#72eaff;text-shadow:0 0 18px #058cfb80}
.nav-tools{border-color:#1c3f59}
.nav-dropdown{background:#030a13;border:1px solid #245676;border-radius:6px;box-shadow:0 18px 50px #000b,0 0 25px #0879df12}
.nav-dropdown a:hover{background:#0b2035}
.eyebrow{color:#74dbfa;letter-spacing:.18em;font-size:14px}
.status-dot{background:#36dcff;box-shadow:0 0 12px #20ccff}
.home-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:38px 0 64px;text-align:center}
.flame-intro{display:flex;align-items:center;justify-content:center;gap:10px}
.flame-stage{position:relative;width:min(100%,860px);margin:0 auto}
.hero-flame{aspect-ratio:1.5;filter:none}
.flame-tag{display:block;font-size:14px;letter-spacing:.36em;color:#8abbd9;margin-top:-14px;position:relative}
.hero-copy{max-width:800px;margin:27px auto 0;position:relative}
.home-hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0}
h1 span,h2 span{color:#96eaff}
.home-hero h1 br{display:none}
.home-hero h1 span{display:block;margin-top:5px}
.hero-description{color:#b2c4da}
.home-hero .hero-description{max-width:680px;margin:21px auto 0;font-size:16px;line-height:1.85}
.home-hero .button-row{justify-content:center;margin-top:29px}
.hero-note{justify-content:center;color:#9ab6cd;margin-top:23px;font-size:14px;letter-spacing:.035em}
.button{border-radius:5px;min-height:52px;letter-spacing:.01em;font-weight:600;position:relative}
.button-primary{background:linear-gradient(115deg,#0078b8,#0754d7 75%,#133bed);border:1px solid #4dceff;color:#fff;box-shadow:0 0 24px #047cef30,inset 0 1px 0 #b3f5ff40}
.button-primary:hover{background:linear-gradient(115deg,#00659c,#073fab);box-shadow:0 0 30px #159ffb45;transform:translateY(-2px)}
.button-secondary{border:1px solid #46748f;background:linear-gradient(130deg,#10202c,#02060c);color:#e7f6ff;box-shadow:inset 0 1px 0 #d4f0ff16}
.button-secondary:hover{background:#10273c;border-color:#76dfff}
.focus-strip{border-color:#1e4762;color:#8bb8d6;letter-spacing:.18em;font-size:14px;background:linear-gradient(90deg,transparent,#051222,transparent)}
.strip-star{color:#47dfff;text-shadow:0 0 10px #25b8ff}
.section{border-color:#152a40;padding-block:80px}
h2{font-weight:600;letter-spacing:-.035em}
.hero h1,.section-heading h2,.closing-cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#e5effb;text-shadow:0 1px 0 #fff2}
.service-card{background:linear-gradient(155deg,#0c1928,#020408 66%);border:1px solid #264e6a;border-radius:8px;padding:32px;box-shadow:inset 0 1px 0 #b2e2ff12;overflow:hidden;position:relative;transition:border-color 180ms ease,box-shadow 180ms ease}
.service-card:after{content:"";position:absolute;width:140px;height:140px;right:-80px;top:-80px;border-radius:50%;background:#0089ff;filter:blur(65px);opacity:.2;pointer-events:none}
.service-card:hover,.service-card:focus-visible{border-color:#68d6ff;box-shadow:inset 0 1px 0 #b2e2ff12,0 0 24px #0580ff1a;transform:none}
.service-card .text-link{transition:color 180ms ease}
.service-card:hover .text-link,.service-card:focus-visible .text-link{color:var(--cyan)}
.line-icon{color:#66dcff;filter:drop-shadow(0 0 8px #079dff35)}
.card-number,.step-number,.detail-index{color:#82cde9;letter-spacing:.15em}
.service-card h3,.principle-grid h3,.detail-list h3{color:#e4f1fc;font-weight:600}
.service-card p,.detail-list p,.principle-grid p{color:#aebfd2}
.text-link{color:#77e2ff}
.mini-browser{border-color:#37667f;border-radius:8px;box-shadow:0 10px 60px #006bf020}
.browser-top{background:#08111e;border-color:#244259}
.browser-inner{background:radial-gradient(ellipse at 100% 100%,#07397e,#02080f 75%)}
.mock-title{color:#e9f6ff}.mock-title em{color:#71e7ff}
.mock-geometry{background:linear-gradient(140deg,#ebf8ff,#7cbbda 25%,#093a99 60%,#17bdff);box-shadow:inset -25px -20px 50px #01061680,0 0 35px #007aff50}
.mock-button{background:linear-gradient(120deg,#d8f9ff,#7ad7ff);color:#062130}
.process-list li{border-color:#1b3b56}.step-number{color:#70e6ff}
.closing-cta{border:1px solid #236e95;border-radius:8px;background:radial-gradient(ellipse at 90% 140%,#075ab155,transparent 60%),linear-gradient(135deg,#091527,#000 80%);box-shadow:0 0 45px #0074dd12,inset 0 1px 0 #acddff18}
.closing-cta:before{content:"";position:absolute;top:0;height:1px;left:10%;right:10%;background:linear-gradient(90deg,transparent,#1d8bff,#73eeff,#1d8bff,transparent);box-shadow:0 0 10px #14baff}
.cta-star{color:#097cfc09}
.page-hero{grid-template-columns:1fr 300px;gap:50px;padding-block:66px;border-color:#225576;background:radial-gradient(ellipse at 100% 50%,#07214950,transparent 55%)}
.page-hero h1{font-size:clamp(40px,5vw,67px)}
.page-emblem{display:flex;flex-direction:column;width:100%;height:auto;background:none;color:var(--accent)}
.page-brand{width:100%;aspect-ratio:1.5}
.page-emblem>span.page-index{font-size:14px;letter-spacing:.25em;color:#7baed0;margin-top:10px;line-height:1.6}
.scope-note{background:linear-gradient(145deg,#0b1826,#020509);border-left-color:#39cfff;border-radius:0 8px 8px 0}
.scope-note .eyebrow{color:#81e8ff}
.content-note{border-left-color:#4bd4fa;color:#b5ccde}
.portfolio-grid{gap:40px 28px}
.concept{border:1px solid #426884;border-radius:8px;box-shadow:0 0 40px #005bdc15}
.concept-top{background:#030a15b0;border-color:#375673;color:#cbeafa}
.concept-0{background:linear-gradient(135deg,#131f2c,#00040a);color:#eff8ff}
.concept-0 .concept-shape{background:linear-gradient(150deg,#e5f8ff,#6d9fbb 25%,#144e9c 60%,#2cf1ff);box-shadow:0 0 25px #097cfd55}
.concept-0 .concept-shape:after{border-color:#b2f5ff}
.concept-1{background:linear-gradient(135deg,#041e36,#010308);color:#e4f5ff}
.concept-1 .concept-shape{border-color:#19cfff;box-shadow:0 0 35px #079bff77,inset 0 0 24px #076ff766}
.concept-2{background:linear-gradient(150deg,#1c2837,#03070d);color:#f0f7ff}
.concept-2 .concept-shape{background:linear-gradient(145deg,#ecf7ff,#85bedc 24%,#053baa 65%,#28c9ff);box-shadow:0 0 45px #0580ff40}
.concept-label{color:#90c8e3}
.concept-pill{border-color:#6ad9fb;color:#c6f3ff}
.portfolio-caption>span{color:#9eb4cb}
.about-art{min-height:360px;background:transparent;border:0;border-radius:0;box-shadow:none}
.about-art .brand-art{width:95%;aspect-ratio:1.5}
.about-art>span{color:#97c2da;font-size:14px}
.principle-grid article{border-color:#40718c}
.faq-item{border-color:#27475f}.faq-item:first-child{border-color:#27475f}
.faq-item summary{color:#e0f0ff}.faq-item[open] summary{color:#84e5ff}.faq-plus{color:#67dcff}
.faq-item p{color:#b5c5d8}
.blog-card{border-color:#31516f;border-radius:8px;background:#02060c}
.blog-visual{background:radial-gradient(ellipse at 50% 100%,#08327d,#01040a 80%);border-color:#31516f}
.blog-visual>span{color:#d5f4ff;text-shadow:0 0 35px #16a9ff88}
.blog-visual>i{border-color:#4acbff;box-shadow:0 0 30px #0499fa22}
.blog-visual-1{background:radial-gradient(ellipse at 100% 50%,#032d64,#000 80%)}
.blog-visual-2{background:radial-gradient(ellipse at 50% 50%,#053044,#010409 85%)}
.blog-visual-2>span{color:#84edff}.blog-visual-2>i{border-color:#46cfff}
.form-panel{background:linear-gradient(145deg,#0b1928,#010307 70%);border-color:#37637f;border-radius:8px}
input,select,textarea{background:#01050b;border-color:#537b96;color:#f0f6ff;border-radius:5px}
input::placeholder,textarea::placeholder{color:#9bb2c9}
.form-field label,.draft-result label{color:#dceffa}
.field-hint{color:#a7bed2}.contact-expectations{border-color:#2c4a63}
.draft-result{border-color:#386a83}
.menu-toggle{border-color:#4d8ba7;background:#061222}
.site-footer{background:radial-gradient(ellipse at 15% 100%,#04132999,transparent 45%);border-top:1px solid #2b5f7a;padding-top:48px}
.footer-logo{display:flex;align-items:center;gap:5px;width:245px;max-width:100%}
.footer-brand-art{width:215px;aspect-ratio:1.5}
.footer-brand p{margin-top:12px}
.footer-grid h2{color:#9cd9f2}.footer-grid>div:not(:first-child)>a{color:#b7cbe0}
.footer-bottom{border-color:#254963;font-size:14px;align-items:center;padding-top:25px}
.rights-notice{color:#e6f5ff;font-weight:600;letter-spacing:.025em}
.footer-bottom p:last-child{color:#a7b9d0;font-size:14px}
.error-page{background:radial-gradient(ellipse at 90% 20%,#05316e55,transparent 70%)}
@media(max-width:1150px){.site-nav{gap:14px}.header-brand{width:178px}.page-hero{grid-template-columns:1fr 240px}.home-hero{padding-top:30px}.flame-stage{max-width:940px}}
@media(max-width:960px){.header-inner{min-height:85px}.site-nav{background:#010610;border-color:#2a5e7d;font-size:15px;gap:2px}.nav-dropdown{background:#0a1929}.page-hero{grid-template-columns:1fr 210px;gap:30px}.home-hero h1{font-size:48px}.hero-copy{max-width:690px}.flame-stage{margin-top:18px}.home-hero .button{font-size:14px;min-height:52px;padding:14px 20px}.section{padding-block:65px}}
@media(max-width:740px){.container{width:calc(100% - 40px)}.header-inner{min-height:76px}.header-brand{width:150px}.brand-llc{font-size:14px}.home-hero{padding:30px 0 45px;gap:0}.flame-intro{font-size:14px;letter-spacing:.1em}.flame-stage{width:calc(100% + 24px);margin-top:26px}.hero-flame{aspect-ratio:1.5}.flame-tag{font-size:14px;letter-spacing:.22em;margin-top:0}.hero-copy{margin-top:26px;width:100%}.home-hero h1,.home-hero h1:lang(es){font-size:clamp(31px,8vw,48px);letter-spacing:-.045em}.home-hero .hero-description{font-size:14px;line-height:1.85;margin-top:21px}.home-hero .button-row{margin-top:25px;flex-wrap:wrap;gap:12px}.home-hero .button{font-size:14px;padding:14px 16px}.hero-note{flex-wrap:wrap;gap:8px;font-size:14px;margin-top:22px}.focus-strip{font-size:14px;letter-spacing:.06em}.section{padding-block:50px}.page-hero{grid-template-columns:1fr;padding-block:38px 45px;gap:20px}.page-emblem{display:flex;align-items:flex-start;max-width:210px;order:-1}.page-brand{aspect-ratio:1.5}.page-index{display:none}.page-hero h1{font-size:clamp(37px,9.1vw,58px);margin-top:16px}.page-hero .hero-description{font-size:14px;line-height:1.85}.about-art{min-height:250px}.closing-cta{padding:30px 24px;margin-block:50px}.closing-cta h2{font-size:32px}.footer-bottom{align-items:flex-start;gap:14px}.rights-notice{font-size:14px}.footer-logo{width:230px}.footer-grid{gap:27px}.service-card{padding:28px}.blog-visual{height:200px}.eyebrow{letter-spacing:.13em}.portfolio-grid{gap:32px}.flame-stage,.brand-art{max-width:100%}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.header-brand{width:151px}.home-hero .button-row{flex-direction:column}.home-hero .button{width:100%}.home-hero h1,.home-hero h1:lang(es){font-size:30px}.flame-intro{font-size:14px}.hero-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.button-primary:hover,.service-card:hover{transform:none}}

/* Keep small brand captions readable without changing the logo composition. */
.flame-tag,.mock-caption,.page-index,.brand-llc{font-size:14px}

/* Service strip: equally sized labels, contained glow, complete mobile content. */
.focus-strip{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:clamp(12px,2vw,28px);padding:26px 24px;min-height:88px;font-size:14px;line-height:1.6;letter-spacing:.12em;overflow:visible;background:linear-gradient(90deg,#02060c00,#05122299,#02060c00)}
.focus-strip>.strip-label{display:block;min-width:0;text-align:center;overflow-wrap:normal;word-break:normal}
.focus-strip>.strip-star{display:block;font-size:16px;line-height:1;text-align:center}
@media(max-width:740px){.focus-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:24px 16px;font-size:14px;letter-spacing:.08em}.focus-strip>.strip-star{display:none}.focus-strip>.strip-label{display:block}}

/* Site-wide reading scale: support text >=14px, reading text and controls 16px. */
.service-card p,.story-copy p,.section-intro p,.process-list p,.detail-list p,.scope-note p,.principle-grid p,.faq-intro p,.faq-item p,.blog-content p,.contact-intro>p,.contact-expectations p,.closing-cta p,.footer-brand p,.hero .hero-description{font-size:16px;line-height:1.8}
input,select,textarea{font-size:16px}
.footer-bottom,.footer-bottom p:last-child,.rights-notice{font-size:14px;line-height:1.75}
.eyebrow,.flame-intro,.hero-note,.flame-tag,.page-index,.mock-caption,.concept-label{letter-spacing:.08em;line-height:1.65}
.site-nav{gap:18px;line-height:1.5}.edition-bar .container{gap:16px;padding-block:8px}
.flame-tag{margin-top:0}.brand-llc{letter-spacing:.08em}.footer-grid h2{line-height:1.5}
.hero-note{max-width:none}.form-field label{font-size:16px}.field-hint,.field-error,.content-note{line-height:1.75}
@media(max-width:740px){.edition-bar .container{padding-block:7px}.flame-intro{text-align:center}.home-hero .button-row{gap:14px}.footer-bottom{gap:16px}.concept-top{letter-spacing:.08em}.mock-eyebrow{letter-spacing:.06em}.focus-strip{letter-spacing:.06em}.header-inner{gap:16px}}
