:root{
  --bg:#0B1016;
  --ink:#F2F6FA;
  --blue:#69B7FF;
  --soft:#131C27;
  --muted:#A8B5C3;
  --white:#FFFFFF;
  --line:rgba(177,201,225,.18);
  --radius:24px;
  --container:min(1380px,calc(100vw - 96px));
  --header-h:88px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img,svg{display:block;max-width:100%}
::selection{background:var(--blue);color:#07121e}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:fixed;left:20px;top:-60px;z-index:9999;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:999px;transition:top .2s}.skip-link:focus{top:18px}

.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:var(--header-h);display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(310px,1fr);gap:28px;align-items:center;padding:0 48px;background:rgba(244,244,240,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(10,10,10,.14);box-shadow:0 14px 38px rgba(10,10,10,.045);transition:background .35s,box-shadow .35s}
.site-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(49,85,255,.14)}
.site-header::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(var(--scroll-progress,0));transform-origin:left center;pointer-events:none}
.site-header.scrolled{background:rgba(244,244,240,.88);box-shadow:0 12px 34px rgba(10,10,10,.08)}
.brand{display:flex;align-items:center;gap:14px;width:max-content}
.brand-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1.5px solid var(--ink);border-radius:14px;font-size:11px;font-weight:850;letter-spacing:-.04em;transition:border-color .35s,transform .35s var(--ease)}
.brand-mark::after{content:"";position:absolute;right:-4px;top:-4px;width:9px;height:9px;border:2px solid var(--bg);border-radius:50%;background:var(--blue)}
.brand:hover .brand-mark{border-color:var(--blue);transform:rotate(-7deg)}
.brand-lockup{display:flex;flex-direction:column;gap:2px;line-height:1.1}.brand-lockup strong{font-size:12px;font-weight:850;letter-spacing:.1em}.brand-lockup small{font-size:9px;font-weight:700;letter-spacing:.11em;color:var(--muted)}
.desktop-nav{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.34);font-size:12px;font-weight:750}
.desktop-nav a{display:flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;transition:background .35s,color .35s,transform .35s var(--ease)}
.desktop-nav a small{font-size:9px;font-weight:750;color:var(--blue);letter-spacing:.06em}
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a[aria-current="page"]{background:var(--ink);color:var(--bg);transform:translateY(-1px)}
.desktop-nav a:hover small,.desktop-nav a:focus-visible small,.desktop-nav a[aria-current="page"] small{color:#9eafff}
.header-side{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.header-context{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.header-context i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(49,85,255,.1)}
.header-cta{flex:0 0 auto}
.menu-toggle,.mobile-menu{display:none}

.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:750;letter-spacing:.01em;transition:transform .42s var(--ease),background .42s,border-color .42s,box-shadow .42s var(--ease),color .42s;cursor:pointer;position:relative;overflow:hidden;isolation:isolate}
.button span{position:relative;transition:transform .24s var(--ease)}
.button:hover,.button:focus-visible{transform:translateY(-1px);background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 5px 15px rgba(10,10,10,.1)}
.button:hover span,.button:focus-visible span{transform:translate(2px,-2px)}
.button-small{min-height:44px;padding:0 18px;font-size:12px}
.button-blue{background:var(--blue);border-color:var(--blue);color:white}.button-blue:hover,.button-blue:focus-visible{background:#2446e9;border-color:#2446e9;color:white}
.button-invert{background:var(--bg);color:var(--ink);border-color:var(--bg)}.button-invert:hover,.button-invert:focus-visible{background:var(--blue);color:white;border-color:var(--blue)}
.text-link{position:relative;display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:750;transition:color .35s}.text-link.light{color:var(--bg)}
.text-link::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1);transform-origin:left}
.text-link:not(.light):hover,.text-link:not(.light):focus-visible{color:var(--blue)}
.text-link span{transition:transform .35s var(--ease)}.text-link:hover span,.text-link:focus-visible span{transform:translate(3px,-3px)}

