:root{color-scheme:light;--bg: #f7fbff;--paper: #ffffff;--paper-blue: #edf6ff;--ink: #122033;--muted: #5d6f86;--line: #d8e7f8;--blue: #0f5fd7;--blue-deep: #083c9b;--blue-soft: #cfe7ff;--gold: #f8b331;--shadow: 0 22px 70px rgba(24, 89, 166, .16);--ease: cubic-bezier(.22, 1, .36, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);letter-spacing:0;background:linear-gradient(180deg,#def0ffd1 0,#f7fbff00 420px),var(--bg)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(135deg,rgba(15,95,215,.06) 25%,transparent 25%),linear-gradient(225deg,rgba(248,179,49,.07) 18%,transparent 18%);background-position:3% 16%,88% 12%;background-size:180px 180px,120px 120px;opacity:.72}a{color:inherit;text-decoration:none}img,svg{display:block}.section-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 32px));min-height:74px;margin:12px auto 0;padding:12px 14px;border:1px solid rgba(216,231,248,.9);border-radius:8px;background:#ffffffd1;box-shadow:0 18px 50px #11468414;backdrop-filter:blur(18px)}.brand,.site-nav,.hero-actions,.hero-facts,.site-footer{display:flex;align-items:center}.brand{gap:10px;font-size:18px;font-weight:800}.brand img{width:42px;height:42px;border-radius:8px;object-fit:contain}.site-nav{gap:26px;color:var(--muted);font-size:15px;font-weight:700}.site-nav a{padding:8px 0}.site-nav a:hover,.header-contact:hover,.site-footer a:hover{color:var(--blue)}.header-contact,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:15px;font-weight:800}.header-contact{padding:0 16px;color:var(--blue-deep);border:1px solid var(--line);background:var(--paper)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;min-height:710px;padding:72px 0 62px}.owner-line,.section-label{margin:0 0 16px;color:var(--blue);font-size:13px;font-weight:900;line-height:1.2}h1,h2,h3,p{margin-top:0}h1{max-width:680px;margin-bottom:24px;font-size:60px;font-weight:900;line-height:1.05}h1 span{display:block}.hero-description{max-width:640px;margin-bottom:34px;color:var(--muted);font-size:19px;line-height:1.75}.hero-actions{gap:12px;flex-wrap:wrap;margin-bottom:34px}.button{gap:10px;padding:0 20px;border:1px solid transparent;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.button svg,.contact-card svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3}.button.primary{color:#fff;background:var(--blue);box-shadow:0 16px 32px #0f5fd742}.button.secondary{color:var(--ink);border-color:var(--line);background:#ffffffc7}.button:hover{transform:translateY(-2px)}.hero-facts{gap:8px;flex-wrap:wrap;align-items:stretch;margin:0}.hero-facts div{min-width:150px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#ffffffb3}.hero-facts dt{margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800}.hero-facts dd{margin:0;font-size:15px;font-weight:900;word-break:break-word}.hero-visual{position:relative;min-height:520px}.mascot-frame{position:absolute;right:8%;bottom:28px;width:min(420px,88%);aspect-ratio:1;border:1px solid rgba(180,215,252,.86);border-radius:8px;background:linear-gradient(140deg,#fffffff5,#e2f2ffc7),var(--paper);box-shadow:var(--shadow);animation:floaty 5.2s var(--ease) infinite}.mascot-frame:before{position:absolute;inset:26px;content:"";border:1px solid rgba(15,95,215,.08);border-radius:8px;background-image:linear-gradient(90deg,rgba(15,95,215,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(15,95,215,.08) 1px,transparent 1px);background-size:44px 44px}.mascot-frame img{position:absolute;left:50%;bottom:-20px;width:88%;max-width:400px;transform:translate(-50%);filter:drop-shadow(0 28px 26px rgba(9,60,128,.2))}.block{position:absolute;width:64px;height:64px;border:1px solid rgba(125,184,245,.58);border-radius:8px;background:linear-gradient(145deg,#fff,#b9dcff);box-shadow:0 18px 42px #0f5fd729;animation:drift 7s var(--ease) infinite}.block-a{top:60px;right:22%}.block-b{top:210px;left:2%;width:38px;height:38px;animation-delay:.42s}.block-c{right:0;bottom:28px;width:44px;height:44px;border-color:#f8b33173;background:linear-gradient(145deg,#fff9e8,#f8b331);animation-delay:.82s}.section-heading{max-width:710px;margin-bottom:34px}.section-heading h2,.about-copy h2,.contact-copy h2{margin-bottom:16px;font-size:42px;font-weight:900;line-height:1.16}.section-heading p,.about-copy p,.contact-copy p{color:var(--muted);font-size:17px;line-height:1.75}.feature-section{padding:40px 0 96px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;box-shadow:0 16px 44px #1757a014}.feature-icon{position:relative;width:46px;height:46px;margin-bottom:30px;border:1px solid rgba(15,95,215,.18);border-radius:8px;background:var(--paper-blue)}.feature-icon:before,.feature-icon:after{position:absolute;content:"";border-radius:4px}.feature-icon.phone:before{inset:9px 14px;border:2px solid var(--blue)}.feature-icon.phone:after{left:21px;bottom:11px;width:4px;height:4px;background:var(--gold)}.feature-icon.terminal:before{left:11px;top:16px;width:11px;height:11px;border-top:2px solid var(--blue);border-right:2px solid var(--blue);transform:rotate(45deg)}.feature-icon.terminal:after{right:10px;bottom:14px;width:14px;height:2px;background:var(--gold)}.feature-icon.layout:before{inset:11px;border:2px solid var(--blue)}.feature-icon.layout:after{left:12px;top:20px;width:21px;height:2px;background:var(--gold)}.feature-card h3{margin-bottom:12px;font-size:23px;line-height:1.22}.feature-card p{margin-bottom:0;color:var(--muted);font-size:16px;line-height:1.68}.about-band{padding:96px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffffa3,#edf6ffb8),var(--paper-blue)}.about-inner{display:grid;grid-template-columns:1fr 420px;gap:58px;align-items:start}.profile-panel{border:1px solid rgba(15,95,215,.18);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.profile-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line);align-items:center}.profile-row:last-child{border-bottom:0}.profile-row span{color:var(--muted);font-size:13px;font-weight:900}.profile-row strong,.profile-row a{font-size:17px;font-weight:900;word-break:break-word}.profile-row a{color:var(--blue)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.principle{display:flex;gap:12px;align-items:center;min-height:74px;padding:18px;border:1px solid rgba(15,95,215,.14);border-radius:8px;background:#ffffff9e}.principle span{width:12px;height:12px;border-radius:4px;background:var(--gold);box-shadow:0 0 0 7px #f8b3311f}.principle p{margin:0;font-size:16px;font-weight:900}.contact-section{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;padding:96px 0}.contact-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow);transition:transform .18s var(--ease),border-color .18s var(--ease)}.contact-card:hover{border-color:#0f5fd773;transform:translateY(-3px)}.contact-card span{color:var(--muted);font-size:13px;font-weight:900}.contact-card strong{grid-column:1 / 2;color:var(--blue-deep);font-size:20px;word-break:break-word}.contact-card svg{grid-row:1 / span 2;grid-column:2;color:var(--blue)}.site-footer{justify-content:space-between;width:min(1120px,calc(100% - 48px));min-height:110px;margin:0 auto;padding:28px 0 38px;border-top:1px solid var(--line);color:var(--muted)}.site-footer strong{display:block;margin-bottom:6px;color:var(--ink);font-size:18px}.site-footer p{margin-bottom:0}.site-footer a{color:var(--blue-deep);font-weight:800}.reveal{animation:fadeUp .72s var(--ease) both}.feature-card:nth-child(2),.principle:nth-child(2){animation-delay:90ms}.feature-card:nth-child(3),.principle:nth-child(3){animation-delay:.18s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(10px,-12px,0) rotate(4deg)}}@media(max-width:920px){.site-header{flex-wrap:wrap;gap:12px}.site-nav{order:3;width:100%;justify-content:center;gap:20px}.hero,.about-inner,.contact-section{grid-template-columns:1fr}.hero{gap:20px;min-height:auto;padding-top:64px}h1{font-size:48px}.hero-visual{min-height:470px}.mascot-frame{left:50%;right:auto;transform:translate(-50%);animation-name:floatyCentered}.feature-grid,.principles{grid-template-columns:1fr}.contact-card{max-width:520px}}@keyframes floatyCentered{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}@media(max-width:640px){.section-shell,.site-footer{width:min(100% - 28px,1120px)}.site-header{width:min(100% - 20px,1180px);margin-top:8px}.brand{font-size:17px}.site-nav{justify-content:flex-start;gap:16px;overflow-x:auto;padding-bottom:2px}.header-contact{padding:0 12px;font-size:14px}h1{font-size:42px;line-height:1.1}.hero-description{font-size:17px}.hero-facts{display:grid;grid-template-columns:1fr}.hero-visual{min-height:380px}.mascot-frame{width:min(340px,92%);bottom:8px}.section-heading h2,.about-copy h2,.contact-copy h2{font-size:32px}.feature-section,.about-band,.contact-section{padding:70px 0}.feature-card{min-height:auto;padding:24px}.profile-row{grid-template-columns:1fr;gap:8px}.contact-card{grid-template-columns:1fr}.contact-card svg{grid-row:auto;grid-column:auto}.site-footer{display:block}.site-footer a{display:inline-block;margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
