@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#132b37;background:#e9eeeb;scroll-behavior:smooth}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;min-width:320px;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,a{font:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #d3a463;outline-offset:5px}
h1,h2,h3,p{margin:0}
p{line-height:1.65}
::selection{background:#e3c58b;color:#102735}
.skip{position:absolute;z-index:1000;left:12px;top:-60px;background:#fff;color:#102735;padding:12px}.skip:focus{top:12px}
.eyebrow{font-size:11px;line-height:1.5;font-weight:780;letter-spacing:.17em;text-transform:uppercase}
.wrap{width:min(100% - 64px,1320px);margin-inline:auto}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:26px;line-height:1;font-weight:780;letter-spacing:-.085em;white-space:nowrap}
.brand img{width:29px;height:25px;object-fit:contain}
.brand b{color:#d4aa6d;font-weight:800}
.topbar{position:absolute;z-index:30;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px max(32px,calc((100vw - 1320px)/2))}
.topbar nav{display:flex;align-items:center;gap:26px}
.topbar nav a{font-size:12px;font-weight:750;letter-spacing:.03em;white-space:nowrap}
.topbar nav a:hover{text-decoration:underline;text-underline-offset:6px}
.topbar .nav-action{display:inline-flex;align-items:center;gap:18px;border:1px solid currentColor;padding:11px 16px;min-height:44px}
.review-note{font-size:10px;font-weight:720;letter-spacing:.13em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:56px;padding:15px 21px;font-size:13px;font-weight:800;letter-spacing:.01em;transition:transform .25s ease,background .25s ease,color .25s ease}
.button:hover{transform:translateY(-3px)}
.button span:last-child{font-size:22px;line-height:1;font-weight:400}
.button-light{background:#f1f4f2;color:#142d3a}
.button-dark{background:#132e3b;color:#fff}
.button-gold{background:#d6b278;color:#102935}
.section{padding-block:clamp(88px,12vw,170px)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:28px;padding-top:15px;border-top:1px solid currentColor;margin-bottom:clamp(36px,6vw,88px)}
.section-head span:last-child{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-align:right}
.display{font-weight:520;letter-spacing:-.078em;line-height:.99;text-wrap:balance}
.body-lg{font-size:clamp(16px,1.45vw,22px);line-height:1.58}
.muted{opacity:.72}
.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.service-card{min-height:335px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid currentColor}
.service-card .number{font-size:11px;font-weight:760;letter-spacing:.15em}
.service-card h3{font-size:clamp(26px,2.8vw,42px);font-weight:550;line-height:1.06;letter-spacing:-.065em;margin-bottom:14px}
.service-card p{max-width:330px;font-size:14px;line-height:1.65}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.step{border-top:1px solid currentColor;padding-top:18px}
.step .eyebrow{margin-bottom:34px}
.step h3{font-size:clamp(24px,2.8vw,38px);letter-spacing:-.06em;line-height:1.1;font-weight:550;margin-bottom:16px}
.step p{max-width:340px;font-size:14px}
.site-footer{padding:28px 0 34px}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid currentColor;padding-top:23px}
.footer-links{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-inner small{font-size:11px;opacity:.7}
.reveal{transition:opacity .7s ease,transform .7s ease}
.js .reveal:not(.in){opacity:0;transform:translateY(20px)}
.reveal.in{opacity:1;transform:none}
.glow-mark{position:relative;display:grid;place-items:center;isolation:isolate;aspect-ratio:1}
.glow-mark::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,#edfaff73 0%,#b9dbec35 34%,transparent 69%);filter:blur(16px);animation:glow-breathe 5s ease-in-out infinite alternate}
.glow-mark::after{content:"";position:absolute;inset:15%;border:1px solid #f4fbff8e;border-radius:50%;box-shadow:0 0 0 38px #ffffff0a,0 0 0 79px #ffffff08;animation:ring-breathe 5s ease-in-out infinite alternate}
.glow-mark img{position:relative;z-index:1;width:55%;max-width:330px;filter:brightness(0) invert(1) drop-shadow(0 0 21px #d7f6ff);animation:mark-float 5s ease-in-out infinite alternate}
@keyframes glow-breathe{to{opacity:.55;transform:scale(1.1)}}
@keyframes ring-breathe{to{opacity:.6;transform:scale(1.055)}}
@keyframes mark-float{to{transform:translateY(-7px) scale(1.025)}}
.contact{position:relative;isolation:isolate;overflow:hidden;min-height:620px}
.contact>.wrap{position:relative;z-index:2}
.contact-pulse{position:absolute;z-index:-1;right:-7%;top:50%;width:min(62vw,850px);transform:translateY(-50%);opacity:.28;pointer-events:none}
.contact-pulse::before{content:"";position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,#cdeefe70 0%,#b6e2fa2a 29%,transparent 65%);animation:contact-halo 5s ease-in-out infinite alternate}
.contact-pulse .glow-mark{width:100%}
@keyframes contact-halo{to{opacity:.45;transform:scale(1.1)}}
.signal .contact-pulse{opacity:.38}

/* 01 — Luminous field: atmospheric arrival, then a clear editorial offer. */
.field{background:#e8ede9;color:#132f3b}
.field .topbar{color:#fff}
.field .brand img,.horizon .brand img{filter:brightness(0) invert(1)}
.field .hero{position:relative;min-height:780px;min-height:100svh;display:grid;align-items:end;isolation:isolate;overflow:hidden;background:#16394c;color:#fff}
.field .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/immersive/mountain-panorama-v2.webp') center 50%/cover no-repeat;transform:scale(1.04);animation:land-shift 22s ease-in-out infinite alternate}
.field .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c263ba8 0%,#173c5140 36%,#0d283333 57%,#09212de9 100%)}
@keyframes land-shift{to{transform:scale(1.09) translateX(-1%)}}
.field .hero-mark{position:absolute;left:50%;top:45%;width:min(36vw,390px);transform:translate(-50%,-50%)}
.field .hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px;padding-top:220px;padding-bottom:clamp(45px,6vw,84px)}
.field .hero h1{font-size:clamp(68px,9vw,142px);max-width:900px;margin-top:22px}
.field .hero h1.hero-promise{font-size:clamp(55px,6.8vw,104px);font-weight:730}
.field .hero h1 em{font-style:normal;color:#eacb92}
.field .hero-side{padding-bottom:8px}
.field .hero-side p{max-width:360px;margin-bottom:28px}
.field .hero-side .button{width:min(100%,350px)}
.field .hero-index{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.17em;font-weight:720;text-transform:uppercase;color:#d2e5eb}
.field .manifesto{background:#e8ede9}
.field .manifesto-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,140px)}
.field .manifesto h2{font-size:clamp(48px,6.6vw,108px)}
.field .manifesto-copy{padding-top:7px}
.field .manifesto-copy p{max-width:600px;margin:0 0 25px}
.field .manifesto-copy .button{margin-top:20px}
.field .services{background:#153240;color:#f3f4ef}
.field .service-card{border-color:#ffffff54;background:#ffffff08}
.field .service-card .number{color:#e7c28d}
.field .method{background:#e8ede9}
.field .method h2{font-size:clamp(46px,6vw,92px);max-width:900px;margin-bottom:clamp(55px,8vw,110px)}
.field .contact{background:#0c2633;color:#f3f5f2;padding-bottom:85px}
.field .contact h2{font-size:clamp(58px,9vw,138px);max-width:1040px;margin-bottom:40px}
.field .contact h2 em{font-style:normal;color:#e0bd85}
.field .contact .body-lg{max-width:580px;margin-bottom:40px}
.field .site-footer{background:#0c2633;color:#f3f5f2}

/* 02 — Signal: business clarity and a compact luminous system motif. */
.signal{background:#efece4;color:#1b2e32}
.signal .topbar{color:#1b2e32}
.signal .hero{min-height:780px;min-height:100svh;display:grid;align-items:end;padding-top:140px;background:#efece4}
.signal .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,5vw,85px);align-items:stretch;padding-bottom:clamp(44px,5vw,74px)}
.signal .hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:14px}
.signal .hero-copy .eyebrow{margin-bottom:30px}
.signal .hero h1{font-size:clamp(76px,8.5vw,142px);max-width:850px;margin-bottom:30px}
.signal .hero h1 span{color:#9e7750}
.signal .hero-copy p:not(.eyebrow){max-width:540px;margin-bottom:32px}
.signal .hero-art{position:relative;min-height:580px;background:#122e3c;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:28px}
.signal .hero-art::before{content:"";position:absolute;inset:0;background:url('/assets/immersive/mountain-panorama-v2.webp') center/cover no-repeat;filter:grayscale(1) contrast(1.2);opacity:.22}
.signal .hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0c263b66,#0d2b3ee0);pointer-events:none}
.signal .hero-art>*{position:relative;z-index:1}
.signal .art-top,.signal .art-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.14em;font-weight:760;text-transform:uppercase}
.signal .art-bottom{align-items:flex-end}
.signal .art-bottom span:last-child{max-width:150px;text-align:right;line-height:1.5}
.signal .hero-art .glow-mark{width:min(80%,390px);margin:auto;align-self:center}
.signal .problem{background:#173340;color:#f4f1ea}
.signal .problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,110px)}
.signal .problem h2{font-size:clamp(54px,6.2vw,100px)}
.signal .problem-copy{align-self:end;max-width:570px}
.signal .problem-copy p+p{margin-top:22px}
.signal .solution{background:#efece4}
.signal .solution h2{font-size:clamp(51px,6vw,96px);max-width:900px;margin-bottom:65px}
.signal .service-card{background:#fffdf8;border-color:#b3b4aa}
.signal .service-card .number{color:#956d45}
.signal .flow{background:#e1e6e1}
.signal .flow-title{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:76px}
.signal .flow-title h2{font-size:clamp(53px,6vw,95px)}
.signal .flow-title p{max-width:460px}
.signal .contact{background:#112e3d;color:#f4f4f1}
.signal .contact h2{font-size:clamp(64px,9vw,142px);max-width:1100px;margin-bottom:34px}
.signal .contact p{max-width:650px;margin-bottom:38px}
.signal .site-footer{background:#112e3d;color:#f4f4f1}
.signal .site-footer .brand img{filter:brightness(0) invert(1)}

/* 03 — Horizon: continuous visual story, quieter copy, more space. */
.horizon{background:#102b3b;color:#f4f4f1}
.horizon .topbar{color:#fff}
.horizon .hero{position:relative;min-height:790px;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate;overflow:hidden;background:#153748}
.horizon .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/immersive/mountain-panorama-v2.webp') center/cover no-repeat;opacity:.68;animation:land-shift 22s ease-in-out infinite alternate}
.horizon .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a263ad9 0%,#14384b9e 40%,#0b2635eb 100%)}
.horizon .hero-inner{width:min(100% - 50px,1080px);padding:100px 0 65px;display:flex;align-items:center;flex-direction:column}
.horizon .hero .glow-mark{width:clamp(190px,18vw,240px);margin:0 auto 10px}
.horizon .hero h1{font-size:clamp(66px,8vw,120px);margin:10px 0 18px}
.horizon .hero h1 span{color:#e2c18d}
.horizon .hero-copy{max-width:550px;margin-bottom:35px}
.horizon .scroll-cue{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.17em;font-weight:770;text-transform:uppercase;white-space:nowrap}
.horizon .story{background:#e9eee9;color:#14303b}
.horizon .story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,130px);align-items:center}
.horizon .story h2{font-size:clamp(54px,6vw,96px);margin-bottom:30px}
.horizon .story p{max-width:590px}
.horizon .story-photo{min-height:680px;background:url('/assets/immersive/mobile-route/050.webp') center 58%/cover no-repeat;position:relative;overflow:hidden}
.horizon .story-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0a26359c)}
.horizon .story-photo span{position:absolute;z-index:1;bottom:25px;left:25px;right:25px;color:white;font-size:10px;font-weight:760;letter-spacing:.15em;text-transform:uppercase}
.horizon .what{background:#102b3b}
.horizon .what h2{font-size:clamp(54px,6vw,100px);max-width:950px;margin-bottom:65px}
.horizon .service-card{background:#ffffff09;border-color:#ffffff5d}
.horizon .service-card .number{color:#d9ba87}
.horizon .way{background:#e9eee9;color:#14303b}
.horizon .way h2{font-size:clamp(50px,6vw,98px);margin-bottom:70px}
.horizon .contact{position:relative;background:#112e3d;overflow:hidden}
.horizon .contact::before{content:"";position:absolute;width:min(45vw,600px);aspect-ratio:1;right:-6%;top:10%;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff05;pointer-events:none}
.horizon .contact .wrap{position:relative}
.horizon .contact h2{font-size:clamp(64px,9vw,142px);max-width:1050px;margin-bottom:35px}
.horizon .contact h2 span{color:#d8b986}
.horizon .contact p{max-width:520px;margin-bottom:38px}
.horizon .site-footer{background:#112e3d}

@media(max-width:900px){
  .wrap{width:min(100% - 44px,1320px)}
  .topbar{padding:24px 22px}
  .topbar nav a:not(.nav-action){display:none}
  .field .hero-content,.signal .hero-grid,.signal .problem-grid,.signal .flow-title,.horizon .story-grid{grid-template-columns:1fr}
  .field .hero-content{gap:28px}
  .field .hero-mark{top:35%;width:min(48vw,320px)}
  .field .manifesto-grid{grid-template-columns:1fr;gap:35px}
  .signal .hero{align-items:start}
  .signal .hero-grid{padding-top:80px}
  .signal .hero-art{min-height:460px}
  .signal .hero-copy{order:1}.signal .hero-art{order:2}
  .horizon .story-photo{min-height:490px}
  .three-col{grid-template-columns:1fr 1fr}
  .step-grid{gap:18px}
}
@media(max-width:640px){
  .wrap{width:calc(100% - 40px)}
  .topbar{padding:22px 20px}
  .brand{font-size:22px}.brand img{width:25px;height:22px}
  .topbar nav{gap:10px}.topbar .nav-action{padding:9px 11px;min-height:42px;font-size:11px}
  .topbar .review-note{display:none}
  .eyebrow{font-size:10px}
  .section{padding-block:88px}
  .section-head{margin-bottom:43px}
  .section-head span:last-child{font-size:9px}
  .three-col,.step-grid{grid-template-columns:1fr;gap:11px}
  .service-card{min-height:240px;padding:24px}
  .service-card h3{font-size:34px}
  .step{padding-bottom:28px}.step .eyebrow{margin-bottom:20px}
  .footer-inner{align-items:flex-start;flex-direction:column;gap:25px}
  .footer-links{flex-wrap:wrap;gap:16px}
  .contact{min-height:600px}
  .contact-pulse{width:590px;right:-300px;top:48%;opacity:.18}
  .field .hero{min-height:760px;min-height:100svh}
  .field .hero::before{background-image:url('/assets/immersive/mobile-route/000.webp');background-position:center 50%}
  .field .hero-mark{width:min(64vw,260px);top:34%}
  .field .hero-content{padding-top:290px;padding-bottom:73px;gap:18px}
  .field .hero h1{font-size:clamp(54px,14vw,82px);margin-top:14px}
  .field .hero-side p{font-size:14px;margin-bottom:18px}
  .field .hero-side .button{width:100%}
  .field .hero-index{bottom:16px;font-size:8px}
  .field .manifesto h2,.field .method h2{font-size:clamp(46px,11vw,68px)}
  .field .contact h2{font-size:clamp(56px,13vw,86px)}
  .signal .hero{min-height:auto;padding-top:99px}
  .signal .hero-grid{padding-top:18px;padding-bottom:45px;gap:25px}
  .signal .hero h1{font-size:clamp(62px,14vw,91px);margin-bottom:20px}
  .signal .hero-copy .eyebrow{margin-bottom:16px}
  .signal .hero-copy p:not(.eyebrow){font-size:15px;margin-bottom:23px}
  .signal .hero-art{min-height:310px;padding:20px}
  .signal .hero-art .glow-mark{width:185px}
  .signal .problem h2,.signal .solution h2,.signal .flow-title h2{font-size:clamp(49px,11vw,73px)}
  .signal .contact h2{font-size:clamp(56px,13vw,90px)}
  .horizon .hero{min-height:760px;min-height:100svh}
  .horizon .hero::before{background-image:url('/assets/immersive/mobile-route/000.webp');background-position:center 50%}
  .horizon .hero-inner{padding:115px 0 95px}
  .horizon .hero .glow-mark{width:210px;margin-bottom:0}
  .horizon .hero h1{font-size:clamp(55px,13vw,84px);margin:15px 0 19px}
  .horizon .hero-copy{font-size:14px}
  .horizon .story h2,.horizon .what h2,.horizon .way h2{font-size:clamp(48px,11vw,73px)}
  .horizon .story-photo{min-height:430px}
  .horizon .contact h2{font-size:clamp(56px,13vw,90px)}
}
@media(prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .js .reveal:not(.in){opacity:1;transform:none}
}

/* Luminous Field v2 — a continuous, quiet current of light. */
.field{--field-gold:#e7c48d;--field-ink:#102c3a;--field-mist:#e9eeea;--field-hairline:rgba(255,255,255,.25)}
.field .display{font-weight:650;letter-spacing:-.072em}
.field .hero::before{animation:none;transform:none}
.field .hero::after{background:linear-gradient(180deg,rgba(6,27,42,.76),rgba(12,41,57,.25) 35%,rgba(7,29,41,.38) 58%,rgba(6,26,37,.95))}
.field .hero-mark{top:43%;width:min(38vw,420px);transform:translate(calc(-50% + var(--pointer-x,0px)),calc(-50% + var(--pointer-y,0px)));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.field .hero-mark::before,.field .contact-pulse .glow-mark::before{inset:-10%;background:radial-gradient(circle,rgba(234,250,255,.46) 0%,rgba(187,225,244,.24) 25%,rgba(140,205,236,.12) 43%,transparent 68%);filter:none;opacity:.45;animation:field-halo 5.8s ease-in-out infinite}
.field .hero-mark::after,.field .contact-pulse .glow-mark::after{inset:11%;border-color:rgba(242,251,255,.46);box-shadow:0 0 0 1px rgba(242,251,255,.10),0 0 0 42px rgba(236,251,255,.055),0 0 0 87px rgba(236,251,255,.035);opacity:.48;animation:field-ring 5.8s ease-in-out infinite}
.field .hero-mark img,.field .contact-pulse .glow-mark img{width:53%;filter:brightness(0) invert(1) drop-shadow(0 0 18px rgba(221,249,255,.9)) drop-shadow(0 0 42px rgba(168,225,247,.68));animation:field-mark 5.8s ease-in-out infinite}
@keyframes field-halo{0%,100%{opacity:.48;transform:scale(.91)}45%{opacity:.94;transform:scale(1.13)}60%{opacity:.88;transform:scale(1.08)}}
@keyframes field-ring{0%,100%{opacity:.42;transform:scale(.96)}46%{opacity:.82;transform:scale(1.055)}}
@keyframes field-mark{0%,100%{opacity:.91;transform:scale(.985)}46%{opacity:1;transform:scale(1.045)}}
.field .hero .eyebrow{color:#f4e0ba}
.field .hero-content{padding-bottom:clamp(60px,7vw,94px)}
.field .hero-side{border-left:1px solid rgba(230,246,250,.48);padding-left:clamp(20px,3vw,42px)}
.field .hero-index{align-items:center}
.field .hero-index::before{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(232,248,255,.8),rgba(232,248,255,.16));order:1}
.field .hero-index span:last-child{order:2}
.field .section-head{position:relative;border-top-color:currentColor}
.field .section-head::before{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:var(--field-gold);box-shadow:0 0 11px 3px rgba(231,196,141,.35);transform:translateX(0);opacity:.7}
.field .section.is-active .section-head::before{animation:field-travel 1.65s cubic-bezier(.2,.7,.2,1) both}
@keyframes field-travel{0%{opacity:.8;transform:translateX(0)}75%{opacity:1}100%{opacity:.75;transform:translateX(min(18vw,210px))}}
.field .manifesto{background:var(--field-mist)}
.field .manifesto-grid>.eyebrow{position:relative;padding-left:20px;color:#5c6d70}
.field .manifesto-grid>.eyebrow::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#b58b57;box-shadow:0 0 0 5px rgba(181,139,87,.1)}
.field .manifesto-copy h2{margin-bottom:clamp(30px,4vw,60px)}
.field .manifesto-copy p{color:#334d55}
.field .button{position:relative;overflow:hidden}
.field .button::before{content:"";position:absolute;inset:0 auto 0 -80%;width:55%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);transition:transform .55s ease;pointer-events:none}
.field .button:hover::before,.field .button:focus-visible::before{transform:translateX(350%) skewX(-18deg)}
.field .button span:last-child{transition:transform .25s ease}
.field .button:hover span:last-child,.field .button:focus-visible span:last-child{transform:translate(2px,-2px)}
.field .services{background:linear-gradient(150deg,#163746,#102d3c 68%,#0e2937);color:#f4f5f0}
.field .services .section-head{margin-bottom:clamp(25px,4vw,55px)}
.field .service-list{display:block}
.field .services-intro,.field .method-intro{display:grid;grid-template-columns:1.2fr .6fr;align-items:end;gap:clamp(30px,7vw,120px);margin-bottom:clamp(70px,9vw,135px)}
.field .services-intro h2{font-size:clamp(52px,6.8vw,102px);max-width:900px}
.field .services-intro h2 em{font-style:normal;color:var(--field-gold)}
.field .services-intro p,.field .method-intro p{max-width:460px;padding-bottom:8px}
.field .services-intro p{color:#cfdddf}
.field .method-intro{grid-template-columns:1.2fr .6fr}
.field .method-intro h2{margin-bottom:0}
.field .method-intro p{color:#39525a}
.field .manifesto-aside{max-width:180px}
.field .aside-rule{display:block;width:1px;height:clamp(105px,14vw,220px);margin:24px 0 0 2px;background:linear-gradient(#c7a879,rgba(199,168,121,0))}
.field .service-card{position:relative;display:grid;grid-template-columns:minmax(115px,.22fr) minmax(300px,.98fr) minmax(180px,.6fr);align-items:center;gap:clamp(20px,3vw,46px);min-height:clamp(255px,24vw,330px);padding:clamp(32px,4vw,56px) 0;border:0;border-top:1px solid rgba(241,250,251,.28);background:transparent;overflow:hidden;transition:background .35s ease,padding .35s ease}
.field .service-card:last-child{border-bottom:1px solid rgba(241,250,251,.28)}
.field .service-card::before{content:"";position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--field-gold);box-shadow:0 0 10px rgba(231,196,141,.5);transition:width .6s ease}
.field .service-card:hover::before,.field .service-card:focus-within::before,.field .service-card.is-active::before{width:100%}
.field .service-index{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;color:var(--field-gold);font-size:12px;letter-spacing:.15em;font-weight:800}
.field .service-body h3{font-size:clamp(36px,4.3vw,68px);max-width:720px;line-height:1.04;letter-spacing:-.06em;font-weight:650;margin-bottom:18px}
.field .service-body p{max-width:500px;color:#c7d8da;font-size:clamp(14px,1.2vw,17px)}
.field .service-visual{position:relative;display:grid;place-items:center;min-height:178px;overflow:hidden;color:var(--field-gold)}
.field .service-visual::before{content:"";position:absolute;width:min(73%,170px);aspect-ratio:1;border:1px solid rgba(231,196,141,.45);border-radius:50%;box-shadow:0 0 0 28px rgba(231,196,141,.035),0 0 0 59px rgba(231,196,141,.025);transform:scale(.96);transition:transform .65s cubic-bezier(.2,.8,.2,1),border-color .65s ease}
.field .service-card:hover .service-visual::before,.field .service-card.is-active .service-visual::before{transform:scale(1.06);border-color:rgba(231,196,141,.78)}
.field .service-visual>*{position:relative;z-index:1;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s ease}
.field .service-card:hover .service-visual>*,.field .service-card.is-active .service-visual>*{transform:translateY(-4px) scale(1.03)}
.field .service-arrow{display:grid;place-items:center;width:44px;height:44px;margin-left:-8px;font-size:29px;font-weight:300;color:var(--field-gold);opacity:.65;transform:translate(-4px,0);transition:opacity .3s ease,transform .3s ease}
.field .service-card:hover .service-arrow,.field .service-card.is-active .service-arrow{opacity:1;transform:translate(0,-4px)}
.field .diagram-window{width:min(100%,230px);height:138px;border:1px solid rgba(225,247,247,.65);box-shadow:0 12px 28px rgba(4,20,27,.18),0 0 20px rgba(231,196,141,.09);background:rgba(232,248,246,.045)}
.field .diagram-window-top{display:flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-bottom:1px solid rgba(225,247,247,.35)}
.field .diagram-window-top i{width:4px;height:4px;border-radius:50%;background:#d7bb8e}
.field .diagram-window-top b{margin-left:auto;color:#d7e7e8;font-size:6px;letter-spacing:.13em}
.field .diagram-window-body{display:flex;gap:13px;height:calc(100% - 28px);padding:12px}
.field .diagram-sidebar{width:25%;height:100%;background:linear-gradient(180deg,rgba(231,196,141,.35) 8%,rgba(231,196,141,.08) 8%,rgba(231,196,141,.08) 38%,transparent 38%)}
.field .diagram-content{display:flex;flex:1;flex-direction:column;gap:9px}
.field .diagram-content i{display:block;height:14px;border:1px solid rgba(218,240,240,.38);background:rgba(228,246,244,.08)}
.field .diagram-content i{transform:scaleX(.72);transform-origin:left;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.field .diagram-content i:nth-child(2){transition-delay:.09s}
.field .diagram-content i:nth-child(3){transition-delay:.18s}
.field .service-card.is-active .diagram-content i,.field .service-card:hover .diagram-content i{transform:scaleX(1)}
.field .diagram-content i:nth-child(2){width:78%}
.field .diagram-content i:nth-child(3){width:58%;border-color:rgba(231,196,141,.55)}
.field .diagram-flow{display:flex;align-items:center;justify-content:center;gap:4px;width:min(100%,290px);color:#e9d0a7;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.field .diagram-flow span{display:grid;place-items:center;min-height:42px;padding:0 9px;border:1px solid rgba(231,196,141,.55);background:rgba(231,196,141,.07)}
.field .diagram-flow i{width:15px;height:1px;flex-shrink:0;background:linear-gradient(90deg,#e7c48d,rgba(231,196,141,.25));position:relative}
.field .diagram-flow i::before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#f1d6a8;box-shadow:0 0 8px rgba(241,214,168,.8);transform:translateX(0);transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.field .diagram-flow i:nth-of-type(2)::before{transition-delay:.2s}
.field .service-card.is-active .diagram-flow i::before,.field .service-card:hover .diagram-flow i::before{transform:translateX(12px)}
.field .diagram-flow i::after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;transform:rotate(45deg);border-top:1px solid #e7c48d;border-right:1px solid #e7c48d}
.field .diagram-queue{display:grid;gap:8px;width:min(100%,230px);color:#e3e7dc;font-size:8px;letter-spacing:.09em;font-weight:800}
.field .diagram-queue span{display:flex;align-items:center;gap:10px;height:29px;padding:0 10px;border:1px solid rgba(225,247,247,.27);background:rgba(226,244,243,.045)}
.field .diagram-queue span:nth-child(3){border-color:rgba(231,196,141,.62);color:#e9ca93}
.field .diagram-queue i{width:5px;height:5px;border-radius:50%;background:#a5bbc0;box-shadow:0 0 0 3px rgba(165,187,192,.13)}
.field .diagram-queue span i{transition:background .35s ease,box-shadow .35s ease}
.field .diagram-queue span:nth-child(2) i{transition-delay:.16s}
.field .diagram-queue span:nth-child(3) i{transition-delay:.32s}
.field .service-card.is-active .diagram-queue i,.field .service-card:hover .diagram-queue i{background:#e7c48d;box-shadow:0 0 0 3px rgba(231,196,141,.16),0 0 9px rgba(231,196,141,.45)}
.field .diagram-queue span:nth-child(3) i{background:#e7c48d;box-shadow:0 0 0 3px rgba(231,196,141,.16)}
.field .method{background:#e9eeea}
.field .step-grid{position:relative;gap:clamp(24px,3vw,44px)}
.field .step-grid::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#aebbc0}
.field .step{position:relative;border:0;padding-top:31px}
.field .step::before{content:"";position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:#a7b6b8;border:2px solid #e9eeea;box-shadow:0 0 0 1px #a7b6b8;transition:background .4s ease,box-shadow .4s ease,transform .4s ease}
.field .step.is-active::before,.field .step:hover::before{background:#c89b60;box-shadow:0 0 0 1px #bd8b53,0 0 13px 5px rgba(200,155,96,.26);transform:scale(1.15)}
.field .step-number{display:inline-flex;margin-bottom:48px;color:#9b784e;font-size:12px;font-weight:800;letter-spacing:.16em}
.field .step .eyebrow{margin-bottom:26px}
.field .step h3{max-width:280px;font-weight:650}
.field .step p:last-child{color:#39535a}
.field .step-signal{position:absolute;left:0;top:13px;display:block;width:36px;height:1px;background:#be955f;transform-origin:left;transform:scaleX(.4);transition:transform .7s ease}
.field .step.is-active .step-signal{transform:scaleX(1)}
.field .contact{background:radial-gradient(circle at 86% 50%,#173b4c 0%,#0b2837 47%,#092431 100%);min-height:660px}
.field .contact-pulse{z-index:0;right:-5%;width:min(59vw,790px);opacity:.42}
.field .contact-pulse .glow-mark{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate .5s cubic-bezier(.2,.8,.2,1)}
.field .contact-pulse::before{display:none}
.field .contact-pulse .glow-mark::before{opacity:.58}
.field .contact-pulse .glow-mark::after{opacity:.56}
.field .contact h2,.field .contact .body-lg,.field .contact .button{position:relative;z-index:2}
.field .contact .body-lg{color:#d0e0e2}
.field .site-footer{background:#092431}
.field .site-footer .brand img{filter:brightness(0) invert(1)}
.field .site-footer .brand{font-size:21px}
@media(max-width:900px){
  .field .services-intro,.field .method-intro{grid-template-columns:1fr;gap:24px;margin-bottom:65px}
  .field .service-card{grid-template-columns:85px minmax(0,1fr) minmax(130px,.43fr);gap:20px}
  .field .service-body h3{font-size:clamp(36px,5.3vw,55px)}
  .field .hero-mark{top:36%;width:min(50vw,330px)}
}
@media(max-width:640px){
  .field .hero{min-height:760px;min-height:100svh}
  .field .hero-mark{top:30%;width:min(67vw,280px)}
  .field .hero-content{padding-top:clamp(270px,44svh,390px);padding-bottom:76px;gap:17px}
  .field .hero h1{font-size:clamp(51px,13.5vw,80px)}
  .field .hero h1.hero-promise{font-size:clamp(39px,9.8vw,61px)}
  .field .hero-side{border-left:0;padding-left:0}
  .field .hero-side p{max-width:360px}
  .field .hero-index::before{display:none}
  .field .manifesto-copy h2{margin-bottom:26px}
  .field .service-card{grid-template-columns:46px minmax(0,1fr);min-height:0;gap:8px 12px;padding:35px 0 32px}
  .field .service-index{grid-column:1;grid-row:1 / span 2;font-size:10px}
  .field .service-index .number{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
  .field .service-body h3{font-size:clamp(32px,9vw,46px);margin-bottom:12px}
  .field .service-body p{font-size:14px;line-height:1.55}
  .field .service-visual{grid-column:2;grid-row:2;min-height:105px;place-items:start;padding-left:14px}
  .field .service-visual::before{width:93px;left:0;top:3px;box-shadow:0 0 0 15px rgba(231,196,141,.035),0 0 0 34px rgba(231,196,141,.025)}
  .field .service-arrow{font-size:23px}
  .field .diagram-window{height:103px;width:185px}
  .field .diagram-window-top{height:21px}
  .field .diagram-window-body{height:calc(100% - 21px);padding:9px}
  .field .diagram-content{gap:5px}
  .field .diagram-content i{height:11px}
  .field .diagram-flow{justify-content:start;font-size:6px;gap:3px}
  .field .diagram-flow span{min-height:32px;padding:0 5px}
  .field .diagram-flow i{width:10px}
  .field .diagram-queue{width:185px;gap:5px;font-size:6px}
  .field .diagram-queue span{height:25px}
  .field .step-grid{gap:0;padding-left:29px}
  .field .step-grid::before{top:0;bottom:0;left:3px;right:auto;width:1px;height:auto}
  .field .step{padding:0 0 45px}
  .field .step:last-child{padding-bottom:0}
  .field .step::before{left:-31px;top:2px}
  .field .step-number{margin-bottom:24px}
  .field .step .eyebrow{margin-bottom:16px}
  .field .step-signal{margin-top:18px}
  .field .contact{min-height:630px}
  .field .contact-pulse{width:430px;right:-95px;top:75%;opacity:.27}
  .field .contact h2{max-width:340px}
}
@media(hover:none){
  .field .hero-mark{--pointer-x:0px!important;--pointer-y:0px!important}
  .field .service-card:hover::before{width:0}
}
@media(prefers-reduced-motion:reduce){
  .field .hero-mark{--pointer-x:0px!important;--pointer-y:0px!important}
  .field .contact-pulse .glow-mark{--pointer-x:0px!important;--pointer-y:0px!important}
  .field .hero-mark::before,.field .hero-mark::after,.field .hero-mark img,.field .contact-pulse .glow-mark::before,.field .contact-pulse .glow-mark::after,.field .contact-pulse .glow-mark img{animation:none!important;transform:none!important;opacity:.8}
  .field .section.is-active .section-head::before{animation:none!important}
}

/* Luminous Field v3 — one orbit, one useful interactive example. */
.field .hero-orbit{position:absolute;z-index:1;left:50%;top:43%;width:min(50vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;isolation:isolate}
.field .hero-orbit-track{position:absolute;display:block;border-radius:50%;inset:0;opacity:.76;background:conic-gradient(from -27deg,transparent 0 28deg,rgba(232,248,249,.66) 29deg 65deg,transparent 66deg 107deg,rgba(232,248,249,.36) 108deg 181deg,transparent 182deg 219deg,rgba(232,248,249,.55) 220deg 287deg,transparent 288deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));animation:field-orbit 31s linear infinite}
.field .hero-orbit-track-inner{inset:12%;opacity:.4;background:conic-gradient(from 34deg,rgba(229,245,250,.5) 0 49deg,transparent 50deg 151deg,rgba(231,196,141,.62) 152deg 213deg,transparent 214deg 322deg,rgba(229,245,250,.5) 323deg 360deg);animation:field-orbit-reverse 43s linear infinite}
.field .hero-orbit-node{position:absolute;inset:0;display:block;animation:field-orbit 31s linear infinite}
.field .hero-orbit-node::before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:#e9d1a7;box-shadow:0 0 10px 3px rgba(232,204,151,.52);transform:translateX(-50%)}
.field .hero-orbit-node-two{animation-delay:-10s}
.field .hero-orbit-node-two::before{width:3px;height:3px;top:-1px;background:#d7f4fc;box-shadow:0 0 7px 2px rgba(215,244,252,.45)}
.field .hero-orbit-node-three{animation-delay:-20s}
.field .hero-orbit-node-three::before{width:3px;height:3px;top:-1px;background:#d7f4fc;box-shadow:0 0 7px 2px rgba(215,244,252,.45)}
.field .hero-orbit-label{position:absolute;color:rgba(232,246,249,.73);font-size:9px;line-height:1;font-weight:750;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 6px rgba(5,24,34,.6)}
.field .hero-orbit-label-one{left:4%;top:20%}
.field .hero-orbit-label-two{right:0;top:30%}
.field .hero-orbit-label-three{right:8%;bottom:15%}
@keyframes field-orbit{to{transform:rotate(360deg)}}
@keyframes field-orbit-reverse{to{transform:rotate(-360deg)}}
.field .friction-map{margin-top:clamp(90px,11vw,160px);padding:clamp(24px,4.6vw,58px);background:#143542;color:#edf2ec;border:1px solid rgba(17,51,62,.32);box-shadow:0 22px 54px rgba(24,50,54,.10)}
.field .friction-map-heading{display:grid;grid-template-columns:1.2fr .6fr;gap:clamp(20px,6vw,95px);align-items:end;padding-bottom:clamp(30px,4vw,52px);border-bottom:1px solid rgba(232,246,246,.25)}
.field .friction-map-heading .eyebrow{color:var(--field-gold);margin-bottom:20px}
.field .friction-map-heading h3{max-width:790px;font-size:clamp(34px,4.2vw,64px);font-weight:650;line-height:1.06;letter-spacing:-.06em;text-wrap:balance}
.field .friction-map-heading>p{max-width:320px;color:#c9d9d9;font-size:14px}
.field .friction-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(20px,3vw,35px);border-top:1px solid rgba(232,246,246,.18);border-bottom:1px solid rgba(232,246,246,.18)}
.field .friction-choice{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px clamp(12px,2vw,24px);border:0;border-right:1px solid rgba(232,246,246,.18);background:transparent;color:#e5edeb;text-align:left;font-size:clamp(12px,1.25vw,16px);font-weight:750;cursor:pointer;transition:background .3s ease,color .3s ease}
.field .friction-choice:last-child{border-right:0}
.field .friction-choice>span:first-child{font-size:10px;letter-spacing:.1em;color:#d4b88b}
.field .friction-choice>span:last-child{margin-left:auto;font-size:20px;font-weight:350;opacity:.48;transition:opacity .3s ease,transform .3s ease}
.field .friction-choice:hover,.field .friction-choice:focus-visible,.field .friction-choice.is-active{background:rgba(231,196,141,.12);color:#f9edd8}
.field .friction-choice.is-active>span:last-child{opacity:1;transform:translate(2px,-2px)}
.field .friction-result{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,95px);align-items:end;padding-top:clamp(35px,4vw,58px)}
.field .friction-result-copy{max-width:470px}
.field .friction-result-copy .eyebrow{color:var(--field-gold);margin-bottom:15px}
.field .friction-result-copy [data-field-friction-description]{color:#e4eeeb;font-size:clamp(15px,1.4vw,19px);line-height:1.55}
.field .friction-route{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:15px 0 8px;--route-stop:15%}
.field .friction-route::before{content:"";position:absolute;left:15%;right:15%;top:4px;height:1px;background:linear-gradient(90deg,rgba(231,196,141,.18),rgba(231,196,141,.8),rgba(231,196,141,.18))}
.field .friction-route::after{content:"";position:absolute;left:var(--route-stop);top:1px;width:7px;height:7px;border-radius:50%;background:#e7c48d;box-shadow:0 0 9px 2px rgba(231,196,141,.46);transform:translateX(-50%);transition:left .75s cubic-bezier(.22,.78,.24,1)}
.field .friction-route[data-friction-mode="information"]{--route-stop:50%}
.field .friction-route[data-friction-mode="handoffs"]{--route-stop:85%}
.field .manifesto{padding-top:clamp(70px,8vw,115px)}
.field .manifesto .section-head{margin-bottom:clamp(35px,4vw,60px)}
.field .manifesto h2{font-size:clamp(48px,5.75vw,88px)}
.field .manifesto-copy h2{margin-bottom:clamp(25px,3vw,42px)}
.field .manifesto-copy p{margin-bottom:15px}
.field .manifesto-copy .button{margin-top:8px}
.field .friction-map{margin-top:clamp(45px,5vw,70px)}
.field .friction-route span{display:grid;place-items:center;min-height:82px;padding:12px 8px;border:1px solid rgba(227,244,243,.42);color:#e5eeeb;font-size:clamp(9px,1vw,12px);font-weight:780;letter-spacing:.05em;text-align:center;text-transform:uppercase;transition:border-color .35s ease,background .35s ease,box-shadow .35s ease;overflow-wrap:anywhere}
.field .friction-route i{display:block;position:relative;width:100%;height:1px;background:#c6ac7f}
.field .friction-route i::after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid #d9be91;border-right:1px solid #d9be91;transform:rotate(45deg)}
.field .friction-route[data-friction-mode="leads"] span:first-child,.field .friction-route[data-friction-mode="information"] span:nth-of-type(2),.field .friction-route[data-friction-mode="handoffs"] span:nth-of-type(3){border-color:#e7c48d;background:rgba(231,196,141,.11);box-shadow:0 0 18px rgba(231,196,141,.12)}
.field .service-visual{min-height:215px}
.field .service-visual::before{width:min(82%,210px)}
.field .diagram-window{width:min(100%,290px);height:176px}
.field .diagram-window-top{height:33px}
.field .diagram-window-top b{font-size:8px}
.field .diagram-window-body{height:calc(100% - 33px);padding:15px;gap:17px}
.field .diagram-content{gap:12px}
.field .diagram-content i{height:18px}
.field .diagram-flow{width:min(100%,315px);font-size:9px;gap:6px}
.field .diagram-flow span{min-height:58px;padding:0 12px}
.field .diagram-flow i{width:20px}
.field .service-card.is-active .diagram-flow i::before,.field .service-card:hover .diagram-flow i::before{transform:translateX(17px)}
.field .diagram-queue{width:min(100%,285px);gap:10px;font-size:9px}
.field .diagram-queue span{height:40px;padding-inline:14px}
.field .friction-controls{display:none}
.field.field-friction-ready .friction-controls{display:grid}
.field .diagram-sidebar{display:flex;flex-direction:column;gap:8px;width:29%;height:100%;padding:10px 7px;background:rgba(235,246,243,.06);border-right:1px solid rgba(225,247,247,.17);color:#c1d6d6;font-size:7px;line-height:1.2;letter-spacing:.02em}
.field .diagram-sidebar span:first-child{color:#edc992}
.field .diagram-content{min-width:0;gap:8px}
.field .diagram-content-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e2ece9;font-size:9px;font-weight:800;white-space:nowrap}
.field .diagram-content-heading small{color:#d7b27b;font-size:7px}
.field .diagram-task{display:flex;align-items:center;gap:6px;min-height:19px;padding:2px 5px;border:1px solid rgba(218,240,240,.29);background:rgba(228,246,244,.06);color:#d8e5e2;font-size:7px;line-height:1.1;white-space:nowrap;transform:translateX(-3px);opacity:.75;transition:transform .5s ease,opacity .5s ease}
.field .diagram-task:nth-child(3){transition-delay:.1s}
.field .diagram-task:nth-child(4){transition-delay:.2s}
.field .service-card.is-active .diagram-task,.field .service-card:hover .diagram-task{transform:translateX(0);opacity:1}
.field .diagram-task i{display:block;flex:0 0 4px;width:4px;height:4px;padding:0;border:0;border-radius:50%;background:#e7c48d;transform:none;transition:none}
.field .diagram-task b{margin-left:auto;color:#d8b885;font-size:6px;font-weight:800}
.field .diagram-flow{display:grid;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr) 17px minmax(0,1fr);align-items:center;gap:4px;white-space:normal}
.field .diagram-flow span{min-width:0;min-height:61px;overflow-wrap:anywhere;line-height:1.2;text-align:center}
.field .diagram-flow i{width:100%}
.field .diagram-flow-caption{grid-column:1 / -1;justify-self:center;margin-top:10px;color:#b9ced0;font-size:9px;font-weight:650;letter-spacing:.04em;text-transform:none}
.field .diagram-queue span b{margin-left:auto;color:#d5ba8c;font-size:8px}
.field .diagram-queue-foot{color:#b9ced0;font-size:9px;font-weight:650;letter-spacing:.03em;text-align:center}
@media(max-width:900px){
  .field .hero-orbit{top:36%;width:min(64vw,430px)}
  .field .friction-map-heading,.field .friction-result{grid-template-columns:1fr;gap:24px}
  .field .friction-map-heading>p{max-width:570px}
  .field .friction-result{align-items:start}
  .field .friction-route{max-width:650px}
  .field .service-visual{min-height:190px}
  .field .diagram-window{width:min(100%,250px);height:155px}
  .field .diagram-flow{font-size:7px;gap:3px}
  .field .diagram-flow span{min-height:43px;padding:0 7px}
  .field .diagram-flow i{width:12px}
  .field .service-card.is-active .diagram-flow i::before,.field .service-card:hover .diagram-flow i::before{transform:translateX(9px)}
  .field .diagram-queue{font-size:7px}
  .field .diagram-queue span{height:34px}
  .field .diagram-sidebar{font-size:6px;gap:6px}
  .field .diagram-task{font-size:6px;min-height:17px}
  .field .diagram-content-heading{font-size:8px}
  .field .diagram-flow{grid-template-columns:minmax(0,1fr) 11px minmax(0,1fr) 11px minmax(0,1fr)}
  .field .diagram-flow span{min-height:48px}
}
@media(max-width:640px){
  .field .hero-orbit{top:30%;width:min(86vw,360px)}
  .field .hero-orbit-label{display:none}
  .field .friction-map{margin-top:88px;padding:24px 18px}
  .field .manifesto{padding-top:70px}
  .field .manifesto .section-head{margin-bottom:30px}
  .field .aside-rule{height:40px}
  .field .friction-map{margin-top:55px}
  .field .friction-map-heading{padding-bottom:27px}
  .field .friction-map-heading h3{font-size:clamp(33px,9vw,45px)}
  .field .friction-controls{grid-template-columns:1fr;margin-top:23px}
  .field .friction-choice{min-height:54px;border-right:0;border-bottom:1px solid rgba(232,246,246,.18)}
  .field .friction-choice:last-child{border-bottom:0}
  .field .friction-result{padding-top:29px;gap:26px}
  .field .friction-route{grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr);gap:3px}
  .field .friction-route span{min-height:65px;font-size:8px;padding:8px 3px}
  .field .service-visual{min-height:150px;padding-left:0}
  .field .service-visual::before{width:125px;left:calc(50% - 62px);top:8px}
  .field .diagram-window{width:min(100%,235px);height:140px}
  .field .diagram-window-top{height:27px}
  .field .diagram-window-top b{font-size:7px}
  .field .diagram-window-body{height:calc(100% - 27px);padding:11px;gap:12px}
  .field .diagram-content{gap:8px}
  .field .diagram-content i{height:15px}
  .field .diagram-flow{font-size:7px;width:min(100%,235px);gap:3px}
  .field .diagram-flow span{min-height:44px;padding:0 5px}
  .field .diagram-flow i{width:10px}
  .field .diagram-queue{width:min(100%,235px);font-size:7px;gap:8px}
  .field .diagram-queue span{height:34px;padding-inline:10px}
  .field .diagram-window{width:min(100%,235px)}
  .field .diagram-sidebar{width:28%;font-size:7px;padding:7px 4px;gap:6px}
  .field .diagram-content{gap:5px}
  .field .diagram-content-heading{font-size:8px}
  .field .diagram-task{min-height:16px;font-size:7px;padding:1px 3px;gap:3px}
  .field .diagram-task b{font-size:6px}
  .field .diagram-flow{grid-template-columns:minmax(0,1fr) 9px minmax(0,1fr) 9px minmax(0,1fr);gap:2px}
  .field .diagram-flow span{min-height:42px;padding:3px;line-height:1.15}
  .field .diagram-flow-caption,.field .diagram-queue-foot{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .field .hero-orbit-track,.field .hero-orbit-node{animation:none!important}
  .field .hero-orbit-node-two{transform:rotate(120deg)}
  .field .hero-orbit-node-three{transform:rotate(240deg)}
}

/* Carry the desktop landscape into the phone hero and make the illustrative
   service visuals readable at their actual display size. */
.field .service-visual-software::before,
.field .service-visual-connections::before,
.field .service-visual-automation::before{
  display:block;left:50%;top:50%;width:75%;height:60%;aspect-ratio:auto;
  border:0;border-radius:50%;box-shadow:none;
  background:radial-gradient(ellipse,rgba(169,232,241,.4),rgba(95,171,190,.2) 48%,transparent 72%);
  filter:blur(17px);transform:translate(-50%,-50%);pointer-events:none
}
.field .service-card:hover .service-visual::before,
.field .service-card.is-active .service-visual::before{transform:translate(-50%,-50%)}
.field .service-visual-software{overflow:visible;padding:12px 8px 22px}
.field .diagram-window{
  position:relative;width:min(100%,320px);height:190px;overflow:visible;
  border:1px solid rgba(250,255,255,.93);border-radius:16px 16px 6px 6px;
  background:linear-gradient(138deg,rgba(243,253,254,.78),rgba(188,228,234,.53) 48%,rgba(117,181,198,.36));
  box-shadow:inset 0 1px rgba(255,255,255,.95),inset 1px 0 rgba(255,255,255,.55),0 21px 36px rgba(2,17,26,.34),0 0 42px rgba(153,224,236,.21);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)
}
.field .diagram-window::before{
  content:"";position:absolute;z-index:2;inset:1px;border-radius:15px 15px 5px 5px;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.35),transparent 33%,transparent 68%,rgba(229,254,255,.13));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)
}
.field .diagram-window::after{
  content:"";position:absolute;left:0;right:0;top:100%;height:11px;
  border:1px solid rgba(240,251,251,.82);border-radius:1px 1px 10px 10px;
  background:radial-gradient(ellipse 19% 44% at 50% 0,rgba(63,92,102,.56),transparent 84%),linear-gradient(180deg,#f1f8f7,#b3cbd0 48%,#668996 82%,#9ab8be);
  box-shadow:inset 0 1px rgba(255,255,255,.8),0 7px 13px rgba(2,17,25,.24)
}
.field .diagram-window-top{height:36px;padding-inline:12px;gap:5px;border-color:rgba(49,94,107,.23);border-radius:15px 15px 0 0;background:rgba(255,255,255,.26)}
.field .diagram-window-top i{width:5px;height:5px;background:#aa8250;box-shadow:0 1px 1px rgba(255,255,255,.72)}
.field .diagram-window-top b{font-size:8px;letter-spacing:.1em;color:#264758}
.field .diagram-window-body{height:calc(100% - 36px);gap:10px;padding:10px}
.field .diagram-sidebar{width:29%;gap:10px;padding:11px 8px;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:rgba(246,255,255,.25);font-size:9px;line-height:1.15;color:#315569}
.field .diagram-sidebar span:first-child{color:#785429;font-weight:800}
.field .diagram-content{gap:8px}
.field .diagram-content-heading{font-size:11px;color:#193b4c}
.field .diagram-content-heading small{font-size:9px;color:#68471f}
.field .diagram-task{min-height:26px;gap:6px;padding:4px 6px;border-color:rgba(250,255,255,.64);border-radius:7px;background:rgba(255,255,255,.34);box-shadow:inset 0 1px rgba(255,255,255,.48);color:#1b3e4f;font-size:9px;opacity:1;transform:none}
.field .diagram-task i{flex-basis:5px;width:5px;height:5px;background:#b2864f}
.field .diagram-task b{font-size:8px;color:#65431c}
.field .service-visual-connections,
.field .service-visual-automation{overflow:visible;padding:10px}
.field .diagram-flow,
.field .diagram-queue{
  width:min(100%,320px);padding:16px;border:1px solid rgba(248,255,255,.79);border-radius:18px;
  background:linear-gradient(135deg,rgba(233,252,253,.61),rgba(161,214,225,.38) 55%,rgba(111,178,197,.29));
  box-shadow:inset 0 1px rgba(255,255,255,.84),0 15px 28px rgba(3,19,27,.24),0 0 31px rgba(152,224,238,.13);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)
}
.field .diagram-flow{font-size:9px;gap:5px}
.field .diagram-flow span{min-height:60px;padding:6px 4px;border-color:rgba(60,112,127,.36);border-radius:9px;background:rgba(255,255,255,.28);color:#173b4b}
.field .diagram-flow i{background:linear-gradient(90deg,#6f7f77,rgba(69,114,123,.5))}
.field .diagram-flow i::after{border-color:#4e6f76}
.field .diagram-flow-caption,.field .diagram-queue-foot{font-size:10px;font-weight:750;color:#143746}
.field .diagram-queue{gap:8px;font-size:10px}
.field .diagram-queue span{height:35px;border-color:rgba(60,112,127,.36);border-radius:8px;background:rgba(255,255,255,.26);color:#173b4b}
.field .diagram-queue span:nth-child(3){color:#513a19;border-color:rgba(135,98,49,.58)}
.field .diagram-queue span b{font-size:9px;color:#513a19}
@media(min-width:641px) and (max-width:900px){
  .field .service-card{grid-template-columns:75px minmax(0,1fr);gap:18px 20px}
  .field .service-index{grid-column:1;grid-row:1 / span 2}
  .field .service-body{grid-column:2;grid-row:1}
  .field .service-visual{grid-column:2;grid-row:2;justify-self:center;width:min(100%,350px);min-height:0}
  .field .service-visual-software{padding-left:7px;padding-right:17px}
}
@media(max-width:640px){
  .field .hero::before{background-image:url('/assets/immersive/mountain-panorama-v2.webp');background-position:50% 50%}
  .field .service-visual{grid-column:2;grid-row:2;width:100%;min-height:0;padding:16px 12px 20px 0;place-items:stretch}
  .field .service-visual-software{padding-bottom:25px}
  .field .diagram-window{width:min(100%,320px);height:178px}
  .field .diagram-window-top{height:33px}
  .field .diagram-window-body{height:calc(100% - 33px);padding:9px;gap:8px}
  .field .diagram-sidebar{font-size:8px;gap:9px;padding:10px 6px}
  .field .diagram-content{gap:7px}
  .field .diagram-content-heading{font-size:10px}
  .field .diagram-task{min-height:24px;font-size:8px;padding:3px 5px;gap:5px}
  .field .diagram-task b{font-size:7px}
  .field .diagram-flow{width:100%;font-size:9px;gap:4px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}
  .field .diagram-flow span{min-height:58px;padding:5px 3px}
  .field .diagram-flow i{width:100%}
  .field .diagram-queue{width:100%;gap:8px;font-size:10px}
  .field .diagram-queue span{height:36px;padding-inline:10px}
}
@media(max-width:359px){
  .field .diagram-sidebar{display:none}
  .field .diagram-task{font-size:10px}
  .field .diagram-task b{font-size:8px}
  .field .diagram-flow,.field .diagram-queue{padding:12px}
  .field .diagram-flow{font-size:8px}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .field .diagram-window{background:#d2e8ec}
  .field .diagram-flow,.field .diagram-queue{background:#bedbe1}
}

/* Searchable service pages share the live site's type, color, and contact path. */
.field .service-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px}
.field .service-links a{font-size:13px;font-weight:750;color:#f0d5a7;text-decoration:underline;text-decoration-color:#f0d5a766;text-underline-offset:5px}
.field .service-links a:hover{text-decoration-color:currentColor}
.field.service-page .topbar{position:absolute;color:#fff}
.field.service-page .detail-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:end;padding:170px 0 100px;background:#102d3c;color:#f6f7f3;overflow:hidden}
.field.service-page .detail-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/immersive/mountain-panorama-v2.webp') center 50%/cover no-repeat;opacity:.66}
.field.service-page .detail-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,34,48,.91),rgba(8,34,48,.64) 68%,rgba(8,34,48,.42)),linear-gradient(0deg,rgba(8,34,48,.7),transparent 55%)}
.field.service-page .detail-hero-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:clamp(30px,6vw,100px)}
.field.service-page .detail-hero h1{font-size:clamp(56px,7vw,112px);max-width:940px;margin-top:22px}
.field.service-page .detail-hero .body-lg{max-width:430px;border-left:1px solid rgba(235,248,249,.6);padding-left:26px}
.field.service-page .detail-section{padding:clamp(88px,11vw,150px) 0}
.field.service-page .detail-light{background:#e8ede9;color:#132f3b}
.field.service-page .detail-dark{background:#153240;color:#f4f5f0}
.field.service-page .detail-split{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(35px,8vw,130px)}
.field.service-page .detail-split>.eyebrow{padding-top:12px;color:#7c674b}
.field.service-page .detail-split h2,.field.service-page .detail-heading,.field.service-page .detail-next h2{font-size:clamp(43px,5.7vw,82px);max-width:900px;margin-bottom:32px}
.field.service-page .detail-split .body-lg{max-width:760px;color:#334d55}
.field.service-page .detail-note{max-width:700px;margin-top:40px;padding:20px 0 0;border-top:1px solid #b2c2c0;font-size:16px;color:#38545a}
.field.service-page .detail-heading{margin-bottom:clamp(45px,6vw,78px)}
.field.service-page .detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.field.service-page .detail-card{min-height:265px;padding:28px;border:1px solid rgba(244,250,250,.34);background:rgba(255,255,255,.055)}
.field.service-page .detail-card .eyebrow{color:#e7c48d}
.field.service-page .detail-card h3{font-size:clamp(25px,2.7vw,37px);letter-spacing:-.06em;line-height:1.1;margin:44px 0 18px}
.field.service-page .detail-card p{font-size:15px;color:#d2e1e2}
.field.service-page .detail-next{background:#dbe5e2;color:#132f3b}
.field.service-page .detail-related{display:flex;flex-wrap:wrap;gap:12px}
.field.service-page .detail-related a{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:15px 20px;border:1px solid #607b80;font-size:13px;font-weight:800}
.field.service-page .detail-related a:hover{background:#153240;color:#fff}
.field.service-page .contact{min-height:0}
.field.service-page .contact h2{font-size:clamp(58px,9vw,138px)}
@media(max-width:900px){
  .field.service-page .detail-hero-inner,.field.service-page .detail-split{grid-template-columns:1fr}
  .field.service-page .detail-hero .body-lg{max-width:700px}
  .field.service-page .detail-grid{grid-template-columns:1fr}
  .field.service-page .detail-card{min-height:0}
  .field.service-page .detail-card h3{margin-top:24px}
}
@media(max-width:640px){
  .field.service-page .detail-hero{min-height:700px;padding:135px 0 75px}
  .field.service-page .detail-hero h1{font-size:clamp(51px,12vw,76px)}
  .field.service-page .detail-hero .body-lg{font-size:16px;padding-left:18px}
  .field.service-page .detail-section{padding:88px 0}
  .field.service-page .detail-split{gap:25px}
  .field.service-page .detail-split h2,.field.service-page .detail-heading,.field.service-page .detail-next h2{font-size:clamp(43px,10vw,62px)}
  .field.service-page .detail-related{display:grid}
  .field.service-page .detail-card{padding:24px}
  .field.service-page .contact{padding-block:88px}
}

/* A distinct, illustrative first impression for each service. */
.field.service-page .detail-hero{min-height:760px;align-items:center;padding:145px 0 95px;background:#0c2938}
.field.service-page .detail-hero::before{background-position:60% 40%;opacity:.46}
.field.service-page .detail-hero::after{background:linear-gradient(90deg,rgba(5,29,42,.94),rgba(7,34,48,.78) 52%,rgba(9,38,51,.66)),linear-gradient(0deg,rgba(6,26,37,.84),transparent 55%)}
.field.service-page .detail-hero-inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(36px,4.5vw,75px)}
.field.service-page .detail-hero-copy{position:relative;z-index:2}
.field.service-page .detail-hero h1{font-size:clamp(56px,6vw,91px);margin:25px 0 32px;max-width:750px}
.field.service-page .detail-hero .body-lg{max-width:600px;border:0;padding:0;color:#dce9e7;font-size:clamp(16px,1.25vw,19px)}
.field.service-page .detail-hero-link{display:inline-flex;align-items:center;gap:60px;margin-top:36px;padding:0 0 12px;border-bottom:1px solid #e4c08a;color:#f5dfb9;font-size:13px;font-weight:780}
.field.service-page .detail-hero-link span{font-size:20px;line-height:1}
.field.service-page .detail-visual{position:relative;min-width:0;min-height:440px;display:grid;place-items:center;isolation:isolate;perspective:1100px}
.field.service-page .detail-visual::before{content:"";position:absolute;z-index:-1;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(137,205,219,.28),rgba(90,148,169,.13) 42%,transparent 70%);filter:blur(12px)}
.field.service-page .detail-visual-caption{position:absolute;top:0;left:0;right:0;padding-bottom:12px;border-bottom:1px solid rgba(229,243,243,.4);font-size:10px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:#f0d1a0}
.field.service-page .web-frame{position:relative;width:min(100%,580px);height:365px;margin-top:24px;border:1px solid rgba(255,255,255,.75);border-radius:14px;overflow:hidden;background:#e5ece7;box-shadow:0 30px 60px rgba(1,17,26,.45),0 0 0 7px rgba(222,248,249,.07),inset 0 1px rgba(255,255,255,.9);transform:rotateY(-8deg) rotateX(3deg);transition:transform .5s ease}
.field.service-page .detail-visual-websites:hover .web-frame{transform:rotateY(-2deg) rotateX(1deg) translateY(-6px)}
.field.service-page .web-frame-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#224350;background:#e3eae6;font-size:9px;letter-spacing:.14em}
.field.service-page .web-frame-bar>span,.field.service-page .software-bar>span{display:flex;gap:5px}
.field.service-page .web-frame-bar i,.field.service-page .software-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#b18e61}
.field.service-page .web-frame-bar i:nth-child(2),.field.service-page .software-bar i:nth-child(2){opacity:.55}
.field.service-page .web-frame-bar i:nth-child(3),.field.service-page .software-bar i:nth-child(3){opacity:.28}
.field.service-page .web-frame-bar b{font-weight:800}
.field.service-page .web-frame-bar small{font-size:17px}
.field.service-page .web-frame-scene{position:relative;height:270px;padding:36px;background:linear-gradient(90deg,rgba(6,31,42,.77),rgba(7,33,46,.22)),url('/assets/immersive/mountain-panorama-v2.webp') center/cover;color:white;display:flex;flex-direction:column;justify-content:space-between}
.field.service-page .web-frame-scene p{font-size:clamp(38px,4vw,62px);font-weight:700;line-height:.98;letter-spacing:-.075em}
.field.service-page .web-frame-scene em{font-style:normal;color:#e7c48d}
.field.service-page .web-frame-scene span{align-self:flex-start;padding:10px 12px;border:1px solid rgba(255,255,255,.6);font-size:8px;letter-spacing:.13em;font-weight:800}
.field.service-page .web-frame-base{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#153743;font-size:12px;font-weight:800}
.field.service-page .web-frame-base b{color:#866946;font-size:10px;letter-spacing:.12em}
.field.service-page .web-note{position:absolute;right:-4px;bottom:24px;max-width:190px;padding:18px 20px;border:1px solid rgba(255,255,255,.75);border-radius:12px;background:rgba(207,231,230,.87);box-shadow:0 14px 28px rgba(1,22,31,.35);color:#173845;font-size:13px;font-weight:800;line-height:1.3;transform:rotate(4deg)}
.field.service-page .software-device{width:min(100%,570px);margin-top:24px;border:1px solid rgba(247,255,255,.8);border-radius:16px 16px 5px 5px;background:linear-gradient(135deg,#d6e5e6,#688b97 75%,#d4e8e8);padding:7px;box-shadow:0 32px 62px rgba(1,18,28,.45),0 0 0 7px rgba(211,245,248,.08);transform:rotateY(7deg) rotateX(3deg);transition:transform .5s ease}
.field.service-page .detail-visual-software:hover .software-device{transform:rotateY(1deg) rotateX(1deg) translateY(-5px)}
.field.service-page .software-screen{height:335px;border-radius:10px 10px 1px 1px;overflow:hidden;background:linear-gradient(145deg,rgba(229,247,247,.9),rgba(151,201,210,.82));color:#1b404e}
.field.service-page .software-bar{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.38);border-bottom:1px solid rgba(28,77,91,.18);font-size:8px;letter-spacing:.14em}
.field.service-page .software-layout{height:calc(100% - 34px);display:grid;grid-template-columns:105px 1fr}
.field.service-page .software-rail{display:flex;flex-direction:column;gap:18px;padding:20px 13px;background:rgba(16,61,75,.78);color:#d4e9e7;font-size:10px}
.field.service-page .software-rail strong{color:#e7c48d;font-size:24px;line-height:1}
.field.service-page .software-rail span:first-of-type{color:#f6d8a5}
.field.service-page .software-main{padding:26px 26px 20px;min-width:0}
.field.service-page .software-main small{font-size:9px;font-weight:800;letter-spacing:.16em;color:#6d604a}
.field.service-page .software-main h3{margin:13px 0 20px;font-size:clamp(24px,2.7vw,38px);line-height:1.05;letter-spacing:-.065em}
.field.service-page .software-row{display:flex;align-items:center;gap:9px;margin-top:6px;padding:8px 10px;border:1px solid rgba(62,116,129,.3);border-radius:7px;background:rgba(255,255,255,.46);font-size:11px}
.field.service-page .software-row i{width:7px;height:7px;border-radius:50%;background:#bd8f55}
.field.service-page .software-row b{margin-left:auto;color:#795d36;font-size:9px}
.field.service-page .software-stand{position:absolute;left:0;right:0;bottom:16px;margin:auto;width:min(104%,590px);height:12px;border:1px solid rgba(239,250,250,.8);border-radius:2px 2px 12px 12px;background:linear-gradient(#e9f5f4,#8aabb0 55%,#547986);box-shadow:0 9px 16px rgba(1,18,27,.35)}
.field.service-page .software-foot{position:absolute;bottom:17px;left:45%;width:10%;height:7px;border-radius:0 0 8px 8px;background:rgba(36,79,92,.35)}
.field.service-page .ai-stage{position:relative;width:min(100%,590px);min-height:350px;margin-top:23px;padding:40px 28px 25px;border:1px solid rgba(235,253,252,.67);border-radius:24px;background:linear-gradient(130deg,rgba(224,247,247,.26),rgba(84,151,171,.2) 42%,rgba(11,59,77,.4));box-shadow:inset 0 1px rgba(255,255,255,.48),0 30px 55px rgba(2,18,28,.43);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}
.field.service-page .ai-halo{position:absolute;left:50%;top:46%;width:52%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(229,246,234,.56),rgba(147,212,214,.27) 35%,transparent 69%);filter:blur(8px)}
.field.service-page .ai-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:7px;min-height:250px}
.field.service-page .ai-node{height:155px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px;border:1px solid rgba(248,255,255,.7);border-radius:15px;background:rgba(225,245,245,.82);color:#173d49;box-shadow:0 12px 22px rgba(2,29,40,.25)}
.field.service-page .ai-node-core{height:187px;background:linear-gradient(150deg,#f4f5e8,#c3e2df 70%);box-shadow:0 0 24px rgba(228,247,222,.42),0 16px 28px rgba(2,29,40,.3)}
.field.service-page .ai-node small{font-size:8px;letter-spacing:.1em;font-weight:800;color:#735b3d}
.field.service-page .ai-node b{font-size:clamp(18px,2vw,28px);letter-spacing:-.06em;line-height:1}
.field.service-page .ai-node span{font-size:9px;line-height:1.25}
.field.service-page .ai-flow>i{height:1px;background:#e9dfbc;box-shadow:0 0 10px #d4f5ed;position:relative}
.field.service-page .ai-flow>i::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;transform:rotate(45deg);border-top:1px solid #f4e8bd;border-right:1px solid #f4e8bd}
.field.service-page .ai-stage-foot{position:relative;display:flex;justify-content:space-between;gap:8px;color:#e5ecdf;font-size:8px;letter-spacing:.11em;font-weight:750}
.field.service-page .detail-dark{position:relative;background:radial-gradient(circle at 75% 15%,rgba(86,145,155,.26),transparent 38%),#102e3d}
.field.service-page .detail-card{position:relative;overflow:hidden;border-color:rgba(244,250,250,.26);background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.025));transition:transform .3s ease,border-color .3s ease,background .3s ease}
.field.service-page .detail-card::before{content:"";position:absolute;top:0;left:0;width:46px;height:2px;background:#e7c48d;box-shadow:0 0 18px rgba(231,196,141,.55)}
.field.service-page .detail-card:hover{transform:translateY(-6px);border-color:rgba(244,250,250,.62);background:rgba(255,255,255,.1)}
.field.service-page .detail-process{display:flex;align-items:center;gap:18px;margin-top:50px;max-width:760px}
.field.service-page .detail-process span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:800;color:#23404b}
.field.service-page .detail-process b{color:#73512e;font-size:11px}
.field.service-page .detail-process i{height:1px;flex:1;background:#9ab0b0;min-width:20px}
.field.service-page .detail-note{margin-top:35px}
@media(max-width:900px){
  .field.service-page .detail-hero-inner{grid-template-columns:1fr}
  .field.service-page .detail-hero{padding:125px 0 95px}
  .field.service-page .detail-hero h1{max-width:800px}
  .field.service-page .detail-visual{width:min(100%,650px);justify-self:center}
}
@media(max-width:640px){
  .field.service-page .detail-hero{padding:112px 0 74px}
  .field.service-page .detail-hero h1{font-size:clamp(48px,12vw,68px);margin:17px 0 22px}
  .field.service-page .detail-hero-link{margin-top:23px}
  .field.service-page .detail-visual{min-height:305px;width:100%}
  .field.service-page .detail-visual-caption{font-size:8px}
  .field.service-page .web-frame{height:260px;margin-top:30px;transform:none}
  .field.service-page .web-frame-bar{height:29px}
  .field.service-page .web-frame-scene{height:188px;padding:20px}
  .field.service-page .web-frame-scene p{font-size:clamp(34px,9vw,50px)}
  .field.service-page .web-frame-scene span{font-size:6px;padding:7px}
  .field.service-page .web-frame-base{height:43px;padding:0 14px;font-size:10px}
  .field.service-page .web-note{right:-4px;bottom:8px;max-width:130px;padding:10px;font-size:10px}
  .field.service-page .software-device{margin-top:30px;transform:none}
  .field.service-page .software-screen{height:254px}
  .field.service-page .software-layout{grid-template-columns:68px 1fr}
  .field.service-page .software-rail{gap:13px;padding:14px 6px;font-size:7px}
  .field.service-page .software-rail strong{font-size:19px}
  .field.service-page .software-main{padding:18px 10px}
  .field.service-page .software-main h3{font-size:clamp(19px,6vw,28px);margin:10px 0 15px}
  .field.service-page .software-main small{font-size:7px}
  .field.service-page .software-row{font-size:8px;padding:6px;gap:5px}
  .field.service-page .software-row b{font-size:7px}
  .field.service-page .software-stand{bottom:9px}
  .field.service-page .software-foot{bottom:10px}
  .field.service-page .ai-stage{min-height:285px;margin-top:30px;padding:25px 11px 19px;border-radius:18px}
  .field.service-page .ai-flow{grid-template-columns:1fr 12px 1fr 12px 1fr;gap:3px;min-height:220px}
  .field.service-page .ai-node{height:128px;padding:11px 6px;border-radius:10px}
  .field.service-page .ai-node-core{height:156px}
  .field.service-page .ai-node small{font-size:6px}
  .field.service-page .ai-node b{font-size:clamp(16px,5vw,22px)}
  .field.service-page .ai-node span{font-size:7px}
  .field.service-page .ai-stage-foot{font-size:6px;letter-spacing:.04em}
  .field.service-page .detail-process{gap:7px}
  .field.service-page .detail-process span{gap:4px;font-size:10px}
  .field.service-page .detail-process b{font-size:9px}
  .field.service-page .detail-process i{min-width:7px}
}
@media(prefers-reduced-motion:reduce){
  .field.service-page .web-frame,.field.service-page .software-device,.field.service-page .detail-card{transition:none;transform:none}
  .field.service-page .detail-visual-websites:hover .web-frame,.field.service-page .detail-visual-software:hover .software-device,.field.service-page .detail-card:hover{transform:none}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .field.service-page .ai-stage{background:#294c5b}
}
.field.service-websites .detail-hero::after{background:linear-gradient(90deg,rgba(5,29,42,.94),rgba(7,34,48,.75) 52%,rgba(30,48,51,.55)),linear-gradient(0deg,rgba(6,26,37,.83),transparent 55%)}
.field.service-custom-software .detail-hero::after{background:linear-gradient(90deg,rgba(5,29,42,.96),rgba(7,34,48,.83) 52%,rgba(9,41,56,.66)),linear-gradient(0deg,rgba(6,26,37,.87),transparent 55%)}
.field.service-ai-automation .detail-hero::after{background:linear-gradient(90deg,rgba(5,29,42,.96),rgba(8,34,48,.84) 52%,rgba(12,48,57,.74)),linear-gradient(0deg,rgba(6,26,37,.84),transparent 55%)}