.section{padding:140px 0;border-top:1px solid var(--line);scroll-margin-top:var(--header-h)}
.page-hero{padding:170px 0 110px;min-height:72vh;display:flex;align-items:flex-end}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:30px;display:flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.display-title{font-size:clamp(58px,7.15vw,132px);line-height:.89;letter-spacing:-.065em;font-weight:650;margin:0;max-width:1200px}.display-title em{font-style:normal;color:var(--blue)}
.section-title{font-size:clamp(42px,5.15vw,82px);line-height:.97;letter-spacing:-.05em;font-weight:620;margin:0;max-width:900px}
.mega-title{font-size:clamp(54px,7vw,112px);line-height:.9;letter-spacing:-.06em;font-weight:620;margin:0}.mega-title em{font-style:normal;color:var(--blue)}
.hero-lead{max-width:720px;font-size:clamp(18px,1.45vw,24px);line-height:1.45;color:#31312e;margin:34px 0 0}
.section-intro{max-width:480px;font-size:18px;color:var(--muted);align-self:end;margin:0}
.split-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:80px;align-items:end;margin-bottom:70px}.section-index{justify-self:end;color:var(--muted);font-size:12px;letter-spacing:.12em}
.prose{font-size:18px;color:#33332f}.prose.large{font-size:clamp(20px,1.5vw,26px);line-height:1.5}.prose p{margin:0 0 1.2em}.prose p:last-child{margin-bottom:0}

/* Section rail: section-count dots become an icon dock on hover or focus */
.page-rail{position:fixed;z-index:900;left:0;top:50%;transform:translateY(-50%);width:18px;height:var(--rail-closed-height,100px);border-radius:0 12px 12px 0;background:var(--ink);box-shadow:2px 8px 20px rgba(10,10,10,.12);transition:width .38s var(--ease),height .38s var(--ease),background .38s,box-shadow .38s,border-radius .38s}
.page-rail.is-open{width:78px;height:var(--rail-open-height,262px);background:rgba(244,244,240,.96);border-radius:0 20px 20px 0;box-shadow:5px 14px 36px rgba(10,10,10,.16),inset 0 0 0 1px rgba(10,10,10,.11)}
.rail-trigger{position:absolute;inset:0 auto 0 0;width:18px;border:0;border-radius:0 12px 12px 0;background:transparent;color:var(--bg);cursor:pointer;padding:0;z-index:2}
.rail-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.rail-grip{position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;display:flex;flex-direction:column;gap:11px;align-items:center;transition:opacity .15s}.rail-grip i{width:4px;height:4px;border-radius:50%;background:rgba(244,244,240,.58);transition:background .25s,transform .25s,box-shadow .25s}.rail-grip i.is-active{background:var(--blue);transform:scale(1.45);box-shadow:0 0 0 2px rgba(49,85,255,.22)}
.page-rail.is-open .rail-grip{opacity:0}
.rail-items{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px 0;visibility:hidden;opacity:0;transform:translateX(-9px);transition:opacity .25s .08s,transform .32s var(--ease),visibility .25s;pointer-events:none}
.page-rail.is-open .rail-items{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.rail-item{position:relative;display:flex;align-items:center;width:78px;height:42px;padding-left:18px;white-space:nowrap;outline:none}
.rail-circle{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid rgba(10,10,10,.14);background:var(--bg);color:var(--ink);display:grid;place-items:center;box-shadow:0 3px 9px rgba(10,10,10,.08);transition:background .3s,border-color .3s,transform .35s var(--ease),color .3s,box-shadow .35s}
.rail-circle svg{width:19px;height:19px}
.rail-label{position:absolute;left:86px;top:50%;transform:translate(-7px,-50%);padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;letter-spacing:.01em;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.13);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .2s var(--ease),visibility .18s}
.rail-item:hover .rail-label,.rail-item:focus-visible .rail-label{opacity:1;visibility:visible;transform:translate(0,-50%)}
.rail-items:focus-within .rail-item:not(:focus-visible) .rail-label{opacity:0;visibility:hidden}
.rail-item:hover .rail-circle,.rail-item:focus-visible .rail-circle{transform:translateX(3px) scale(1.06);border-color:var(--blue);box-shadow:0 8px 18px rgba(49,85,255,.18)}
.rail-item:focus-visible .rail-circle{outline:2px solid var(--blue);outline-offset:3px}
.rail-item.is-active .rail-circle{background:var(--blue);border-color:var(--blue);color:white}
:is(.landing-page,.services-page,.service-detail-page){--container:min(1380px,calc(100vw - 160px))}

/* Landing hero */
.hero{padding:150px 0 90px;min-height:100vh;border-top:0;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:70px;align-items:center;position:relative;z-index:1}
.hero-copy{padding-top:40px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.tech-line{display:flex;align-items:center;gap:10px;margin-top:48px;color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.tech-line i{width:4px;height:4px;border-radius:50%;background:var(--blue)}
.ambient-code{position:absolute;z-index:0;left:1%;top:95px;margin:0;white-space:pre;color:#82b6ed;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;opacity:.12;transform:rotate(-8deg) scale(1.45);transform-origin:top left;pointer-events:none;mask-image:linear-gradient(90deg,black,transparent 92%)}
.hero-visual{height:min(610px,67vw);max-height:610px;min-height:500px;position:relative;border:1px solid #334358;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 95% 8%,rgba(55,139,246,.14),transparent 35%),#111821;box-shadow:0 25px 75px rgba(0,0,0,.3)}
.hero-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,171,207,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(139,171,207,.055) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.editor-toolbar{height:50px;padding:0 18px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #303b49;background:rgba(13,17,23,.9);color:#d9e4ee;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;position:relative;z-index:1}.editor-chrome{display:flex;gap:5px}.editor-chrome i{width:7px;height:7px;border:1px solid #637083;border-radius:50%}.editor-tab{padding:17px 13px 16px;border-left:1px solid #303b49;border-right:1px solid #303b49;border-bottom:1px solid #58a9ff;background:#151d27}.editor-caption{margin-left:auto;color:#8394a8;font-size:9px;letter-spacing:.12em}
.editor-body{position:relative;z-index:1;padding:28px 18px 120px;overflow:hidden}.editor-line{display:flex;min-width:max-content;min-height:27px;color:#dce6f2;font:12px/27px ui-monospace,SFMono-Regular,Consolas,monospace}.editor-line-no{flex:0 0 33px;color:#64748a;user-select:none}.editor-line-code{white-space:pre}.syntax-key{color:#c9adff}.syntax-fn{color:#76c9ff}.syntax-string{color:#e3c68b}
.editor-status{position:absolute;z-index:2;left:0;right:0;bottom:0;height:33px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #354154;background:#111923;color:#a8b7ca;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.editor-status span:first-child{color:#a9c9ef}.editor-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#66d1b4;box-shadow:0 0 0 3px rgba(102,209,180,.12)}
.editor-result{position:absolute;z-index:3;right:18px;bottom:55px;width:235px;padding:16px 18px;border:1px solid #465d75;border-radius:10px;background:#1a2735;box-shadow:0 20px 45px rgba(0,0,0,.33);color:#c8d6e5;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.editor-result-head{display:flex;justify-content:space-between;gap:6px;padding-bottom:12px;border-bottom:1px solid #34485c}.editor-result-head>span{font-size:9px;color:#8fa3b7;letter-spacing:.1em}.editor-result-head strong{font-size:10px;color:#8be0bc;font-weight:600}.editor-result-head i{font-style:normal}.editor-result>div:not(:first-child){display:flex;gap:12px;padding-top:12px}.editor-result>div:not(:first-child) span{color:#77baff}

/* The illustrative code resolves into a readable workflow and stays there. */
.hero-visual .editor-toolbar{z-index:5}.hero-visual .editor-status{z-index:5}.hero-visual .editor-status b{font:inherit}
.hero-view-toggle{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:5px 9px;border:1px solid #415874;border-radius:6px;background:#172331;color:#9dd1ff;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:background .22s,border-color .22s,box-shadow .22s,color .22s}
.hero-view-toggle:hover,.hero-view-toggle:focus-visible{background:#24415e;border-color:#80c2ff;color:#f4faff;box-shadow:0 0 18px rgba(79,164,255,.2)}.hero-view-toggle:focus-visible{outline:2px solid #9dd1ff;outline-offset:2px}.hero-view-toggle:disabled{cursor:default;opacity:.65}
.hero-visual .editor-body,.hero-visual .editor-result{transition:opacity .4s ease,transform .4s ease}.hero-visual.is-flow .editor-body,.hero-visual.is-flow .editor-result{opacity:0;transform:translateY(-10px) scale(.97);pointer-events:none}
.hero-visual .editor-line{transition:background .18s,box-shadow .18s}.hero-visual.is-mapping .editor-line.is-active{background:rgba(83,169,255,.12);box-shadow:inset 2px 0 #69b7ff}
.hero-flow-view{position:absolute;z-index:2;inset:50px 0 33px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:scale(.96);pointer-events:none;transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}
.hero-visual.is-flow .hero-flow-view{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .4s ease,transform .4s ease,visibility 0s}
.hero-flow-head{flex:0 0 46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 24px;color:#8fb2d2;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.hero-flow-head span:last-child{color:#6d8dab}.hero-flow-canvas{position:relative;flex:1;min-height:0}
.hero-flow-connectors{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hero-flow-connectors marker path{fill:#69b7ff}.hero-flow-link{fill:none;stroke:#69b7ff;stroke-width:1.6;stroke-dasharray:4 7;opacity:0;transition:opacity .3s}.hero-flow-link.is-visible{opacity:.85}.hero-flow-pulse{fill:#9dd1ff;opacity:0;filter:drop-shadow(0 0 6px #69b7ff)}
.hero-flow-card{position:absolute;z-index:2;width:min(42%,245px);min-height:120px;display:flex;flex-direction:column;padding:14px 16px;border:1px solid #527290;border-radius:13px;background:#1a2a3b;box-shadow:0 12px 32px rgba(0,0,0,.24);color:#f2f7fc;opacity:0;transform:translateY(12px) scale(.97);transition:opacity .36s ease,transform .36s ease,border-color .36s ease,box-shadow .36s ease}
.hero-flow-card.is-visible{opacity:1;transform:none}.hero-flow-card:nth-of-type(1){top:6%;left:6%}.hero-flow-card:nth-of-type(2){top:35%;right:6%}.hero-flow-card:nth-of-type(3){bottom:5%;left:7%;border-color:#6eb9f5;background:#1b344b;box-shadow:0 0 0 1px rgba(105,183,255,.1),0 12px 32px rgba(0,0,0,.28)}
.hero-flow-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#92c9f8;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.hero-flow-card-top svg{width:18px;height:18px;flex:none}
.hero-flow-card strong{font-size:19px;line-height:1.15;letter-spacing:-.025em}.hero-flow-card p{margin:4px 0 0;color:#c7d7e7;font-size:12px;line-height:1.3}.hero-flow-card small{display:block;margin-top:auto;padding-top:10px;color:#91b3d1;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}

/* About */
.about-section{background:var(--soft)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:30px}.about-grid-second{margin-top:110px;padding-top:80px;border-top:1px solid var(--line)}
.system-map{border:1px solid #3e5873;border-radius:16px;background:radial-gradient(circle at 50% 49%,rgba(72,147,227,.13),transparent 44%),#152334;overflow:hidden;align-self:start}
.system-map-head,.system-map-foot{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;color:#9eb6cc;font:10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.system-map-head{border-bottom:1px solid #34485d}.system-map-foot{border-top:1px solid #34485d}
.system-map svg{width:100%;height:auto;display:block}.map-connections path{fill:none;stroke:#68a8e0;stroke-width:1.3;stroke-dasharray:5 6}.map-nodes rect{fill:#1f3246;stroke:#4a6987;stroke-width:1}.map-labels text{fill:#dceaf6;font:600 14px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-anchor:middle}.map-core{fill:#244663;stroke:#77bdff;stroke-width:1.5}.map-core-title{fill:#f4f8fd;font:700 18px ui-monospace,SFMono-Regular,Consolas,monospace;text-anchor:middle;letter-spacing:.06em}.map-core-subtitle{fill:#9fcfff;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;text-anchor:middle;letter-spacing:.08em}.map-points circle{fill:#8dccff}
.big-quote{margin:0;font-size:clamp(32px,3.4vw,52px);line-height:1.04;letter-spacing:-.04em}.big-quote em{font-style:normal;color:var(--blue)}
.about-me{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:140px;padding:70px 0 0;border-top:1px solid var(--line)}.about-me h3{font-size:clamp(32px,3vw,48px);line-height:1.05;letter-spacing:-.035em;margin:0}.about-me p{font-size:17px;color:#33332f;margin-top:0}.about-me strong{display:inline-block;margin-top:18px;font-size:14px;border-bottom:2px solid var(--blue);padding-bottom:5px}

/* Illustrative, inspectable workflow examples */
.specimen-section{background:#ECEDE9}
.specimen-shell{background:#101215;color:var(--bg);border:1px solid #2b2f35;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px rgba(10,10,10,.09)}
.specimen-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:20px 28px;border-bottom:1px solid #30343a}
.specimen-kicker,.specimen-signal,.specimen-panel-head>span,.specimen-stage-top,.specimen-footer{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.07em}
.specimen-kicker{color:#9ba1aa}.specimen-signal{justify-self:end;color:#a8adb4;display:flex;align-items:center;gap:9px;white-space:nowrap}.specimen-signal i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(49,85,255,.18)}
.specimen-tabs{display:flex;gap:4px;padding:3px;border:1px solid #343941;border-radius:8px}.specimen-tab{border:0;border-radius:5px;background:transparent;color:#aeb4bb;padding:9px 13px;font:600 12px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:background .18s,color .18s}.specimen-tab:hover,.specimen-tab:focus-visible{color:white;background:#292d34}.specimen-tab[aria-selected="true"]{background:#343a44;color:white}
.specimen-panel{padding:34px 34px 38px}.specimen-panel[hidden]{display:none}.specimen-panel-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.specimen-panel-head>span{color:#8c97ff}.specimen-panel-head p{margin:0;color:#aeb4bb;font-size:14px;text-align:right}
.specimen-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.specimen-stage{position:relative;min-width:0;min-height:280px;padding:24px;border:1px solid #3a3f47;border-radius:10px;background:linear-gradient(145deg,#1a1e23,#16191d)}.specimen-stage:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:28px;height:1px;background:var(--blue)}.specimen-stage:not(:last-child)::before{content:"";position:absolute;left:calc(100% + 23px);top:calc(50% - 3px);width:7px;height:7px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);transform:rotate(45deg)}
.specimen-stage-top{display:flex;justify-content:space-between;align-items:start;color:#9da4ad}.specimen-stage-icon{color:#aab7ff}.specimen-stage-icon svg{width:25px;height:25px}.specimen-stage h3{font-size:clamp(19px,2vw,27px);letter-spacing:-.035em;line-height:1.05;margin:36px 0 22px}.specimen-stage dl{margin:0;border-top:1px solid #373c43}.specimen-stage dl div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #373c43;font-size:12px;line-height:1.3}.specimen-stage dt{color:#9299a2}.specimen-stage dd{margin:0;text-align:right;color:#f0f0ed}
.specimen-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 28px;border-top:1px solid #30343a;color:#969da6}.specimen-footer a{color:#f4f4f0;white-space:nowrap}.specimen-footer a span{color:#8295ff}.specimen-footer a:hover,.specimen-footer a:focus-visible{color:#aab7ff}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:390px;padding:26px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;background:rgba(255,255,255,.25);color:var(--ink)}
.card-top,.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.card-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;font-size:19px;transition:color .2s,border-color .2s}.service-card:hover .card-arrow,.service-card:focus-visible .card-arrow{border-color:var(--blue);color:var(--blue)}.card-symbol{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(49,85,255,.2);border-radius:10px;background:rgba(49,85,255,.045);color:var(--blue);margin-top:38px}.card-symbol svg{width:26px;height:26px}.service-card h3{font-size:30px;line-height:1.02;letter-spacing:-.035em;margin:24px 0 18px}.service-card p{font-size:15px;color:var(--muted);margin:0 0 30px}.card-meta{margin-top:auto;border-top:1px solid currentColor;padding-top:18px;opacity:.8}
.services-outro{margin-top:16px;padding:56px;border-radius:30px;background:var(--ink);color:var(--bg);display:flex;align-items:end;justify-content:space-between;gap:40px}.services-outro span{font-size:10px;letter-spacing:.14em}.services-outro h3{font-size:clamp(34px,3vw,52px);max-width:700px;line-height:1.02;letter-spacing:-.04em;margin:14px 0 0}

/* How */
.how-section{background:var(--ink);color:var(--bg);border-color:rgba(255,255,255,.14)}.how-section .eyebrow,.how-section .section-index{color:#aaa}.steps{border-top:1px solid rgba(255,255,255,.17)}.step{border-bottom:1px solid rgba(255,255,255,.17);transition:border-color .4s}.step summary{list-style:none;display:grid;grid-template-columns:90px minmax(240px,.7fr) 1fr 30px;gap:30px;align-items:start;padding:34px 0;cursor:pointer;transition:padding .4s var(--ease),background .4s}.step summary::-webkit-details-marker{display:none}.step summary:hover,.step summary:focus-visible{padding-inline:12px;background:rgba(49,85,255,.08)}.step[open]{border-color:rgba(49,85,255,.5)}.step[open] summary{background:rgba(49,85,255,.08)}.step-number{font-size:12px;color:#999}.step-title{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.step-summary-text{color:#aaa;max-width:620px}.step-plus{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:0;line-height:0;transition:transform .35s var(--ease),background .35s,border-color .35s}.step-plus::before,.step-plus::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}.step-plus::after{transform:translate(-50%,-50%) rotate(90deg)}.step summary:hover .step-plus,.step summary:focus-visible .step-plus,.step[open] .step-plus{background:var(--blue);border-color:var(--blue)}.step[open] .step-plus{transform:rotate(45deg)}.step-detail{margin-left:120px;padding:20px 50px 34px 0;max-width:880px;animation:step-reveal .35s var(--ease)}.step-detail p{margin:0;color:#b9b9b5;font-size:17px;line-height:1.55}@keyframes step-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.process-statement{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:58px}.process-statement>span{font-size:12px;letter-spacing:.14em;color:#aaa}

.contact-cta{background:var(--soft);color:var(--ink)}.contact-cta .eyebrow{color:var(--ink)}.contact-cta .text-link.light{color:var(--ink)}.service-contact{background:#15191e;color:var(--bg);border:0}.service-contact .eyebrow{color:#aab4c2}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.contact-copy{font-size:19px}.contact-copy p{max-width:600px}.contact-copy .button{margin:26px 20px 0 0}

/* Services catalog */
.services-hero{padding-bottom:100px}.page-hero-bottom{display:flex;justify-content:space-between;gap:80px;margin-top:56px;align-items:end}.page-hero-bottom p{max-width:720px;font-size:19px;color:var(--muted);margin:0}.catalog-section{padding:110px 0}.category-head{display:grid;grid-template-columns:90px 1fr;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:28px;margin-bottom:18px}.category-head span{font-size:12px;color:var(--muted)}.category-head h2{font-size:clamp(42px,5vw,74px);letter-spacing:-.05em;line-height:.95;margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.catalog-card{min-height:350px;border:1px solid var(--line);padding:30px;border-radius:14px;display:flex;flex-direction:column}.catalog-card-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em}.catalog-card-head span:last-child{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;font-size:19px;transition:color .2s,border-color .2s}.catalog-card:hover .catalog-card-head span:last-child,.catalog-card:focus-visible .catalog-card-head span:last-child{border-color:var(--blue);color:var(--blue)}.catalog-card h3{font-size:36px;letter-spacing:-.035em;line-height:1.02;margin:23px 0 15px}.catalog-card p{color:var(--muted);max-width:620px;margin-bottom:30px}.catalog-meta{margin-top:auto;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid currentColor;font-size:12px}.custom-band{background:var(--ink);color:var(--bg);border:0}.custom-band-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.custom-band p{color:#bbb;font-size:18px}.custom-band .button{margin-top:24px}
.services-hero,.contact-page-hero{position:relative;isolation:isolate;overflow:hidden}.services-hero>.container,.contact-page-hero>.container{position:relative;z-index:1}
.services-hero::before{content:"";position:absolute;inset:0 0 0 38%;background-image:linear-gradient(rgba(116,164,211,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(116,164,211,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 45%,transparent 98%);pointer-events:none}
.page-ambient{position:absolute;z-index:0;max-width:none;height:auto;pointer-events:none}.services-ambient{width:min(720px,58vw);right:-3%;top:9%;opacity:.78;mask-image:linear-gradient(90deg,transparent,black 32%,black 88%,transparent)}.contact-ambient{width:min(720px,58vw);left:-4%;bottom:-9%;opacity:.6;mask-image:linear-gradient(180deg,transparent,black 25%,black 88%,transparent)}
.page-ambient .ambient-path{fill:none;stroke:#477cab;stroke-width:1.2;stroke-dasharray:5 8}.page-ambient .ambient-path-strong{fill:none;stroke:#69b7ff;stroke-width:1.6}.page-ambient .ambient-ring{fill:none;stroke:#4475a5;stroke-width:1.2}.page-ambient .ambient-point{fill:#69b7ff}.page-ambient .ambient-point-muted{fill:#345a7c}.page-ambient .ambient-cell{fill:#172b40;stroke:#4f83b5;stroke-width:1.2}

.service-card,.catalog-card{position:relative;transition:background .24s,border-color .24s,box-shadow .24s}
.service-card:hover,.service-card:focus-visible,.catalog-card:hover,.catalog-card:focus-visible{background:#fff;border-color:rgba(49,85,255,.42);box-shadow:0 12px 28px rgba(10,10,10,.065)}

/* Service detail */
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:80px;align-items:end;width:var(--container)}.service-price{border:1px solid var(--ink);border-radius:14px;padding:30px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}.service-price span{font-size:10px;letter-spacing:.14em;font-weight:800}.service-price-top{display:flex;justify-content:space-between;align-items:start}.service-price-symbol{color:var(--blue)}.service-price-symbol svg{width:32px;height:32px}.service-price strong{font-size:86px;letter-spacing:-.06em;line-height:.8}.service-price small{color:var(--muted)}
.service-hero-aside{display:flex;flex-direction:column;gap:20px;min-width:0}.service-trace{padding:4px 8px 0;color:var(--ink)}.service-trace-head{display:flex;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid var(--line);color:var(--blue);font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.service-trace-path{position:relative;padding:12px 0}.service-trace-path::before{content:"";position:absolute;left:6px;top:37px;bottom:37px;border-left:1px dashed #4d7192}.trace-point{position:relative;display:grid;grid-template-columns:14px 62px minmax(0,1fr);gap:10px;align-items:center;min-height:48px}.trace-point i{width:13px;height:13px;border:2px solid var(--blue);border-radius:50%;background:#0b1016;z-index:1}.trace-point-middle i{border-color:#61809c}.trace-point small{color:#9cbedc;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}.trace-point strong{font-size:13px;font-weight:650;line-height:1.25}.trace-point-middle strong{color:var(--muted);font-weight:500}
.service-trace-head{align-items:center}.service-trace-head>span{color:#94abc2}.service-trace-head .service-trace-link{color:var(--blue);font:750 12px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.service-trace-head .service-trace-link::after{bottom:-2px}.service-trace-head .service-trace-link span{font-size:14px;line-height:1}.service-trace-head .service-trace-link:hover,.service-trace-head .service-trace-link:focus-visible{color:#a8dcff}.service-trace-link:hover span,.service-trace-link:focus-visible span{transform:translateX(2px)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.note-box{margin-top:34px;border-left:4px solid var(--blue);padding:20px 24px;background:var(--soft);font-size:15px}.note-box span{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--blue)}.note-box p{margin:8px 0 0}
.capabilities-section{background:var(--soft)}.capabilities-section .split-heading{display:block;max-width:900px}.capabilities-section .split-heading .eyebrow{margin-bottom:28px}.capability-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-list li{min-height:160px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:18px;display:flex;gap:18px;align-items:flex-start}.capability-list li span{color:var(--blue)}
.flow-section{background:var(--ink);color:var(--bg)}.flow-section .eyebrow{color:#aaa}
.flow-diagram{position:relative;display:grid;grid-template-columns:1fr;gap:42px;margin-top:70px;overflow:visible}
.flow-diagram.is-laid-out{grid-template-columns:repeat(var(--flow-columns,1),minmax(0,1fr));column-gap:var(--flow-gap-x,30px);row-gap:var(--flow-gap-y,64px)}
.flow-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.flow-node{position:relative;z-index:1;min-width:0;min-height:204px;border:1px solid rgba(157,190,220,.34);border-radius:18px;padding:19px;display:flex;flex-direction:column;gap:16px;background:#101b27;transition:border-color .35s,background .35s,box-shadow .35s}
.flow-diagram:not(.is-laid-out) .flow-node:not(:last-child)::after{content:"";position:absolute;left:50%;top:100%;height:42px;border-left:1px solid rgba(255,255,255,.28)}
.flow-node.is-current{border-color:var(--blue);background:#182c40;box-shadow:0 0 0 1px rgba(105,183,255,.26),0 0 20px rgba(105,183,255,.1)}.flow-node.is-complete{border-color:rgba(105,183,255,.6)}
.flow-node-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.flow-node-number{color:var(--blue)}.flow-node-role{color:#a8bfda;text-align:right;overflow-wrap:anywhere}
.flow-node-content{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.flow-node-content strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.02em}.flow-node-content p{margin:9px 0 0;color:#aec1d1;font-size:13px;line-height:1.45}
.flow-choices{position:relative;display:grid;gap:7px;padding:10px 0 0 15px;border-top:1px solid rgba(150,182,213,.22)}
.flow-choices::before{content:"";position:absolute;left:4px;top:22px;bottom:15px;border-left:1px solid var(--blue)}
.flow-choice{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;padding:7px 9px;background:#162a3d;border:1px solid #416483;border-radius:8px}
.flow-choice::before{content:"";position:absolute;right:100%;top:50%;width:11px;border-top:1px solid var(--blue)}
.flow-choice span{color:var(--blue);font:700 9px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.flow-choice b{color:#e9f2fb;font-size:11px;font-weight:600;line-height:1.3}
.flow-path{fill:none;stroke:rgba(205,224,242,.32);stroke-width:2;transition:stroke .3s}.flow-path.is-complete{stroke:var(--blue)}.flow-pulse{fill:var(--blue);opacity:0;filter:drop-shadow(0 0 5px rgba(105,183,255,.75))}
.flow-caption{max-width:720px;color:#aaa;font-size:18px;margin:38px 0 0}
.included-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.included-list div{min-height:120px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.included-list span{font-size:10px;color:var(--blue)}
.pricing-section{background:#15191e;color:var(--bg);border:0}.pricing-section .eyebrow{color:#aab4c2}.price-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}.pricing-copy>span{font-size:10px;letter-spacing:.14em;color:#aab4c2}.pricing-copy>strong{font-size:30px;display:block;margin:10px 0 30px}.pricing-copy p{font-size:17px;color:#c1c7ce}.pricing-copy .button{margin-top:20px}
.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:0}.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:26px 0;font-weight:700;cursor:pointer;transition:padding .38s var(--ease),color .38s,background .38s}.faq-item summary:hover,.faq-item summary:focus-visible{padding-left:12px;color:var(--blue);background:rgba(49,85,255,.035)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:22px;transition:transform .35s var(--ease)}.faq-item summary:hover span{transform:translateX(4px)}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin:0 0 26px;max-width:700px;color:var(--muted)}

/* Contact */
.contact-page-hero{min-height:auto;padding-bottom:120px}.contact-page-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:start}.contact-panel{background:var(--ink);color:var(--bg);padding:36px;border-radius:30px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.contact-form label span{color:#888;font-weight:500}.contact-form label:nth-child(3),.contact-form label:nth-child(4),.contact-form .button,.form-note,.form-status{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:8px;background:transparent;color:var(--bg);border:1px solid rgba(255,255,255,.24);border-radius:14px;padding:14px 15px;outline:none;text-transform:none;letter-spacing:0;font-weight:450}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,85,255,.2)}.contact-form select option{color:var(--ink)}.contact-form .button{border:0;margin-top:6px}.form-note{font-size:11px;color:#888;margin:0}.form-note a{text-decoration:underline}.form-status{font-size:12px;color:#b8c2ff;min-height:20px}.direct-links{border-top:1px solid var(--line)}.direct-links a{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease),color .4s,border-color .4s}.direct-links a:hover,.direct-links a:focus-visible{padding-left:12px;color:var(--blue);border-color:var(--blue)}.direct-links span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.direct-links strong{font-size:24px}.direct-links i{font-style:normal;font-size:22px;transition:transform .4s var(--ease)}.direct-links a:hover i,.direct-links a:focus-visible i{transform:translate(3px,-3px)}

/* Legal */
.legal-page{padding:170px 0 120px;display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.legal-head{position:sticky;top:120px;align-self:start}.legal-head h1{font-size:70px;line-height:.95;letter-spacing:-.05em;margin:0 0 22px}.legal-head p{color:var(--muted)}.legal-content{max-width:780px}.legal-content h2{font-size:26px;letter-spacing:-.025em;margin:55px 0 12px}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{color:#3f3f3a;font-size:17px}.legal-content a{text-decoration:underline}.legal-content ul{padding-left:20px}

/* Footer */
.site-footer{background:var(--ink);color:var(--bg);padding:90px 0 30px}.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:70px}.footer-brand>a{font-size:20px;font-weight:800}.footer-brand p{color:#8d8d88;max-width:300px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col>span{font-size:10px;letter-spacing:.14em;color:#777;margin-bottom:12px;text-transform:uppercase}.footer-col a{font-size:14px;color:#ccc;transition:color .2s}.footer-col a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);margin-top:72px;padding-top:26px;color:#777;font-size:11px}

/* Dark studio palette: blue marks active paths and controls, surfaces stay quiet. */
.site-header,.site-header.scrolled{background:rgba(11,16,22,.94);border-bottom-color:var(--line);box-shadow:0 12px 32px rgba(0,0,0,.16)}
.site-header::before{background:rgba(105,183,255,.14)}
.brand:hover .brand-mark{transform:none}.desktop-nav{background:rgba(24,34,47,.8)}
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a[aria-current="page"]{background:#24384e;color:var(--ink)}
.desktop-nav a:hover small,.desktop-nav a:focus-visible small,.desktop-nav a[aria-current="page"] small{color:var(--blue)}
.header-context i{box-shadow:0 0 0 4px rgba(105,183,255,.13)}
.button:hover,.button:focus-visible{color:#07131f;box-shadow:0 0 0 1px rgba(105,183,255,.42),0 0 22px rgba(79,164,255,.24),0 10px 26px rgba(0,0,0,.24)}
.button-blue,.header-cta{background:var(--blue);border-color:var(--blue);color:#07131f}
.button-blue:hover,.button-blue:focus-visible{background:#8bc9ff;border-color:#8bc9ff}
.header-cta:hover,.header-cta:focus-visible{background:#8bc9ff;color:#07131f;border-color:#8bc9ff}
.button-invert{background:var(--ink);color:#07131f;border-color:var(--ink)}
.button-invert:hover,.button-invert:focus-visible{background:var(--blue);color:#07131f;border-color:var(--blue)}
.hero{background:radial-gradient(circle at 83% 30%,rgba(36,109,179,.17),transparent 42%),var(--bg)}
.hero-lead,.prose,.about-me p,.legal-content p,.legal-content li{color:#B4C0CD}
.page-rail{background:#172433;box-shadow:2px 8px 20px rgba(0,0,0,.27)}
.page-rail.is-open{background:#17212e;box-shadow:5px 14px 36px rgba(0,0,0,.34),inset 0 0 0 1px var(--line)}
.rail-trigger{color:var(--ink)}.rail-grip i{background:rgba(221,234,247,.65)}
.rail-circle{background:#202e3d;color:var(--ink);border-color:#435469;box-shadow:none}
.rail-label{background:#172433;color:var(--ink);border-color:#425269}.rail-item.is-active .rail-circle{color:#07131f}
.about-section{background:#111a25}
.specimen-section{background:#0E1620}.specimen-shell{background:#162232;color:var(--ink);border-color:#36506d;box-shadow:0 26px 65px rgba(0,0,0,.28)}
.specimen-toolbar,.specimen-footer{border-color:#344b62}.specimen-stage{background:linear-gradient(145deg,#1d2d3e,#182433);border-color:#3f5770}
.specimen-tab[aria-selected="true"]{background:#2b4762}.specimen-signal i{box-shadow:0 0 0 4px rgba(105,183,255,.17)}
.services-section{background:#0D141D}.service-card,.catalog-card{background:#162230;border-color:#35475a;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .4s var(--ease)}
.service-card:hover,.service-card:focus-visible,.catalog-card:hover,.catalog-card:focus-visible{background:#1b2b3b;border-color:#82c7ff;box-shadow:0 0 0 1px rgba(105,183,255,.32),0 0 24px rgba(80,163,255,.15),0 18px 34px rgba(0,0,0,.22)}
.card-symbol{background:rgba(105,183,255,.09);border-color:rgba(105,183,255,.3)}
.card-arrow,.catalog-card-head span:last-child{border-color:#486078}
.services-outro,.custom-band{background:#192b40;color:var(--ink)}.services-outro .button-invert{background:var(--ink);color:#07131f}.services-outro .button-invert:hover,.services-outro .button-invert:focus-visible{background:#8bc9ff;border-color:#8bc9ff;color:#07131f}
.how-section,.flow-section{background:#0C131B;color:var(--ink);border-color:var(--line)}
.step summary:hover .step-plus,.step summary:focus-visible .step-plus,.step[open] .step-plus{color:#07131f}
.contact-cta{background:#162231;color:var(--ink)}.contact-cta .eyebrow,.contact-cta .text-link.light{color:var(--ink)}
.service-contact{background:#0E1B29;color:var(--ink)}.service-contact .eyebrow{color:#B8CCE1}
.related-services{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(184,204,225,.25);font-size:14px;line-height:1.5}.related-services>span{width:100%;font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#a8bfd7}.related-services a{color:#d8ebfc;text-decoration:none;text-underline-offset:4px}.related-services a span{color:var(--blue)}.related-services a:hover,.related-services a:focus-visible{color:var(--blue);text-decoration:underline}
.catalog-section:nth-of-type(even){background:#101A25}.category-head{border-bottom-color:var(--line)}
.service-price{border-color:#4a6683;background:linear-gradient(150deg,#1d3044,#131f2d)}
.capabilities-section{background:#111D2A}.flow-node.is-current{background:rgba(105,183,255,.11);box-shadow:0 0 0 1px rgba(105,183,255,.26)}
.pricing-section{background:#17283b;color:var(--ink)}.faq-section{background:#0B1119}
.contact-panel{background:#182635;color:var(--ink);border:1px solid #425975}
.contact-form input,.contact-form textarea,.contact-form select{color:var(--ink);border-color:#52677e}.contact-form select option{background:#182635;color:var(--ink)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8da0b5}.form-note{color:#a4b2c1}
.contact-panel-head{padding-bottom:25px;margin-bottom:27px;border-bottom:1px solid #425975}.contact-panel-kicker{display:block;margin-bottom:10px;color:var(--blue);font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.contact-panel-head h2{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.035em}.contact-panel-head p{margin:12px 0 0;color:#b8c9d9;font-size:14px;line-height:1.5}
.contact-form{gap:21px 16px}.contact-form .form-field-wide,.contact-form .privacy-field,.contact-form .turnstile-slot,.contact-form .contact-submit,.contact-form .form-note,.contact-form .form-status,.contact-form noscript{grid-column:1/-1}.contact-form .form-field{min-width:0}.contact-form label{display:block;color:#eaf3fc;font-size:11px;line-height:1.4}.contact-form label span{color:#a9b9c9}.contact-form label .required-mark{color:var(--blue);font-weight:800}.contact-form input:not([type=checkbox]),.contact-form textarea{margin-top:9px;min-height:50px;background:#101c29;border-color:#52677e;color:#f2f7fb;font-size:15px;line-height:1.45}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:#ff9f9f}.contact-form input[aria-invalid=true]:focus,.contact-form textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(255,159,159,.18)}.contact-form .field-hint{margin:7px 0 1px;color:#a9b9c9;font-size:13px;line-height:1.4}.contact-form .field-error{margin:0;color:#ffb2b2;font-size:12px;line-height:1.45}.contact-form .field-error:not(:empty){margin-top:7px}
.contact-form .privacy-field{padding-top:3px}.contact-form .privacy-check{display:flex;gap:12px;align-items:flex-start;letter-spacing:0;text-transform:none;font-size:13px;font-weight:450;cursor:pointer}.contact-form .privacy-check input{flex:0 0 19px;width:19px;height:19px;margin:0;accent-color:var(--blue);cursor:pointer}.contact-form .privacy-check input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.contact-form .privacy-check span{color:#d5e2ee;font-weight:450}.contact-form .privacy-check a{color:#8dccff;text-decoration:underline;text-underline-offset:3px}.contact-form .privacy-check a:hover,.contact-form .privacy-check a:focus-visible{color:#c4e6ff}.contact-form .turnstile-slot{min-width:0}.contact-form .contact-submit{justify-content:center;gap:15px;margin-top:0;min-height:54px}.contact-form .contact-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.contact-form .form-note{font-size:12px;line-height:1.5;margin:-8px 0 0}.contact-form .form-status{min-height:0;margin:0;color:#b8d4ec;font-size:13px;line-height:1.5}.contact-form .form-status:empty{display:none}.contact-form .form-status[data-state=error]{color:#ffb2b2}.contact-form .form-status[data-state=success]{color:#9de1bf}.contact-form .form-status[data-state=unavailable]{padding:12px 14px;border:1px solid #55718b;border-radius:12px;background:#112333;color:#d3e4f2}
.site-footer{background:#080D13;color:var(--ink);border-top:1px solid var(--line)}.footer-brand p,.footer-bottom{color:#9caab9}.footer-col>span{color:#9caab9}

/* Editorial service index: scoped to the catalogue page. */
.services-page .catalog-section{padding:76px 0 86px}
.services-page .catalog-section:nth-of-type(even){background:#101a25}
.services-page .category-head{display:flex;align-items:baseline;gap:22px;margin:0;padding:0 0 22px;border-bottom:1px solid rgba(105,183,255,.48)}
.services-page .category-head>span{min-width:96px;color:var(--blue);font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}
.services-page .category-head h2{margin:0;font-size:clamp(25px,2.6vw,38px);line-height:1.1;letter-spacing:-.035em}
.catalog-list{display:block}
.catalog-row{position:relative;display:grid;grid-template-columns:54px minmax(190px,1fr) minmax(210px,1.02fr) minmax(270px,1.28fr) 112px;gap:20px;align-items:center;min-height:220px;padding:18px 6px;border-bottom:1px solid var(--line);isolation:isolate;transition:border-color .3s var(--ease)}
.catalog-row::before{content:"";position:absolute;z-index:-1;inset:6px -10px;background:linear-gradient(90deg,rgba(105,183,255,.07),rgba(105,183,255,.025) 54%,transparent);border:1px solid transparent;border-radius:14px;opacity:0;transform:translateY(4px);transition:opacity .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.catalog-row:hover,.catalog-row:focus-visible{border-bottom-color:rgba(105,183,255,.48)}
.catalog-row:hover::before,.catalog-row:focus-visible::before{opacity:1;transform:none;border-color:rgba(105,183,255,.16);box-shadow:0 0 24px rgba(58,142,235,.075)}
.catalog-row-number,.catalog-row-label,.catalog-row-meta>span,.catalog-preview-head{font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.catalog-row-number{color:var(--blue);align-self:start;padding-top:26px}
.catalog-row-heading{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-right:20px;border-right:1px solid #38516a}
.catalog-row-label{display:block;color:#8faac3;margin-bottom:12px}
.catalog-row-heading h3{max-width:280px;margin:0;font-size:clamp(23px,2vw,31px);line-height:1.08;letter-spacing:-.04em;transition:color .3s var(--ease)}
.catalog-row:hover h3,.catalog-row:focus-visible h3{color:#b9dcff}
.catalog-row-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:14px}
.catalog-row-summary{max-width:330px;margin:0;color:#b6c4d2;font-size:14px;line-height:1.55}
.catalog-tags{display:flex;flex-wrap:wrap;gap:5px}
.catalog-tags span{padding:4px 7px;border:1px solid #405e79;border-radius:999px;color:#a9c7e1;font:600 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;white-space:nowrap}
.catalog-row-meta{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;align-self:stretch;justify-content:center;padding-left:16px;border-left:1px solid var(--line)}
.catalog-row-meta>span{color:#8faac3}
.catalog-row-meta strong{font-size:25px;letter-spacing:-.045em;line-height:1.15}
.catalog-row-meta small{color:#99aab9;font-size:11px;line-height:1.25}
.catalog-row-meta i{display:grid;place-items:center;width:32px;height:32px;margin-top:12px;border:1px solid #4a6480;border-radius:50%;color:var(--blue);font-size:18px;font-style:normal;transition:background .3s,color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.catalog-row:hover .catalog-row-meta i,.catalog-row:focus-visible .catalog-row-meta i{background:var(--blue);color:#07131f;border-color:var(--blue);box-shadow:0 0 16px rgba(105,183,255,.36);transform:translate(2px,-2px)}
.catalog-preview{min-width:0;height:186px;overflow:hidden;border:1px solid #36516b;border-radius:10px;background:radial-gradient(circle at 80% 20%,rgba(55,135,215,.11),transparent 58%),radial-gradient(circle,#29415a 0 .7px,transparent 1px) 0 0/18px 18px,#101c2a;box-shadow:0 12px 24px rgba(0,0,0,.12);transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.catalog-row:hover .catalog-preview,.catalog-row:focus-visible .catalog-preview{border-color:#68b8ff;box-shadow:0 0 0 1px rgba(105,183,255,.2),0 0 18px rgba(70,151,241,.14);transform:translateY(-2px)}
.catalog-preview-head{display:flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-bottom:1px solid #30465c;color:#9cb9d4;font-size:8px;white-space:nowrap}
.mini-status{width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(105,183,255,.55)}
.mini-window-dots{margin-left:auto;color:#6c849d;font-size:14px;line-height:1}
.catalog-preview-body{height:calc(100% - 28px);padding:11px;display:flex;align-items:stretch;overflow:hidden}
.catalog-preview small{display:block;color:#90acc6;font:600 8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.catalog-preview strong{display:block;color:#f2f6fa;font-size:11px;line-height:1.3}
.catalog-preview em{display:block;color:#80caff;font-size:9px;font-style:normal;line-height:1.3}
.mini-split{display:flex;align-items:center;gap:8px;width:100%;min-width:0}
.mini-pane{display:flex;flex:1;flex-direction:column;justify-content:center;gap:7px;min-width:0;height:100%;padding:9px;border:1px solid #344a60;border-radius:7px;background:#172534}
.mini-pane-accent{border-color:#4475a1;background:#142a40}
.mini-pane>span{display:flex;justify-content:space-between;gap:5px;color:#9eb2c4;font-size:8px;line-height:1.2}
.mini-pane b{color:#e5f2ff;font-weight:650;text-align:right}
.mini-connector{position:relative;display:block;flex:0 0 28px;width:28px;height:18px;color:transparent;font-size:0;font-style:normal}
.mini-connector::before{content:"";position:absolute;left:0;right:5px;top:8px;border-top:1px dashed #75c3ff;box-shadow:0 0 9px rgba(105,183,255,.45)}
.mini-connector::after{content:"";position:absolute;right:2px;top:5px;width:6px;height:6px;border-right:1.5px solid #75c3ff;border-top:1.5px solid #75c3ff;transform:rotate(45deg)}
.mini-sync .mini-connector::before{left:5px}.mini-sync .mini-connector{font-size:0}.mini-sync .mini-connector{background:linear-gradient(135deg,transparent 45%,#75c3ff 45% 55%,transparent 55%) left 6px center/6px 6px no-repeat}
.mini-pipeline{display:flex;align-items:stretch;gap:4px;width:100%}
.mini-pipeline span{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;padding:14px 6px;border:1px solid #344a60;border-radius:6px;color:#a9bfd3;font-size:8px;background:#182636}
.mini-pipeline span b{color:#eef6fd;font-size:17px}.mini-pipeline i{position:relative;align-self:center;flex:0 0 14px;width:14px;height:10px;color:transparent;font-size:0;font-style:normal}.mini-pipeline i::before{content:"";position:absolute;left:0;right:3px;top:4px;border-top:1px dashed #75c3ff}.mini-pipeline i::after{content:"";position:absolute;right:1px;top:2px;width:4px;height:4px;border-right:1px solid #75c3ff;border-top:1px solid #75c3ff;transform:rotate(45deg)}.mini-pipeline .mini-selected{border-color:#69b7ff;background:#193450}
.mini-timeline{display:grid;align-content:center;gap:13px;width:100%;padding-left:8px;border-left:1px solid #44779f}.mini-timeline span{display:flex;align-items:center;gap:10px;color:#b3c7d9;font-size:10px}.mini-timeline i{width:8px;height:8px;margin-left:-13px;border:2px solid #69b7ff;border-radius:50%;background:#132130}.mini-timeline .mini-selected{color:#9cdbff}
.mini-calendar{display:flex;flex:1;flex-direction:column;justify-content:center;gap:11px;min-width:0;padding:9px;border:1px solid #344a60;border-radius:7px;background:#172534}.mini-calendar>div{display:flex;gap:4px}.mini-calendar span{padding:7px 4px;border:1px solid #3f566c;border-radius:4px;color:#bbd0e3;font-size:8px}.mini-calendar .mini-selected{background:#408bc5;color:white;border-color:#69b7ff}
.mini-chat-flow{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1.15fr);align-items:center;gap:5px;width:100%;min-width:0}
.mini-chat-card{display:flex;align-items:flex-start;gap:7px;min-width:0;min-height:94px;padding:12px 9px;border:1px solid #375572;border-radius:9px;background:#17293b;box-shadow:inset 0 0 16px rgba(24,75,126,.08)}
.mini-chat-card-ai{border-color:#5a9ed4;background:#153351;box-shadow:0 0 13px rgba(77,157,239,.13)}
.mini-chat-card>div{min-width:0}.mini-chat-card p{margin:7px 0;color:#e4f0fb;font-size:10px;line-height:1.3}.mini-chat-card time{display:block;color:#91aeca;font-size:8px}
.mini-avatar{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#294660;color:#cce5f8}.mini-chat-card-ai .mini-avatar{background:#2469a6;color:white;box-shadow:0 0 10px rgba(105,183,255,.3)}
.mini-avatar svg{width:15px;height:15px}
.mini-router{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1.18fr) 16px minmax(0,.92fr);gap:2px;align-items:center;width:100%;min-width:0}
.mini-router .mini-connector{width:16px;flex-basis:16px}.mini-router .mini-connector::before{right:4px}
.mini-router-stack{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.mini-router-stack>span{display:flex;align-items:center;gap:5px;min-width:0;padding:5px;border:1px solid #3c5b78;border-radius:6px;background:#172b3e;color:#e1effa}
.mini-router-stack i{min-width:0;overflow:hidden;color:#e1effa;font-size:8px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.mini-router-stack small{margin-top:2px;font-size:7px;font-weight:450;letter-spacing:0}
.mini-app-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:5px;background:#246ba3;color:white;font-size:13px;line-height:1}
.mini-app-telegram{background:#2378a7}.mini-app-whatsapp{background:#188568}.mini-app-icon svg{width:13px;height:13px}
.mini-router-hub{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:100%;padding:7px 4px;border:1px solid #477baa;border-radius:7px;background:#163450;text-align:center;box-shadow:0 0 13px rgba(77,157,239,.1)}
.mini-hub-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#266da6;color:#e9f7ff}.mini-hub-icon svg{width:17px;height:17px}
.mini-router-hub strong{font-size:9px}.mini-router-hub small{font-size:7px;letter-spacing:0}
.mini-router-results .mini-app-icon{background:#27577c}
.mini-label-short{display:none}
.mini-checklist{display:grid;align-content:center;gap:8px;width:100%}.mini-checklist span{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #36516b;border-radius:5px;color:#d8e7f4;font-size:10px;background:#182a3d}.mini-checklist i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1f6c82;color:#b6f4f1;font-size:10px;font-style:normal}
.mini-report{display:flex;align-items:center;gap:17px;width:100%}.mini-report>div:last-child{display:flex;flex-direction:column;gap:8px}.mini-bars{display:flex;align-items:end;gap:5px;width:48%;height:100%;padding:10px 6px 6px;border-bottom:1px solid #4e789b}.mini-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#66b9ff,#1b5c95)}
.mini-document{background:linear-gradient(135deg,#eef4f9,#c9dbea);border-color:#eef4f9}.mini-document small,.mini-document strong,.mini-document span,.mini-document b{color:#13283b!important}
.mini-sync .mini-pane{text-align:center}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.in-view{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

@media (max-width:1180px){
  :root{--container:min(100% - 64px,1200px)}
  :is(.landing-page,.services-page,.service-detail-page){--container:calc(100vw - 160px)}
  .site-header{padding:0 32px;grid-template-columns:1fr auto auto;gap:22px}.header-context{display:none}
  .hero-grid{grid-template-columns:1.1fr .9fr;gap:40px}.hero-visual{min-height:480px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .capability-list{grid-template-columns:repeat(2,1fr)}
  .service-hero-grid{grid-template-columns:1fr 280px}.service-price strong{font-size:72px}
}

@media (max-width:1320px){
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:54px}
  .hero-visual{width:min(720px,100%);height:560px;max-height:none;min-height:0;justify-self:center}
}

@media (max-width:900px){
  :root{--container:calc(100% - 40px);--header-h:72px}
  :is(.landing-page,.services-page,.service-detail-page){--container:calc(100% - 40px)}
  .site-header{height:var(--header-h);padding:0 20px;grid-template-columns:1fr auto;backdrop-filter:none}
  .brand-lockup small{display:none}.desktop-nav,.header-side{display:none}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;background:none;border:0;padding:0;cursor:pointer;z-index:2}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);transition:transform .25s,opacity .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .mobile-menu{display:flex;position:fixed;inset:0;background:var(--bg);padding:120px 20px 40px;flex-direction:column;gap:14px;transform:translateY(-102%);transition:transform .45s var(--ease);z-index:1}.mobile-menu.open{transform:none}.mobile-menu>a:not(.button){font-size:52px;letter-spacing:-.05em;line-height:1;border-bottom:1px solid var(--line);padding:18px 0}.mobile-menu .button{margin-top:auto}
  .page-rail{display:none}
  .hero{padding-top:115px;min-height:auto}.hero-grid,.about-grid,.about-me,.detail-grid,.contact-grid,.custom-band-grid,.price-grid,.contact-page-grid,.service-hero-grid{grid-template-columns:1fr;gap:54px}.hero-visual{height:560px;max-height:none;min-height:0}.hero-copy{padding-top:0}
  .display-title{font-size:clamp(54px,12vw,98px)}.section-title{font-size:clamp(42px,8vw,68px)}
  .split-heading{grid-template-columns:1fr;gap:24px}.section-index{justify-self:start}.section{padding:100px 0}.page-hero{padding:135px 0 80px;min-height:auto}
  .about-grid{gap:48px}.about-grid-second{margin-top:70px}.about-me{margin-top:90px}
  .specimen-toolbar{grid-template-columns:1fr;padding:18px 20px}.specimen-signal{display:none}.specimen-tabs{width:max-content;max-width:100%}.specimen-panel{padding:22px 20px 24px}.specimen-stages{grid-template-columns:1fr;gap:16px}.specimen-stage{min-height:0}.specimen-stage:not(:last-child)::after{left:30px;top:100%;width:1px;height:16px}.specimen-stage:not(:last-child)::before{left:27px;top:calc(100% + 9px);transform:rotate(135deg)}.specimen-footer{padding:18px 20px}
  .services-outro{align-items:flex-start;flex-direction:column}.step summary{grid-template-columns:60px minmax(0,1fr) 30px;gap:18px}.step-summary-text{grid-column:2}.step-plus{grid-column:3;grid-row:1}.step-detail{margin-left:78px}.process-statement{align-items:flex-start;flex-direction:column}
  .page-hero-bottom{align-items:flex-start;flex-direction:column;gap:30px}.catalog-grid{grid-template-columns:1fr}.service-hero-grid{gap:30px}.service-price{min-height:180px}.service-price strong{font-size:76px}
  .capability-list{grid-template-columns:1fr 1fr}.included-list{grid-template-columns:1fr 1fr}
  .contact-panel{padding:26px}.legal-page{grid-template-columns:1fr;gap:50px}.legal-head{position:static}.footer-top{grid-template-columns:1fr 1fr;gap:50px}
  .contact-ambient{display:none}.contact-page-grid>div:first-child::after{content:"";display:block;width:min(250px,80%);height:20px;margin-top:28px;opacity:.72;background-image:radial-gradient(circle,#69b7ff 0 3px,transparent 4px),radial-gradient(circle,#69b7ff 0 3px,transparent 4px),radial-gradient(circle,#69b7ff 0 3px,transparent 4px),linear-gradient(#477cab,#477cab);background-size:8px 8px,8px 8px,8px 8px,100% 1px;background-position:left center,center center,right center,center center;background-repeat:no-repeat}
}

@media (max-width:640px){
  :root{--container:calc(100% - 28px)}
  :is(.landing-page,.services-page,.service-detail-page){--container:calc(100% - 28px)}
  .section{padding:82px 0}.hero{padding:105px 0 62px}.page-hero{padding:115px 0 64px}
  .display-title{font-size:clamp(48px,14.2vw,74px);line-height:.9}.section-title{font-size:clamp(38px,11vw,56px)}.mega-title{font-size:clamp(48px,12vw,70px)}
  .hero-lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.tech-line{flex-wrap:wrap;line-height:1.8}
  .hero-visual{height:460px;border-radius:14px}.ambient-code{opacity:.065}.editor-toolbar{padding:0 12px}.editor-caption{display:none}.editor-body{padding:20px 11px 100px}.editor-line{font-size:10px;min-height:24px;line-height:24px}.editor-line-no{flex-basis:27px}.editor-result{right:12px;bottom:45px;width:205px;padding:12px}.editor-status{padding:0 12px}
  .hero-view-toggle{margin-left:auto;padding:5px 7px;font-size:8px}.hero-flow-head{flex-basis:38px;padding:0 14px;font-size:8px}.hero-flow-head span:last-child{font-size:7px}
  .hero-flow-card{width:calc(100% - 42px);min-height:87px;padding:9px 13px}.hero-flow-card:nth-of-type(1){top:3%;left:21px}.hero-flow-card:nth-of-type(2){top:36%;left:21px;right:auto}.hero-flow-card:nth-of-type(3){top:69%;left:21px;bottom:auto}
  .hero-flow-card-top{margin-bottom:5px;font-size:8px}.hero-flow-card-top svg{width:15px;height:15px}.hero-flow-card strong{font-size:16px}.hero-flow-card p{margin-top:2px;font-size:11px}.hero-flow-card small{padding-top:4px;font-size:8px}
  .system-map-head span:last-child{display:none}.big-quote{font-size:34px}
  .specimen-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.specimen-tab{padding:9px 6px;font-size:11px}.specimen-panel-head{align-items:start;flex-direction:column;gap:8px}.specimen-panel-head p{text-align:left}.specimen-footer{align-items:start;flex-direction:column}
  .services-grid{grid-template-columns:1fr}.service-card{min-height:330px}.service-card h3{margin-top:24px}.services-outro{padding:34px}
  .step summary{grid-template-columns:44px minmax(0,1fr) 30px;gap:14px;padding:25px 0}.step-title{font-size:20px}.step-summary-text{font-size:14px}.step-detail{margin-left:58px;padding:18px 12px 26px 0}.step-detail p{font-size:14px}.process-statement>span{line-height:1.5}
  .category-head{grid-template-columns:44px 1fr}.catalog-card{min-height:310px}.catalog-card h3{font-size:31px;margin-top:23px}.catalog-meta{flex-direction:column;gap:4px}
  .service-price{padding:24px;border-radius:12px}.service-price strong{font-size:70px}.capability-list{grid-template-columns:1fr}.capability-list li{min-height:120px}.included-list{grid-template-columns:1fr}
  .contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.direct-links a{grid-template-columns:1fr 30px;gap:6px}.direct-links span{grid-column:1/-1}.direct-links strong{font-size:20px;overflow-wrap:anywhere}.direct-links i{grid-column:2;grid-row:2}
  .legal-head h1{font-size:52px}.legal-content h2{font-size:23px}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px}
}

@media (max-height:520px), (hover:none), (pointer:coarse){
  .page-rail{display:none}
}

@media (max-width:1100px){
  .catalog-row{grid-template-columns:44px minmax(0,1fr) minmax(250px,.9fr) 100px;grid-template-rows:auto auto;gap:12px 18px;min-height:205px}
  .catalog-row-number{grid-column:1;grid-row:1}
  .catalog-row-heading{grid-column:2;grid-row:1;align-self:end;padding:0 0 12px;border-right:0;border-bottom:1px solid #38516a}
  .catalog-row-copy{grid-column:2;grid-row:2;align-self:start}
  .catalog-preview{grid-column:3;grid-row:1/3}
  .catalog-row-meta{grid-column:4;grid-row:1/3}
}

@media (max-width:800px){
  .services-page .catalog-section{padding:60px 0 68px}
  .catalog-row{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto;gap:10px 14px;padding:24px 0}
  .catalog-row-number{grid-column:1;grid-row:1;padding-top:3px}
  .catalog-row-heading,.catalog-row-copy,.catalog-preview,.catalog-row-meta{grid-column:2;grid-row:auto}
  .catalog-row-heading{align-self:auto}.catalog-row-heading h3{max-width:none}
  .catalog-row-label{margin-bottom:7px}
  .catalog-row-summary{max-width:620px}
  .catalog-preview{width:100%;max-width:520px;height:186px;margin-top:9px}
  .catalog-row-meta{flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;align-self:auto;padding:0;border:0}
  .catalog-row-meta strong{font-size:20px}.catalog-row-meta small{margin-left:auto}.catalog-row-meta i{margin:0 0 0 4px}
}

@media (max-width:640px){
  .services-page .category-head{gap:8px;align-items:flex-start;flex-direction:column;padding-bottom:17px}
  .services-page .category-head h2{font-size:27px}
  .catalog-row{grid-template-columns:30px minmax(0,1fr);gap:9px 10px}
  .catalog-row-heading h3{font-size:26px}
  .catalog-row-summary{font-size:13px}
  .catalog-row-meta{flex-wrap:wrap}.catalog-row-meta small{order:3;width:100%;margin-left:0}.catalog-row-meta i{margin-left:auto}
  .mini-label-full{display:none}.mini-label-short{display:inline}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}
}

/* Price labels remain stable when browser translation is enabled. */
.card-meta b{font-weight:inherit}
.service-hero{position:relative;isolation:isolate;overflow:hidden}
.service-hero>.container{position:relative;z-index:1}
.service-hero::after{content:"";position:absolute;width:min(42vw,650px);aspect-ratio:1;right:-15%;top:4%;border:1px solid rgba(105,183,255,.1);border-radius:50%;box-shadow:0 0 0 64px rgba(105,183,255,.025),0 0 0 128px rgba(105,183,255,.018);pointer-events:none;z-index:0}
.service-price{position:relative;overflow:hidden}
.service-price::after{content:"";position:absolute;right:-38px;bottom:-54px;width:175px;height:175px;border:1px solid rgba(128,196,255,.16);border-radius:50%;box-shadow:0 0 0 29px rgba(128,196,255,.035);pointer-events:none}
.service-price strong{position:relative;z-index:1;white-space:nowrap}
.pricing-section .mega-title{overflow-wrap:normal}

@media (max-width:900px){
  .service-hero::after{right:-32%;width:65vw}
}
@media (max-width:640px){
  .service-hero::after{right:-48%;top:8%;width:90vw}
}

/* Focused service selection and compact, concrete explanations. */
.about-grid-second{align-items:start;margin-top:76px;padding-top:50px}
.about-example-label>span,.about-comparison span,.scenario-kicker,.scenario-stages small,.estimate-scope>span{font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--blue)}
.about-example-label h3{max-width:480px;margin:16px 0 0;font-size:clamp(34px,3.5vw,56px);line-height:1.05;letter-spacing:-.045em}
.about-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-comparison>div{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.about-comparison>div:last-child{border-color:rgba(105,183,255,.52);background:rgba(105,183,255,.055)}
.about-comparison p{margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.about-me{margin-top:84px;padding-top:54px}
.services-grid .service-card-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);grid-template-rows:auto 58px auto 1fr auto;column-gap:7%;min-height:356px;padding:30px 36px;border-color:#5f91bf;background:#1b3046}
.service-card-featured .card-top,.service-card-featured .card-meta{grid-column:1/-1}
.service-card-featured .card-symbol{grid-column:1;grid-row:2;margin-top:8px}
.service-card-featured h3{grid-column:1;grid-row:3;max-width:500px;margin:12px 0;font-size:clamp(34px,3.3vw,52px)}
.service-card-featured p{grid-column:1;grid-row:4;max-width:660px;margin:0 0 25px;font-size:17px;line-height:1.5}
.featured-chat{grid-column:2;grid-row:2/5;align-self:center;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #486b8b;border-radius:14px;background:#112234}
.featured-chat>span{max-width:85%;padding:14px 16px;border:1px solid #486b8b;border-radius:12px;color:#dceafa;font-size:14px;line-height:1.45}
.featured-chat>span:nth-child(2){align-self:flex-end;border-color:#6ab9f6;background:#1c3d5a}
.featured-chat small{margin-top:12px;color:#8ebfe9;font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
.service-card-featured .card-meta{grid-row:5}
.services-outro{padding:38px 42px;align-items:center}
.services-outro h3{font-size:clamp(30px,2.8vw,46px)}
.services-outro p{margin:12px 0 0;color:#bbcede;font-size:16px}
.contact-cta,.service-contact,.custom-band{padding-top:84px;padding-bottom:84px}
.contact-cta .section-title,.service-contact .section-title,.custom-band .mega-title{font-size:clamp(42px,4.2vw,72px)}
.contact-copy .button{margin-top:18px}
.custom-band-grid{align-items:center}
.custom-band p{font-size:17px;line-height:1.55}
.custom-band .button{margin-top:12px}
.catalog-jumps{display:none}
.catalog-tags span{padding:5px 8px;font-size:10px;line-height:1.1}
.catalog-preview-head,.catalog-preview small{font-size:9px}
.catalog-preview strong{font-size:12px}
.catalog-preview em,.mini-pane>span,.mini-pipeline span,.mini-router-stack i{font-size:9px}
.catalog-preview{height:196px}
.service-toc{display:none}
.detail-section,.included-section,.faq-section{padding-top:90px;padding-bottom:90px}
.pricing-section{padding-top:100px;padding-bottom:100px}
.scenario-example{margin-top:34px;padding:20px 22px 22px;border:1px solid #3d617e;border-radius:14px;background:#142436;font-size:initial}
.scenario-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.scenario-stages>div{position:relative;min-width:0;padding-top:14px;border-top:1px solid #426586}
.scenario-stages>div:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:12px;color:var(--blue);font-size:15px}
.scenario-stages small{display:block;margin-bottom:8px}
.scenario-stages strong{display:block;color:var(--ink);font-size:14px;font-weight:600;line-height:1.35}
.service-conditions{display:grid;gap:18px;margin-top:24px}
.service-conditions>div{padding:18px 20px;border-left:2px solid #5caef1;background:rgba(105,183,255,.055)}
.service-conditions span{display:block;color:#83c9fa;font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.service-conditions p{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.capability-intro,.included-note{max-width:760px;margin:22px 0 30px;color:var(--muted);font-size:16px;line-height:1.55}
.catalog-price-note{margin-top:24px;margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.5}
.included-note{max-width:420px;margin-bottom:0}
.contact-ai-note{max-width:590px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.55}
.contact-quick-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:28px}.contact-quick-links .text-link{color:var(--blue);font-size:15px}
.pricing-copy>strong{margin-bottom:20px}
.estimate-scope{padding-top:20px;border-top:1px solid rgba(143,182,218,.3)}
.estimate-scope>span{display:block;margin-top:20px;color:#8fc8f1}
.estimate-scope>span:first-child{margin-top:0}
.estimate-scope p{margin:10px 0 0;font-size:16px;line-height:1.5}
.estimate-scope .price-disclaimer{margin-top:22px;padding-top:18px;border-top:1px solid rgba(143,182,218,.3);font-size:13px;line-height:1.5}
.pricing-copy .button{margin-top:22px}

@media (max-width:900px){
  .catalog-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;margin-bottom:20px}
  .catalog-jumps a{display:flex;align-items:center;gap:9px;padding:13px 14px;border:1px solid #3b5d7b;border-radius:9px;color:var(--ink);font-size:13px;font-weight:650;line-height:1.25;background:#142333}
  .catalog-jumps a:hover,.catalog-jumps a:focus-visible{border-color:var(--blue);background:#1a3550;box-shadow:0 0 14px rgba(105,183,255,.15)}
  .catalog-jumps span{color:var(--blue);font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}
  .service-toc{display:block;margin-top:30px;border:1px solid #3c607f;border-radius:12px;background:#142638}
  .service-toc summary{display:flex;justify-content:space-between;padding:15px 18px;cursor:pointer;font-size:14px;font-weight:700;list-style:none}
  .service-toc summary::-webkit-details-marker{display:none}
  .service-toc[open] summary span{transform:rotate(180deg)}
  .service-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0 8px 8px}
  .service-toc a{padding:12px 10px;border-top:1px solid #35516a;color:#b9d4eb;font-size:13px}
  .service-toc a:hover,.service-toc a:focus-visible{color:var(--blue)}
  .services-grid .service-card-featured{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto;min-height:0}
  .service-card-featured .card-symbol,.service-card-featured h3,.service-card-featured p,.featured-chat,.service-card-featured .card-meta{grid-column:1;grid-row:auto}
  .featured-chat{width:100%;margin:0 0 26px}
  .about-comparison{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .about-grid-second{margin-top:54px;padding-top:42px}
  .about-comparison{grid-template-columns:1fr}
  .about-comparison>div{min-height:0}
  .services-grid .service-card-featured{grid-column:1;padding:25px}
  .service-card-featured h3{font-size:36px}
  .service-card-featured p{font-size:15px}
  .featured-chat{padding:16px}
  .featured-chat>span{font-size:12px}
  .services-outro{padding:30px}
  .contact-cta,.service-contact,.custom-band{padding-top:70px;padding-bottom:70px}
  .catalog-jumps{grid-template-columns:1fr 1fr;margin-top:14px}
  .catalog-jumps a{padding:11px;font-size:11px}
  .catalog-preview{height:222px}
  .catalog-preview-body{padding:8px}
  .catalog-preview small{font-size:10px}
  .catalog-preview strong{font-size:13px}
  .catalog-preview em{font-size:10px}
  .mini-pane>span,.mini-pipeline span{font-size:10px}
  .mini-chat-card p,.mini-checklist span,.mini-timeline span{font-size:11px}
  .scenario-stages{grid-template-columns:1fr;gap:9px}
  .scenario-stages>div{padding-top:10px}
  .scenario-stages>div:not(:last-child)::after{content:"↓";right:0;top:auto;bottom:-14px}
  .scenario-stages strong{font-size:13px}
  .service-toc nav{grid-template-columns:1fr}
  .detail-section,.included-section,.faq-section{padding-top:72px;padding-bottom:72px}
  .pricing-section{padding-top:76px;padding-bottom:76px}
}

/* Catalogue illustrations: compact scenes from recognisable working interfaces. */
.pv-preview{height:auto;min-height:246px;background:#101c2a;border-color:#3d6485;container-type:inline-size}
.pv-preview .catalog-preview-head{height:32px;font-size:9px;letter-spacing:.11em;background:#102238}
.pv-preview .catalog-preview-body{display:block;height:auto;min-height:213px;padding:11px;overflow:visible}
.pv-preview svg{display:block;width:16px;height:16px;flex:none}
.pv-two{display:grid;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);gap:6px;align-items:stretch;min-height:190px}
.pv-panel{display:flex;flex-direction:column;gap:8px;min-width:0;padding:11px;border:1px solid #385874;border-radius:9px;background:#162637;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.pv-result-panel{border-color:#568fbd;background:#18324b;box-shadow:0 0 15px rgba(63,158,240,.08)}
.pv-panel-head{display:flex;align-items:center;gap:7px;min-height:22px;color:#b9d8ef;font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.065em;text-transform:uppercase}
.pv-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#214969;color:#8bcaff}
.pv-icon svg{width:14px;height:14px}
.pv-arrow{display:grid;place-items:center;min-width:0;color:#75c4ff;filter:drop-shadow(0 0 5px rgba(105,183,255,.32))}
.pv-arrow svg{width:25px;height:20px}
.pv-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:22px;padding:4px 0;border-bottom:1px solid rgba(141,176,207,.18);color:#9bb7ce;font-size:10px;line-height:1.25}
.pv-row>span{flex:none}.pv-row strong{min-width:0;overflow-wrap:anywhere;color:#eff8ff;font-size:10px;line-height:1.25;text-align:right}
.pv-tag{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;padding:4px 7px;border:1px solid #4b789c;border-radius:999px;background:#1a3b57;color:#a9d6f8;font:700 9px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal}
.pv-success{border-color:#3d907e;background:#17463f;color:#a8efcf}
.pv-attention{border-color:#a58955;background:#433b2b;color:#ffe0a5}
.pv-form{display:flex;flex-direction:column;gap:5px;margin-top:auto}
.pv-form .pv-row{min-height:21px;padding:4px 6px;border:1px solid #3a5973;border-radius:4px;background:#112233;font-size:9px}
.pv-form .pv-row strong{font-size:9px}
.pv-action{display:flex;justify-content:center;gap:6px;margin-top:2px;padding:7px 6px;border-radius:4px;background:#4daaf5;box-shadow:0 0 10px rgba(77,170,245,.16);color:#071522;font-size:10px;font-weight:800}
.pv-action b{font-size:12px}
.pv-profile{display:flex;align-items:center;gap:8px;margin:5px 0 1px}
.pv-avatar{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #4d83ac;border-radius:50%;background:#244c69;color:#d7f0ff;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}
.pv-profile>div{min-width:0}.pv-profile strong{display:block;color:#f1f7fc;font-size:12px;line-height:1.1}.pv-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;letter-spacing:0}
.pv-panel .pv-tag{margin-top:4px}
.pv-company{display:block;margin:6px 0;color:#f2f7fc;font-size:14px;line-height:1.2}
.pv-microcopy{margin:3px 0;color:#b8cad8;font-size:10px;line-height:1.35}
.pv-hint{margin-top:auto;color:#8fb6d2;font-size:9px;letter-spacing:0}
.pv-browser-line{padding:5px 7px;border:1px solid #3b5871;border-radius:4px;background:#102132;color:#9bc9ee;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}
.pv-draft{margin-top:auto;padding:7px;border:1px solid #4b789c;border-radius:5px;background:#183b59}
.pv-draft small{font-size:8px}.pv-draft strong{margin-top:3px;color:#ecf6ff;font-size:10px}
.pv-board{display:flex;flex-direction:column;min-height:190px;border:1px solid #395c7b;border-radius:8px;background:#142638}
.pv-board-head{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid #385b78;color:#e1f1fe;font-size:10px;font-weight:700}
.pv-board-head small{color:#86b7da;font-size:8px;text-align:right}
.pv-board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;padding:9px}
.pv-board-col{position:relative;min-width:0;padding:8px;border:1px solid #38536b;border-radius:6px;background:#172a3c}
.pv-board-col:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;z-index:2;color:#70c0fa;font-size:14px}
.pv-board-col small{display:block;color:#a6c4db;font-size:9px}
.pv-board-ghost{display:block;height:41px;margin-top:15px;padding:8px 6px;border:1px dashed #506c86;border-radius:4px;color:#92acc0;font-size:9px;opacity:.58}
.pv-board-active{border-color:#6bb8f2;background:#1b3c59}.pv-deal{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding:7px;border:1px solid #5987ab;border-radius:5px;background:#12314b}
.pv-deal strong{font-size:11px}.pv-deal span{color:#b3d1e7;font-size:9px}.pv-deal em{font-size:9px;color:#a6e8cc}
.pv-follow{display:flex;flex-direction:column;justify-content:space-between;min-height:190px;gap:14px}
.pv-follow-lead{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #3e607f;border-radius:8px;background:#162b3f}
.pv-follow-lead small{display:block;font-size:8px}.pv-follow-lead strong{font-size:12px}
.pv-follow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pv-follow-steps>div{position:relative;min-width:0;min-height:95px;padding:10px;border:1px solid #3b5d78;border-radius:7px;background:#172b3e}
.pv-follow-steps>div:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:39px;color:#78c5fa}
.pv-step-icon{display:grid;place-items:center;width:26px;height:26px;margin-bottom:8px;border-radius:7px;background:#244e6d;color:#a8d9fa}
.pv-step-icon svg{width:15px;height:15px}.pv-follow-steps small{font-size:9px}.pv-follow-stop{border-color:#58a99e!important;background:#193e43!important}.pv-follow-stop strong{font-size:11px;color:#a9f0d2}
.pv-slots{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0}
.pv-slots span{padding:7px;border:1px solid #52718b;border-radius:5px;color:#d8e9f8;font-size:10px}
.pv-slots .pv-selected{border-color:#76c4ff;background:#2e75ad;color:white;box-shadow:0 0 10px rgba(105,183,255,.24)}
.pv-booking-time{margin:6px 0 0;color:#eff9ff;font-size:22px!important;line-height:1.1}
.pv-confirm-list,.pv-audit{display:flex;flex-direction:column;gap:4px;margin-top:auto;color:#a9e8ca;font-size:9px}
.pv-chat{display:flex;flex-direction:column;gap:7px;min-height:190px}
.pv-bubble{display:flex;gap:9px;width:78%;padding:9px;border:1px solid #3b5f7d;border-radius:9px;background:#172b3e}
.pv-bubble p{margin:4px 0 0;color:#e9f4fd;font-size:11px;line-height:1.3}
.pv-bubble small{font-size:8px}.pv-bubble .pv-tag{margin-top:6px;font-size:8px}
.pv-assistant{align-self:flex-end;border-color:#69b7ee;background:#1c3c57}
.pv-avatar-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#244e6d;color:#c8e9ff}
.pv-avatar-icon svg{width:15px;height:15px}
.pv-handoff{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding:6px 8px;border:1px dashed #4e7898;border-radius:6px;color:#a6c7df;font-size:9px}
.pv-handoff>span{display:flex;align-items:center;gap:5px}.pv-handoff svg{width:12px;height:12px}.pv-handoff strong{color:#b9e0fb;font-size:9px;text-align:right}
.pv-router{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,.95fr) 18px minmax(0,.9fr);gap:3px;align-items:center;min-height:190px}
.pv-router .pv-arrow svg{width:19px}.pv-route-input,.pv-route-output{display:flex;flex-direction:column;gap:7px;min-width:0}
.pv-route-input>div,.pv-route-output>span{display:grid;grid-template-columns:22px minmax(0,1fr);gap:3px 5px;align-items:center;min-width:0;padding:7px;border:1px solid #406382;border-radius:7px;background:#192e43}
.pv-route-input strong{min-width:0;font-size:10px}.pv-route-input small{grid-column:2;font-size:8px;letter-spacing:0}
.pv-channel{display:grid;place-items:center;grid-row:1/3;width:22px;height:22px;border-radius:6px;color:white;font-size:15px;font-weight:700}.pv-channel svg{width:14px;height:14px}.pv-telegram{background:#277bad}.pv-whatsapp{background:#1b8b66}
.pv-route-engine{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:8px;border:1px solid #68a9d8;border-radius:8px;background:#1a3a56;text-align:center;box-shadow:0 0 14px rgba(105,183,255,.12)}
.pv-route-engine strong{font-size:10px}.pv-route-engine small{font-size:8px}.pv-route-output>span{display:flex;gap:5px;color:#e4f2fc;font-size:10px}.pv-route-output svg{width:14px;height:14px;color:#83c8fa}
.pv-inbox-mail{display:flex;flex-direction:column;gap:7px;margin-top:5px;padding:9px;border:1px solid #46617b;border-radius:6px;background:#102235}
.pv-inbox-mail strong{font-size:12px}.pv-inbox-mail span,.pv-inbox-mail em{color:#bad0e1;font-size:9px;line-height:1.3}.pv-inbox-mail em{color:#91c8ee}
.pv-task-list{display:flex;flex-direction:column;gap:6px;margin-top:3px}
.pv-task-list span{padding:7px;border:1px solid #456783;border-radius:5px;background:#1a3a53;color:#e2f2fc;font-size:10px}
.pv-decision-buttons{display:flex;gap:6px;margin-top:auto}.pv-decision-buttons span{padding:6px;border:1px solid #588fb8;border-radius:4px;color:#acd8f6;font-size:9px}.pv-decision-buttons span:first-child{background:#286a8e;color:white}
.pv-chart{position:relative;display:flex;align-items:end;gap:8px;flex:1;min-height:90px;margin-top:5px;padding:8px 6px 0;border-bottom:1px solid #6386a3}
.pv-chart::after{content:"";position:absolute;left:0;right:0;top:30%;border-top:1px dashed #ad9862}
.pv-chart>span{flex:1;height:var(--bar);border-radius:3px 3px 0 0;background:#347bb1}
.pv-chart>.pv-chart-alert{background:#f0b770}.pv-chart-caption{display:flex;justify-content:space-between;color:#9eb8cc;font-size:9px}
.pv-paper{border-color:#c3d5e3;background:#e9f0f5}.pv-paper .pv-panel-head,.pv-paper .pv-company,.pv-paper .pv-row,.pv-paper .pv-row strong{color:#183449}
.pv-paper .pv-icon{background:#c3d9e8;color:#235577}.pv-invoice{display:flex;flex-direction:column;gap:3px;margin-top:3px}
.pv-invoice>strong{color:#15364d;font-size:15px}.pv-invoice>span{color:#486477;font-size:9px}.pv-paper .pv-row{border-bottom-color:#c8d8e4}
.pv-valid strong::after{content:" ✓";color:#86e5bd}.pv-field-warning{padding:5px 6px;border:1px solid #aa8950;border-radius:4px;color:#f5d6a4;font-size:9px}
.pv-changed{padding:6px;border:1px solid #68afe1;border-radius:5px;background:#1c4664}
.pv-feedback{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);gap:3px;align-items:stretch;min-height:190px}
.pv-feedback>div{min-width:0;padding:9px;border:1px solid #406481;border-radius:8px;background:#172c40}
.pv-feedback>div:last-child{border-color:#68aee0;background:#1a3c57}
.pv-feedback .pv-panel-head{align-items:flex-start;font-size:8px}.pv-feedback p{margin:20px 0 10px;color:#e1edf7;font-size:10px;line-height:1.3}
.pv-feedback strong{display:block;margin:26px 0 7px;font-size:11px}.pv-feedback .pv-stars{color:#f4c172;font-size:13px;letter-spacing:-.1em}
.pv-feedback .pv-arrow{padding:0}.pv-feedback .pv-arrow svg{width:18px}.pv-feedback small{font-size:8px}
.custom-process-preview{margin-top:30px;border:1px solid #50799c;border-radius:12px;background:#112438;box-shadow:0 14px 32px rgba(0,0,0,.12)}
.custom-process-head{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid #355778;color:#9fc9e7;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}
.custom-process-flow{display:grid;grid-template-columns:1fr 13px 1fr 13px 1fr 13px 1fr;gap:5px;align-items:center;padding:17px 14px}
.custom-process-flow>div{min-width:0;min-height:66px;padding:10px 7px;border:1px solid #466d8e;border-radius:6px;background:#19354d}
.custom-process-flow>div:nth-of-type(2){border-color:#70b7ed}.custom-process-flow>span,.custom-process-flow strong{display:block}.custom-process-flow span{color:#83b8dd;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace}
.custom-process-flow strong{margin-top:8px;color:#e7f4fe;font-size:10px;line-height:1.2}.custom-process-flow i{color:#75c5fa;font-style:normal}
.custom-process-foot{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:12px 15px;border-top:1px solid #355778;color:#8fbadd;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace}
.custom-process-foot b{color:#d0e3f3;font-weight:500}

@container (max-width:390px){
  .pv-preview .catalog-preview-body{padding:9px}
  .pv-panel{padding:8px;gap:5px}
  .pv-panel-head{font-size:8px}
  .pv-row,.pv-row strong{font-size:9px}
  .pv-route-input>div,.pv-route-output>span{padding:5px}
  .pv-route-input strong,.pv-route-output>span{font-size:9px}
  .pv-router .pv-arrow svg,.pv-feedback .pv-arrow svg{width:15px}
}
@media (max-width:480px){
  .pv-preview .catalog-preview-body{padding:11px}
  .pv-two{grid-template-columns:1fr;grid-template-rows:auto 20px auto;gap:5px}
  .pv-two .pv-panel{min-height:128px;padding:12px}
  .pv-two .pv-arrow svg{transform:rotate(90deg)}
  .pv-panel-head{font-size:10px}.pv-row,.pv-row strong{font-size:10px}
  .pv-form .pv-row{font-size:10px}.pv-form .pv-row strong{font-size:10px}
  .pv-board{min-height:225px}.pv-board-ghost{height:52px}.pv-deal{margin-top:18px}
  .pv-follow{min-height:220px}.pv-follow-steps{gap:6px}.pv-follow-steps>div{padding:7px}.pv-follow-steps small{font-size:8px}
  .pv-chat{min-height:190px}.pv-bubble{width:88%}.pv-handoff{margin-top:8px}
  .pv-router{grid-template-columns:1fr;gap:5px;min-height:0}
  .pv-route-input,.pv-route-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .pv-route-output{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pv-route-input>div:nth-child(2){grid-column:2}.pv-router .pv-arrow svg{transform:rotate(90deg)}
  .pv-route-engine{min-height:75px;gap:4px}.pv-route-engine .pv-icon{width:23px;height:23px;flex-basis:23px}
  .pv-feedback{grid-template-columns:1fr;gap:5px}.pv-feedback>div{min-height:100px;padding:11px}
  .pv-feedback .pv-arrow svg{transform:rotate(90deg)}.pv-feedback strong{margin:10px 0 5px}.pv-feedback p{margin:9px 0 4px}
  .custom-process-flow{display:flex;flex-direction:column;align-items:stretch;gap:5px}
  .custom-process-flow>div{min-height:0;padding:11px 12px}
  .custom-process-flow i{align-self:center;transform:rotate(90deg)}
}

.contact-form[hidden]{display:none!important}