:root{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;color:#1d1a16;background:#f8f5ef;font-synthesis:none;--ink:#1d1a16;--muted:#69635a;--paper:#fffdf8;--line:#e5dfd3;--yellow:#f5c623;--navy:#101a2a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #b78900;outline-offset:4px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.055em}
p{line-height:1.65}
.shell{width:min(1180px,calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-70px;z-index:20;padding:12px 18px;background:var(--yellow);font-weight:700}
.skip-link:focus{top:12px}
.site-header{position:relative;z-index:5;border-bottom:1px solid #e9e4d9;background:#f8f5ef}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:2px;transform:rotate(-30deg)}
.brand-mark span{display:block;background:var(--yellow);border-radius:3px}
.brand-mark span:nth-child(1){grid-column:1;grid-row:1}
.brand-mark span:nth-child(2){grid-column:2;grid-row:1;background:#d79d11}
.brand-mark span:nth-child(3){grid-column:1;grid-row:2;background:#eab219}
.brand-name{display:flex;flex-direction:column;line-height:1}
.brand-name strong{font-size:1.25rem;letter-spacing:-.06em}
.brand-name small{font-size:.63rem;letter-spacing:.3em;font-weight:900;margin-top:4px}
.site-header nav{display:flex;align-items:center;gap:34px;font-size:.84rem;font-weight:700}
.site-header nav>a:not(.nav-contact){transition:color .2s}
.site-header nav>a:not(.nav-contact):hover{color:#ab7800}
.nav-contact{border:1px solid #25211a;padding:12px 17px;border-radius:100px;display:inline-flex;align-items:center;gap:18px;transition:background .2s,color .2s}
.nav-contact:hover{background:var(--ink);color:var(--paper)}
.hero{min-height:638px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-block:76px 84px}
.hero-copy{max-width:585px}
.eyebrow,.section-kicker{font-size:.7rem;font-weight:900;letter-spacing:.19em}
.eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px}
.eyebrow-spark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--yellow);font-size:1.28rem;line-height:1}
.hero h1{font-size:clamp(4rem,6.4vw,6.6rem);line-height:.99;margin-bottom:28px;font-weight:800}
.hero h1 em,.section h2 em,.how-heading h2 em,.contact-panel h2 em{font-style:normal;color:#d3a514}
.hero-copy>p{font-size:1.13rem;max-width:540px;color:#554f46;line-height:1.75;margin-bottom:32px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.button{min-height:52px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:100px;font-size:.85rem;font-weight:800;transition:transform .2s,background .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--ink);color:white}
.button-primary:hover{background:#4c3e19}
.button-text{padding-inline:2px}
.button-text:hover{color:#9b7005}
.hero-caption{display:flex;align-items:center;gap:15px;margin-top:59px;font-size:.74rem;color:#81786c}
.caption-line{height:1px;width:34px;background:#a79d8e}
.hero-art{position:relative;isolation:isolate;overflow:hidden;min-height:496px;border-radius:28px;background:radial-gradient(circle at 50% 48%,#273a51 0,#142237 34%,#101a2a 72%);box-shadow:0 26px 50px rgba(27,33,43,.15);color:white;padding:26px 29px;display:flex;flex-direction:column;justify-content:space-between}
.hero-art:after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.08);border-radius:19px;pointer-events:none}
.art-topline,.art-bottomline{z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:.61rem;letter-spacing:.17em;color:#b9c5ce;font-weight:800}
.orbit{position:absolute;border:1px solid rgba(245,198,35,.2);width:430px;height:430px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.orbit-two{width:310px;height:310px;border-color:rgba(245,198,35,.13)}
.art-spark{position:absolute;color:var(--yellow);line-height:1}
.art-spark-one{font-size:2.1rem;left:14%;top:23%}
.art-spark-two{font-size:1.35rem;right:14%;bottom:19%}
.flow-card{align-self:center;display:flex;align-items:center;gap:16px;width:min(315px,88%);min-height:97px;padding:19px 21px;background:#fffdf8;color:var(--ink);border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.flow-card>span:last-child{display:flex;flex-direction:column;gap:3px}
.flow-card small{font-size:.59rem;letter-spacing:.16em;font-weight:900;color:#9b7b21}
.flow-card strong{font-size:1.1rem;letter-spacing:-.03em}
.flow-card span span{font-size:.76rem;color:#777169}
.flow-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f7e9af;font-size:1.3rem;font-weight:800;flex-shrink:0}
.flow-input{transform:rotate(-3deg) translateX(-20px);margin-top:auto}
.flow-output{transform:rotate(3deg) translateX(18px);margin-bottom:auto}
.flow-output .flow-icon{background:#deefd9;color:#2e793e}
.flow-connector{align-self:center;display:flex;flex-direction:column;align-items:center;color:var(--yellow);gap:3px;height:77px;font-size:1.9rem;line-height:1}
.flow-connector span{height:18px;width:1px;background:#d9ab21}
.live-dot{height:9px;width:9px;border-radius:50%;background:#e9c64d;box-shadow:0 0 0 6px rgba(233,198,77,.12)}
.intro-band{background:var(--yellow)}
.intro-inner{display:flex;align-items:center;gap:36px;min-height:120px}
.band-symbol{font-size:3.7rem;line-height:1}
.intro-inner p{max-width:720px;margin:0;font-size:1.3rem;font-weight:500;letter-spacing:-.03em;line-height:1.35}
.intro-inner p strong{font-weight:900}
.band-index{margin-left:auto;font-size:.63rem;letter-spacing:.16em;white-space:nowrap;font-weight:900}
.section{padding-block:112px 125px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:43px}
.section-kicker{display:block;margin-bottom:18px;color:#a17913}
.section h2,.how-heading h2,.contact-panel h2{font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:1.08;margin-bottom:0}
.section-heading>p{max-width:300px;margin:0 0 5px;color:var(--muted);font-size:.95rem}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.solution-card{min-height:355px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:19px;background:var(--paper);transition:transform .2s,box-shadow .2s}
.solution-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(34,32,26,.07)}
.solution-active{background:#fff9df;border-color:#e5d99f}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.card-number,.card-foot{font-size:.64rem;letter-spacing:.16em;font-weight:900;color:#958a77}
.status{font-size:.59rem;font-weight:800;letter-spacing:.02em;border:1px solid #e1ddd3;border-radius:100px;padding:7px 8px;color:#716b60;white-space:nowrap}
.status-active{border-color:#d1ddb9;color:#39703d;background:#edf5e6}
.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62a563;vertical-align:1px;margin-right:3px}
.card-glyph{height:105px;display:flex;align-items:center;justify-content:center;color:#1a2433;font-size:3.4rem;font-weight:800;letter-spacing:-.12em}
.card-glyph span{font-size:1.8rem;color:#d0a41a;margin:0 9px}
.solution-card h3{font-size:1.43rem;margin-bottom:9px}
.solution-card p{font-size:.83rem;color:#676158;line-height:1.6;margin-bottom:20px}
.card-foot{margin-top:auto}
.glyph-document{width:56px;height:68px;flex-direction:column;align-items:flex-start;gap:8px;padding:17px 10px;border:3px solid #263144;border-radius:5px;margin:18px auto 19px}
.paper-line{width:31px;height:4px;background:#d2aa2a;border-radius:4px}
.paper-line.short{width:20px}
.glyph-wave{gap:4px}
.glyph-wave b{display:block;width:5px;height:29px;background:#263144;border-radius:5px}
.glyph-wave b:nth-child(2),.glyph-wave b:nth-child(6){height:52px;background:#d2aa2a}
.glyph-wave b:nth-child(3),.glyph-wave b:nth-child(5){height:38px}
.glyph-wave b:nth-child(4){height:70px}
.glyph-mel{color:#dfae17;font-size:5.5rem}
.how-section{background:#eee9de;padding-block:100px}
.how-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px}
.how-heading p{max-width:390px;color:#655e53;margin:27px 0 0}
.steps{margin:0;padding:0;list-style:none}
.steps li{display:grid;grid-template-columns:70px 1fr;gap:20px;border-top:1px solid #ccc4b5;padding:23px 0}
.steps li:last-child{border-bottom:1px solid #ccc4b5}
.steps li>span{font-size:.72rem;letter-spacing:.14em;font-weight:900;color:#9c7926;padding-top:7px}
.steps h3{font-size:1.5rem;margin:0 0 5px}
.steps p{font-size:.87rem;color:#665f54;margin:0;max-width:440px}
.contact-section{padding-block:93px}
.contact-panel{position:relative;overflow:hidden;min-height:360px;display:flex;align-items:end;justify-content:space-between;gap:28px;padding:58px 64px;background:var(--navy);color:#fff;border-radius:27px}
.contact-panel .section-kicker{color:var(--yellow)}
.contact-panel h2{position:relative;z-index:1}
.contact-panel p{position:relative;z-index:1;max-width:480px;color:#bec5c8;font-size:.9rem;margin:20px 0 0}
.button-light{z-index:1;flex-shrink:0;background:var(--yellow);color:var(--ink)}
.button-light:hover{background:#ffe06a}
.contact-decoration{position:absolute;right:2%;top:-44%;font-size:37rem;line-height:1;color:rgba(245,198,35,.07);pointer-events:none}
.site-footer{border-top:1px solid var(--line);padding-block:28px;color:#70695e;font-size:.79rem}
.footer-inner,.footer-inner div{display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer-inner a:hover{color:#a87d0a}
@media(max-width:1080px){.hero{gap:25px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-card{min-height:310px}.how-grid{gap:45px}.contact-panel{padding:50px}}
@media(max-width:760px){.shell{width:min(100% - 34px,1180px)}.header-inner{min-height:76px}.site-header nav{gap:14px}.site-header nav>a:not(.nav-contact){display:none}.nav-contact{font-size:.72rem;padding:10px 12px;gap:7px}.hero{grid-template-columns:1fr;padding-block:60px;min-height:0}.hero h1{font-size:clamp(3.55rem,12vw,5.3rem)}.hero-copy>p{font-size:1rem}.hero-caption{margin-top:34px}.hero-art{min-height:420px}.intro-inner{gap:18px;padding-block:24px}.intro-inner p{font-size:1.1rem}.band-index{display:none}.section{padding-block:74px}.section-heading{display:block}.section-heading>p{margin-top:20px}.how-section{padding-block:74px}.how-grid{grid-template-columns:1fr;gap:35px}.contact-section{padding-block:70px}.contact-panel{min-height:0;display:block;padding:38px 28px}.contact-panel .button{margin-top:28px}.contact-decoration{font-size:23rem;top:-15%;right:-20%}}
@media(max-width:520px){.brand-name strong{font-size:1.04rem}.brand-mark{transform:rotate(-30deg) scale(.8);margin-right:-6px}.hero-actions{display:grid;align-items:stretch}.button-text{justify-content:flex-start}.hero-art{min-height:390px;padding:23px 20px}.flow-card{width:86%;min-height:87px}.intro-inner p{font-size:1rem}.band-symbol{font-size:2.8rem}.section h2,.how-heading h2,.contact-panel h2{font-size:2.75rem}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:295px}.card-glyph{height:92px}.contact-panel h2{font-size:2.55rem}.footer-inner{align-items:start;flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}