@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root { --ink:#f3eee9; --text:#c9c4c6; --muted:#938f99; --navy:#050a12; --panel:#0a121e; --panel-2:#0d1725; --line:rgba(188,211,232,.22); --line-bright:rgba(219,232,241,.46); --pink:#dc8094; --pink-deep:#632838; --blue:#93c4ff; --serif:"EB Garamond",Georgia,serif; --mono:"JetBrains Mono",monospace; }
* { box-sizing:border-box; }
html { background:var(--navy); scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 78% 5%,rgba(56,99,160,.22),transparent 26%),radial-gradient(circle at 8% 18%,rgba(153,51,76,.12),transparent 24%),linear-gradient(145deg,#03070e 0%,#08121e 50%,#03070d 100%); color:var(--ink); font:18px/1.52 var(--serif); overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.32; background:linear-gradient(rgba(137,183,227,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(137,183,227,.026) 1px,transparent 1px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.66) 100%); background-size:38px 38px,38px 38px,auto; }
a { color:inherit; }
.shell { width:min(1180px,calc(100% - 42px)); margin:auto; position:relative; z-index:1; }
.announcement { border:1px solid rgba(220,128,148,.55); border-top:0; background:linear-gradient(90deg,rgba(103,39,56,.9),rgba(41,20,35,.85),rgba(68,25,41,.9)); color:#f4dce2; box-shadow:0 0 28px rgba(214,86,116,.18),inset 0 1px rgba(255,255,255,.14); font:11px/1.25 var(--mono); letter-spacing:.1em; padding:11px 16px; text-align:center; text-transform:uppercase; }
.announcement a { color:#fff5f7; font-weight:600; }
.nav { display:flex; align-items:center; gap:25px; min-height:82px; border:1px solid var(--line); border-top:0; padding:0 24px; background:linear-gradient(180deg,rgba(12,21,34,.88),rgba(5,11,19,.8)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.2); font:11px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.wordmark { font:500 31px var(--serif); letter-spacing:.015em; margin-right:auto; text-decoration:none; color:#fff8f5; text-transform:none; }
.nav a { color:#b9c1ce; text-decoration:none; transition:color .18s ease,text-shadow .18s ease; }
.nav a:hover { color:#fff; text-shadow:0 0 14px rgba(154,197,255,.7); }
.nav .request { border:1px solid rgba(234,128,151,.72); border-radius:4px; padding:11px 14px; color:#ffe8ee; background:linear-gradient(180deg,rgba(163,66,91,.55),rgba(64,21,35,.72)); box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 18px rgba(211,75,107,.17); }
.hero,.article { position:relative; border:1px solid var(--line); border-top:0; background:linear-gradient(120deg,rgba(9,17,29,.95),rgba(5,11,19,.89)); }
.hero { padding:clamp(58px,9vw,108px) clamp(25px,7vw,80px) 66px; overflow:hidden; }
.hero::after,.article::after { content:""; position:absolute; inset:12px; border:1px solid rgba(183,208,230,.12); pointer-events:none; }
.eyebrow,.kicker,.type { position:relative; z-index:1; color:var(--pink); font:11px var(--mono); letter-spacing:.22em; text-transform:uppercase; }
.hero h1 { position:relative; z-index:1; max-width:820px; font-size:clamp(49px,7vw,86px); font-weight:500; line-height:.91; letter-spacing:-.035em; margin:20px 0; text-wrap:balance; }
.hero p { position:relative; z-index:1; max-width:700px; color:var(--text); font-size:clamp(20px,2.1vw,25px); line-height:1.32; }
.actions { position:relative; z-index:1; display:flex; gap:19px; align-items:center; flex-wrap:wrap; margin-top:31px; font:12px var(--mono); }
.primary { display:inline-flex; align-items:center; min-height:49px; padding:14px 22px; border:1px solid rgba(249,168,188,.8); border-radius:4px; background:linear-gradient(180deg,rgba(197,89,117,.76),rgba(84,27,43,.94)); box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 25px rgba(220,82,116,.27); color:#fff7f8; font-weight:600; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.primary:hover { transform:translateY(-2px); box-shadow:inset 0 1px rgba(255,255,255,.32),0 0 38px rgba(230,100,134,.42); }
.secondary { color:var(--blue); text-underline-offset:5px; }
.offer-line { position:relative; z-index:1; display:inline-block; margin-top:30px; padding:12px 15px; border:1px solid rgba(175,202,226,.24); background:rgba(4,10,17,.56); color:#e7d6dc; font:11px var(--mono); letter-spacing:.1em; }
.section { position:relative; z-index:1; padding:54px clamp(25px,6vw,70px); border:1px solid var(--line); border-top:0; background:linear-gradient(130deg,rgba(8,16,27,.95),rgba(5,11,18,.92)); }
.section h2 { font-size:clamp(35px,4.4vw,54px); font-weight:500; line-height:1; letter-spacing:-.025em; margin:12px 0 25px; }
.context-grid,.domain-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--line); background:rgba(2,7,13,.33); }
.context-grid a,.domain-grid div { min-height:94px; padding:21px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-decoration:none; }
.context-grid a:nth-child(2n),.domain-grid div:nth-child(2n) { border-right:0; }
.context-grid a:nth-last-child(-n+2),.domain-grid div:nth-last-child(-n+2) { border-bottom:0; }
.context-grid a { color:#e5d9e0; font:12px/1.45 var(--mono); transition:background .16s ease,color .16s ease; }
.context-grid a:hover { background:rgba(146,69,91,.2); color:#fff; }
.offer,.service { border:1px solid rgba(194,214,230,.28); background:linear-gradient(135deg,rgba(18,29,44,.9),rgba(6,12,21,.92)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.2); }
.offer { padding:31px; }
.offer h3 { font-size:30px; font-weight:500; margin:8px 0; }
.offer p,.work-item p,.terms li { color:var(--text); }
.offer ul { padding-left:20px; columns:2; }
.method { display:grid; gap:0; border:1px solid var(--line); }
.method div { display:grid; grid-template-columns:160px 1fr; gap:18px; padding:21px; border-bottom:1px solid var(--line); }
.method div:last-child { border:0; }
.method b { color:var(--pink); font:11px var(--mono); letter-spacing:.12em; }
.method p { color:var(--text); margin:0; }
.work-item { padding:25px 0; border-top:1px solid var(--line); }
.work-item h3 { font-size:29px; font-weight:500; margin:9px 0; }
.work-item a { color:#fff4f6; text-decoration-color:var(--pink); text-underline-offset:5px; }
.service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.service { padding:26px; }
.service h3 { font-size:28px; font-weight:500; line-height:1.08; margin:4px 0 10px; }
.service .term { color:var(--pink); font:11px var(--mono); letter-spacing:.08em; }
.domain-grid div { color:var(--text); font-size:17px; }
.domain-grid h3 { color:var(--blue); font:11px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.footer { border:1px solid var(--line); border-top:0; padding:34px 26px 54px; color:var(--muted); display:flex; justify-content:space-between; gap:20px; font:12px var(--mono); }
.article { min-height:60vh; padding:clamp(48px,7vw,88px) clamp(25px,7vw,80px); }
.article h1 { position:relative; z-index:1; max-width:850px; font-size:clamp(48px,6vw,74px); font-weight:500; line-height:.95; margin:18px 0; }
.article h2 { position:relative; z-index:1; font-size:36px; font-weight:500; margin-top:48px; }
.article p,.article li { position:relative; z-index:1; color:var(--text); }
.article .abstract { position:relative; z-index:1; max-width:760px; font-size:22px; line-height:1.4; }
.article .pdf { position:relative; z-index:1; display:inline-block; border:1px solid rgba(220,128,148,.7); border-radius:4px; color:#ffe9ef; background:rgba(100,38,55,.4); font:12px var(--mono); padding:13px 15px; text-decoration:none; margin:20px 0; }
.article .keywords { position:relative; z-index:1; font:11px/1.9 var(--mono); color:var(--muted); }
@media (max-width:700px) { body{font-size:17px}.shell{width:min(100% - 22px,620px)}.announcement{font-size:9px;padding:9px}.nav{min-height:68px;gap:11px;padding:12px 15px;flex-wrap:wrap}.wordmark{width:100%;font-size:28px}.nav a{font-size:9px}.nav .request{margin-left:auto;padding:8px 9px}.hero{padding:55px 25px 44px}.hero h1{font-size:48px}.hero p{font-size:20px}.section{padding:40px 23px}.context-grid,.domain-grid,.service-grid{grid-template-columns:1fr}.context-grid a,.domain-grid div{border-right:0;border-bottom:1px solid var(--line)}.context-grid a:last-child,.domain-grid div:last-child{border-bottom:0}.offer ul{columns:1}.method div{grid-template-columns:1fr;gap:6px}.footer{display:block}.footer>*{display:block;margin-bottom:13px}.article{padding:48px 25px}.article h1{font-size:47px} }