:root{--bg:#0a0b0e;--surface:#111318;--surface2:#17191f;--text:#f5f3ee;--muted:#9a9ca3;--line:rgba(255,255,255,.11);--gold:#d7a45e;--gold2:#f0c47d;--header:rgba(10,11,14,.78);--shadow:0 24px 80px rgba(0,0,0,.35);color-scheme:dark}
html[data-theme=light]{--bg:#f4f1eb;--surface:#fffdf9;--surface2:#ebe6dd;--text:#171717;--muted:#66645f;--line:rgba(20,20,20,.13);--gold:#a66b27;--gold2:#c8893d;--header:rgba(244,241,235,.82);--shadow:0 24px 70px rgba(64,45,20,.12);color-scheme:light}
@media(prefers-color-scheme:light){html[data-theme=auto]{--bg:#f4f1eb;--surface:#fffdf9;--surface2:#ebe6dd;--text:#171717;--muted:#66645f;--line:rgba(20,20,20,.13);--gold:#a66b27;--gold2:#c8893d;--header:rgba(244,241,235,.82);--shadow:0 24px 70px rgba(64,45,20,.12);color-scheme:light}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif;transition:background .25s,color .25s}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:fixed;top:-100px;left:20px;background:var(--gold);color:#111;padding:10px 16px;z-index:100}.skip:focus{top:15px}.site-header{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--header);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:11px;font:600 14px/1 'Manrope';letter-spacing:.17em}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%}.brand b{font-weight:500;color:var(--muted)}nav{display:flex;gap:34px}nav a{color:var(--muted);font-size:14px;transition:.2s}nav a:hover,nav a:focus{color:var(--gold2)}.header-actions{display:flex;gap:8px}button{font:inherit}.theme-toggle,.menu-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.menu-toggle{display:none}.section{padding:120px clamp(22px,7vw,112px);max-width:1440px;margin:auto}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw}.eyebrow{font-size:11px;letter-spacing:.26em;color:var(--gold2);font-weight:600;margin:0 0 22px}.hero h1,.section h2{font:500 clamp(48px,6vw,88px)/1.02 'Manrope';letter-spacing:-.055em;margin:0}.hero h1 span,.final-cta h2 span{color:var(--gold2)}.lead{font-size:18px;max-width:610px;color:var(--muted);margin:30px 0}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 20px;border:1px solid var(--line);font-weight:600;font-size:14px;min-height:52px;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:transparent;color:#15110c}.button.ghost:hover{border-color:var(--gold)}.trust{display:flex;gap:26px;margin-top:54px;color:var(--muted);font-size:12px}.trust span:before{content:"◆";font-size:7px;color:var(--gold);margin-right:9px}.hero-visual{height:min(650px,70vh);position:relative;display:grid;place-items:center}.logo-stage{width:min(480px,85%);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:var(--shadow);position:relative;z-index:2}.logo-stage img{width:100%;height:100%;object-fit:cover}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-a{width:95%;aspect-ratio:1}.orbit-b{width:70%;aspect-ratio:1;border-color:rgba(215,164,94,.35)}.code-card{position:absolute;bottom:8%;right:0;background:var(--surface);border:1px solid var(--line);padding:15px 20px;z-index:3;box-shadow:var(--shadow);font-size:12px}.code-card span{color:var(--gold);margin-right:18px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-head h2,.process h2,.final-cta h2{font-size:clamp(38px,4.5vw,64px)}.section-head>p{max-width:440px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{position:relative;padding:44px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:390px;transition:.25s}.service-grid article:hover{background:var(--surface)}.num{position:absolute;right:25px;top:22px;color:var(--muted);font-size:11px}.service-icon{font-size:40px;color:var(--gold);margin:25px 0 50px}.service-grid h3{font:600 23px 'Manrope';margin:0 0 15px}.service-grid p{color:var(--muted)}.service-grid a{display:inline-block;margin-top:20px;color:var(--gold2);font-size:13px}.process{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:60px 1fr;gap:20px;border-top:1px solid var(--line);padding:25px 0}.process li>span{color:var(--gold);font-size:12px}.process h3{margin:0 0 8px}.process p{margin:0;color:var(--muted)}.final-cta{text-align:center;padding-top:160px;padding-bottom:160px;background:radial-gradient(circle at 50% 50%,rgba(215,164,94,.12),transparent 40%)}.final-cta p:not(.eyebrow){color:var(--muted);margin:28px auto}.site-footer{border-top:1px solid var(--line);padding:70px clamp(22px,7vw,112px) 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:50px}.footer-main>p{color:var(--muted);margin:0;max-width:350px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start}.footer-main>div a:hover{color:var(--gold)}.footer-links{border-top:1px solid var(--line);padding:44px 0;display:flex;gap:120px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links b{font-size:12px;letter-spacing:.14em;margin-bottom:8px}.footer-links a{font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:11px}.cookie{position:fixed;left:22px;right:22px;bottom:22px;z-index:50;max-width:850px;margin:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px;display:flex;align-items:center;gap:30px;justify-content:space-between}.cookie[hidden]{display:none}.cookie p{margin:4px 0 0;color:var(--muted);font-size:13px}.cookie>div:last-child{display:flex;align-items:center;gap:16px;white-space:nowrap}.cookie a{color:var(--gold);font-size:13px}.cookie button{background:var(--gold);color:#111;border:0;padding:9px 16px;cursor:pointer}.page-hero{padding-top:100px;padding-bottom:70px;border-bottom:1px solid var(--line)}.page-hero h1{font:500 clamp(44px,7vw,92px)/1 'Manrope';letter-spacing:-.055em;margin:0;max-width:1000px}.page-hero .lead{max-width:750px}.content{max-width:920px;margin:0 auto;padding-top:70px}.content h2{font:600 clamp(27px,3vw,38px)/1.2 'Manrope';letter-spacing:-.03em;margin:56px 0 18px}.content h3{margin:32px 0 10px}.content p,.content li{color:var(--muted)}.content a{color:var(--gold);text-decoration:underline}.content .notice{border-left:3px solid var(--gold);background:var(--surface);padding:18px 22px;color:var(--muted)}.content table{width:100%;border-collapse:collapse}.content th,.content td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.content th{font-size:12px;color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}.card{border:1px solid var(--line);padding:32px;background:var(--surface)}.card h2{font-size:24px;margin:0 0 12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{padding:35px;border:1px solid var(--line);background:var(--surface)}.contact-card small{color:var(--gold);letter-spacing:.15em}.contact-card h2{font-size:28px;margin:20px 0 8px}.contact-card a{color:var(--text);text-decoration:none}.error-page{min-height:100vh;display:grid;place-items:center;padding:25px;text-align:center}.error-code{font:500 clamp(110px,24vw,260px)/.8 'Manrope';color:transparent;-webkit-text-stroke:1px var(--gold);margin:0}.error-page h1{font:500 clamp(32px,5vw,58px) 'Manrope';margin:35px 0 10px}.error-page p{color:var(--muted);max-width:550px;margin:0 auto 30px}
@media(max-width:900px){nav{position:fixed;top:82px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:28px;display:none;flex-direction:column;gap:18px}nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{height:480px}.section-head,.process{grid-template-columns:1fr;display:grid}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:300px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>.brand{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.site-header{height:70px}.brand span{font-size:12px}.brand img{width:36px;height:36px}nav{top:70px}.section{padding:80px 20px}.hero{min-height:auto}.hero h1{font-size:46px}.hero-visual{height:380px}.code-card{right:0}.trust{flex-direction:column;gap:8px;margin-top:35px}.section-head{margin-bottom:35px}.service-grid article{padding:32px 25px}.footer-main{grid-template-columns:1fr}.footer-links{gap:45px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:7px}.cookie{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr}.content table{display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Rich service presentation */
.services{position:relative}.services:before{content:"";position:absolute;right:4%;top:5%;width:220px;height:220px;border:1px solid var(--line);border-radius:50%;opacity:.45;pointer-events:none}.service-grid{background:linear-gradient(145deg,rgba(215,164,94,.04),transparent 45%)}.service-grid article{overflow:hidden}.service-grid article:after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-100px;border-radius:50%;background:var(--gold);filter:blur(70px);opacity:0;transition:opacity .35s}.service-grid article:hover:after{opacity:.12}.service-icon{width:112px;height:112px;margin:12px 0 42px;border:1px solid rgba(215,164,94,.38);border-radius:28px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,rgba(215,164,94,.16),rgba(215,164,94,.025));box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 45px rgba(0,0,0,.16);color:var(--gold2)}.service-icon:before{content:"";position:absolute;inset:9px;border:1px solid var(--line);border-radius:21px}.icon-web .browser-bar{position:absolute;width:58px;height:43px;border:2px solid currentColor;border-radius:6px}.icon-web .browser-bar:before{content:"•••";position:absolute;top:-3px;left:5px;font:12px Arial;letter-spacing:1px}.icon-web .browser-bar:after{content:"";position:absolute;left:0;right:0;top:11px;border-top:1px solid currentColor;opacity:.6}.icon-web .browser-code{position:absolute;font:700 15px monospace;transform:translateY(8px)}.icon-mobile .phone-screen{position:absolute;width:37px;height:62px;border:2px solid currentColor;border-radius:9px}.icon-mobile .phone-screen:before{content:"";position:absolute;width:17px;height:24px;left:8px;top:14px;border:1px solid currentColor;border-radius:3px;box-shadow:7px -6px 0 -4px currentColor}.icon-mobile .phone-dot{position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;transform:translateY(24px)}.icon-system .system-core{width:31px;height:31px;border:2px solid currentColor;transform:rotate(45deg);box-shadow:0 0 22px rgba(215,164,94,.32)}.icon-system i{position:absolute;width:10px;height:10px;border:2px solid currentColor;border-radius:2px}.icon-system i:nth-child(2){top:25px;left:25px}.icon-system i:nth-child(3){top:25px;right:25px}.icon-system i:nth-child(4){bottom:25px;left:25px}.icon-system i:nth-child(5){bottom:25px;right:25px}
.capability-band{border-block:1px solid var(--line);padding:24px 0;overflow:hidden;background:var(--surface)}.capability-band>p{text-align:center;color:var(--muted);font-size:10px;letter-spacing:.24em;margin:0 0 18px}.tech-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.tech-marquee>div{display:flex;align-items:center;justify-content:center;gap:28px;min-width:max-content;padding:0 25px;margin:auto;font:600 clamp(17px,2vw,24px) 'Segoe UI',sans-serif;color:var(--text)}.tech-marquee b{font-size:7px;color:var(--gold)}
.solutions-showcase{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw;min-height:720px}.showcase-copy h2{font-size:clamp(42px,5vw,70px)}.showcase-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:570px;margin:28px 0}.text-link{color:var(--gold2);font-weight:600;border-bottom:1px solid rgba(215,164,94,.35);padding-bottom:7px}.stack-visual{height:520px;position:relative;perspective:1000px;display:grid;place-items:center}.stack-card{position:absolute;width:min(430px,80%);height:260px;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);transition:transform .4s}.stack-card small{color:var(--gold);letter-spacing:.15em}.stack-card strong{font:500 27px 'Segoe UI',sans-serif}.stack-front{z-index:3;background:linear-gradient(145deg,var(--surface),rgba(215,164,94,.12));transform:translate(-8%,30px) rotate(-3deg)}.stack-mid{z-index:2;background:var(--surface2);transform:translate(8%,-15px) rotate(4deg)}.stack-back{z-index:1;background:var(--surface);transform:translate(1%,-65px) rotate(-1deg)}.stack-visual:hover .stack-front{transform:translate(-12%,45px) rotate(-5deg)}.stack-visual:hover .stack-mid{transform:translate(13%,-22px) rotate(6deg)}.ui-lines{display:grid;gap:8px}.ui-lines i{display:block;height:7px;background:var(--gold);opacity:.55;border-radius:10px}.ui-lines i:nth-child(2){width:72%}.ui-lines i:nth-child(3){width:43%}.stack-orbit{position:absolute;width:470px;height:470px;border:1px solid rgba(215,164,94,.24);border-radius:50%;z-index:0}
.value-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.value-intro{position:sticky;top:130px;align-self:start}.value-intro h2{font-size:clamp(38px,4.2vw,60px)}.value-grid{display:grid;grid-template-columns:1fr 1fr}.value-grid article{padding:40px 32px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px}.value-grid article:nth-child(-n+2){border-top:1px solid var(--line)}.value-grid span{font-size:11px;color:var(--gold)}.value-grid h3{font:600 21px 'Segoe UI',sans-serif;margin:42px 0 12px}.value-grid p{color:var(--muted);margin:0}
@media(max-width:900px){.solutions-showcase,.value-section{grid-template-columns:1fr}.stack-visual{height:470px}.value-intro{position:static}.tech-marquee>div{justify-content:flex-start}.service-icon{width:100px;height:100px}.services:before{display:none}}
@media(max-width:600px){.solutions-showcase{min-height:auto}.stack-visual{height:390px}.stack-card{height:210px;padding:22px}.stack-card strong{font-size:21px}.stack-orbit{width:330px;height:330px}.value-grid{grid-template-columns:1fr}.value-grid article{border-top:0!important}.value-grid article:first-child{border-top:1px solid var(--line)!important}.capability-band{padding:20px 0}.tech-marquee>div{gap:20px}.service-icon{margin-bottom:34px}}

.service-grid{grid-template-columns:repeat(4,1fr)}.icon-server{display:flex;flex-direction:column;gap:6px;justify-content:center;padding:25px}.icon-server .server-unit{position:relative;z-index:1;width:56px;height:14px;border:2px solid currentColor;border-radius:3px}.icon-server .server-unit:before{content:"";position:absolute;left:5px;top:3px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:8px 0 0 currentColor}.icon-server .server-unit:after{content:"";position:absolute;right:5px;left:25px;top:5px;border-top:2px solid currentColor;opacity:.55}.hosting-card{background:linear-gradient(155deg,rgba(215,164,94,.1),transparent 60%)}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.service-grid{grid-template-columns:1fr}}
.service-details>article{scroll-margin-top:110px;padding:15px 0 55px;border-bottom:1px solid var(--line)}.hosting-detail{margin-top:35px}.hosting-products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:30px 0}.hosting-products>div{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),rgba(215,164,94,.06))}.hosting-products b{font-size:20px;color:var(--text)}.hosting-products span{color:var(--muted)}
@media(max-width:600px){.hosting-products{grid-template-columns:1fr}}
.social-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:end;padding:0 0 70px;margin-bottom:65px;border-bottom:1px solid var(--line)}.social-section h2{font:500 clamp(34px,4vw,56px)/1.05 'Segoe UI',sans-serif;letter-spacing:-.045em;margin:0}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-links>a{min-height:130px;padding:24px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:17px;border:1px solid var(--line);background:var(--surface);transition:transform .25s,border-color .25s,background .25s}.social-links>a:hover{transform:translateY(-4px);border-color:rgba(215,164,94,.65);background:linear-gradient(145deg,var(--surface),rgba(215,164,94,.09))}.social-links small{display:block;color:var(--muted);font-size:9px;letter-spacing:.17em;margin-bottom:5px}.social-links strong{font-size:15px}.social-links>a>b{color:var(--gold);font-size:17px}.social-mark{width:54px;height:54px;border:1px solid rgba(215,164,94,.45);border-radius:16px;display:grid;place-items:center;color:var(--gold2);font:600 20px Arial;background:rgba(215,164,94,.06)}.instagram-mark{position:relative}.instagram-mark:before{content:"";width:22px;height:22px;border:2px solid currentColor;border-radius:7px}.instagram-mark:after{content:"";position:absolute;width:5px;height:5px;border:2px solid currentColor;border-radius:50%;left:23px;top:23px}.instagram-mark i{position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;right:14px;top:14px}.x-mark{font-size:18px}
@media(max-width:900px){.social-section{grid-template-columns:1fr}.social-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.social-links{grid-template-columns:1fr}.social-section{padding-bottom:50px;margin-bottom:50px}.social-links>a{min-height:105px}}
