/* ComfortCode Brand Site v1.0 | Brand: #0B1226, #00E5D6, #8B5CF6 */
:root{--navy:#0b1226;--navy-2:#111b35;--cyan:#00e5d6;--violet:#8b5cf6;--blue:#00bfe9;--ink:#131b36;--muted:#65708b;--line:#e6eaf3;--cloud:#f5f7fc;--white:#fff;--gradient:linear-gradient(108deg,#8b5cf6 0%,#6268eb 48%,#00bfe9 100%);--shadow:0 20px 70px rgba(17,32,70,.08);--radius:22px;--ease:cubic-bezier(.2,.8,.2,1);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;color:var(--ink);background:var(--white);font:400 16px/1.6 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{max-width:100%;height:auto;display:block}
::selection{color:var(--navy);background:var(--cyan)}
:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:var(--navy);color:#fff;padding:12px 20px;border-radius:12px}
.skip-link:focus{top:12px}
.gradient-text{background:var(--gradient);color:transparent;background-clip:text;-webkit-background-clip:text}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(11,18,38,.075);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-inner{height:84px;display:flex;align-items:center;gap:35px}
.brand,.footer-logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{width:46px;height:40px;object-fit:contain}
.brand-word,.footer-logo>span{font-size:24px;font-weight:800;letter-spacing:-1.3px;line-height:1;color:var(--navy)}
.brand-word span,.footer-logo>span span{background:var(--gradient);color:transparent;background-clip:text;-webkit-background-clip:text}
.nav{display:flex;align-items:center;justify-content:center;gap:32px;margin-left:auto}
.nav a{font-size:13px;font-weight:650;letter-spacing:.01em;color:#59647e;transition:color .2s}
.nav a:hover,.nav a:focus-visible{color:#6550d0}
.header-actions{display:flex;align-items:center;gap:15px}
.language-switch{display:flex;gap:2px;background:var(--cloud);padding:4px;border:1px solid #e9eaf3;border-radius:12px}
.lang-button{border:0;cursor:pointer;border-radius:8px;padding:5px 8px;background:transparent;color:#7f88a0;font-weight:800;font-size:11px;line-height:1.4}
.lang-button.is-active{background:var(--white);color:var(--navy);box-shadow:0 1px 5px rgba(12,22,42,.09)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 23px;border-radius:12px;border:1px solid transparent;font-size:14px;line-height:1.4;font-weight:760;transition:transform .25s var(--ease),background .25s,box-shadow .25s,border-color .25s;white-space:nowrap}
.button:hover{transform:translateY(-3px)}
.button span:last-child{font-size:18px;font-weight:500}
.button-small{padding:11px 15px;font-size:12px;gap:12px;border-radius:10px}
.button-dark{background:var(--navy);color:#fff}
.button-dark:hover{background:#26345a;box-shadow:0 8px 26px rgba(11,18,38,.15)}
.button-primary{background:var(--navy);color:#fff;box-shadow:0 11px 22px rgba(11,18,38,.1)}
.button-primary:hover{background:#26345a;box-shadow:0 15px 30px rgba(11,18,38,.17)}
.button-outline{background:rgba(255,255,255,.78);border-color:#dce2ec;color:var(--navy)}
.button-outline:hover{border-color:#b4a9f1;background:#fff}
.menu-toggle{display:none;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:10px;background:white;padding:11px;cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;background:var(--navy);border-radius:3px}
.nav-mobile-contact{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(139,92,246,.09),transparent 29%),linear-gradient(145deg,#fff 0%,#fafbff 64%,#f3fbff 100%);border-bottom:1px solid var(--line)}
.hero-ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(14px)}
.hero-ambient-one{width:380px;height:380px;background:rgba(0,229,214,.065);right:-130px;top:200px}
.hero-ambient-two{width:260px;height:260px;background:rgba(139,92,246,.045);left:-150px;top:55px}
.hero-grid{position:relative;min-height:654px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:44px;padding-block:80px 58px}
.hero-content{z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border-radius:999px;border:1px solid #e5e8f1;background:rgba(255,255,255,.86);font-size:11px;color:#53607b;font-weight:760;letter-spacing:.065em;text-transform:uppercase}
.eyebrow-dot,.ready-pill>span,.status>span:first-child{width:7px;height:7px;background:#00c9bb;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(0,201,187,.12)}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.055em}
h1{font-size:clamp(46px,5.05vw,74px);line-height:1.12;margin:28px 0 20px;font-weight:850}
.hero-lead{color:#62708b;max-width:570px;font-size:17px;line-height:1.85;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.brand-promise{display:flex;align-items:center;gap:10px;margin-top:35px;color:#717c94;font-size:13px;font-weight:650}
.brand-promise-mark{font-size:22px;color:#8b5cf6}
.hero-art{height:478px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}
.orbit{position:absolute;border-radius:50%;pointer-events:none}
.orbit-one{width:490px;height:490px;border:1px solid rgba(139,92,246,.16);transform:rotate(-18deg);box-shadow:0 0 0 52px rgba(139,92,246,.018)}
.orbit-two{width:390px;height:390px;border:1px dashed rgba(0,191,233,.22);transform:rotate(35deg)}
.studio-window{width:min(100%,485px);position:relative;z-index:3;background:var(--navy);border:1px solid #35416c;border-radius:21px;padding:0;box-shadow:0 40px 80px rgba(22,29,65,.19),0 9px 25px rgba(41,35,90,.14);transform:rotate(-2deg);overflow:hidden}
.window-topbar{height:53px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1);padding:0 18px;color:#8896c1;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.01em}
.window-dots{display:flex;gap:6px}
.window-dots i{width:8px;height:8px;border-radius:50%;background:#ff6f9c}
.window-dots i:nth-child(2){background:#ffc567}
.window-dots i:nth-child(3){background:#00d9c7}
.window-corner{margin-left:auto;font-size:18px;color:#6a769a}
.window-body{padding:28px}
.window-header{display:flex;align-items:center;justify-content:space-between;gap:15px;color:white;margin-bottom:21px}
.window-header>div{display:flex;flex-direction:column;gap:3px}
.small-label{font-size:9px;color:#919bc5;letter-spacing:.2em;font-weight:800}
.window-header strong{font-size:18px;letter-spacing:-.02em}
.ready-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #214c52;background:rgba(0,229,214,.075);border-radius:8px;color:#70f5de;padding:5px 8px;font-size:9px;font-weight:800;letter-spacing:.06em}
.ready-pill>span{width:5px;height:5px}
.code-surface{padding:22px 14px;border:1px solid #263459;border-radius:12px;background:#0c152c;display:flex;flex-direction:column;gap:8px;font:500 13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b5c6e8}
.code-line{display:flex;gap:20px;white-space:nowrap}
.code-line .line-number{color:#586a91;user-select:none}
.code-line em{color:#b99afa;font-style:normal}
.code-line i{color:#69e9df;font-style:normal}
.code-line b{font-weight:500;color:#a3adeb}
.window-bottom{display:flex;align-items:center;gap:14px;margin-top:19px;background:#182444;border:1px solid #2a3b62;border-radius:12px;padding:15px}
.mini-graphic{display:flex;align-items:flex-end;gap:4px;height:31px;width:46px}
.mini-graphic span{width:6px;height:35%;border-radius:4px;background:#7467e5}
.mini-graphic span:nth-child(2){height:60%;background:#927af4}
.mini-graphic span:nth-child(3){height:47%;background:#5dacee}
.mini-graphic span:nth-child(4){height:100%;background:#00e5d6}
.mini-graphic span:nth-child(5){height:78%;background:#37cde3}
.output{display:flex;flex-direction:column;gap:0}
.output-label{color:#8996b7;font-size:8px;letter-spacing:.18em;font-weight:800}
.output strong{color:white;font-size:13px}
.output-check{margin-left:auto;color:#031c27;background:var(--cyan);border-radius:50%;display:grid;place-items:center;width:29px;height:29px;font-weight:900}
.float-chip{position:absolute;z-index:5;background:#fff;border:1px solid #e6eaf8;border-radius:12px;box-shadow:0 16px 35px rgba(25,35,69,.1);padding:11px 14px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:760;color:#3f4a6b;white-space:nowrap}
.chip-top{top:35px;right:-16px;transform:rotate(5deg)}
.chip-bottom{bottom:45px;left:-25px;transform:rotate(-4deg)}
.chip-icon{color:#8b5cf6;font-size:19px}
.chip-orbit{color:#00bfe9;font-size:20px}
.art-caption{position:absolute;bottom:9px;right:10px;color:#a9b2c9;letter-spacing:.15em;font-size:9px;font-weight:900}
.art-caption span{margin-left:9px}
.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 0 22px;color:#97a1b7;letter-spacing:.2em;font-size:10px;font-weight:850}
.hero-bottom a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dfe5f1;border-radius:50%;color:#7d61c8;font-size:20px;transition:background .2s}
.hero-bottom a:hover{background:#f0ecff}
.section{padding-block:110px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}
.section-heading h2,.contact h2{font-size:clamp(37px,4.4vw,59px);line-height:1.13;margin:0;font-weight:825}
.section-kicker{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:850;letter-spacing:.19em;color:#6d59c7;margin:0 0 19px}
.kicker-line{display:block;width:26px;height:3px;border-radius:20px;background:var(--gradient)}
.heading-aside{color:#7a8498;line-height:1.8;font-size:15px;max-width:275px;margin:0 0 6px}
.services{background:var(--white)}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.service-card{border:1px solid var(--line);border-radius:18px;padding:25px 22px 21px;background:#fff;display:flex;flex-direction:column;min-height:302px;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d8d1f4}
.service-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}
.service-icon{width:51px;height:51px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:800}
.service-icon-cyan{color:#008c9a;background:#e4faf9}
.service-icon-violet{color:#7552d5;background:#f0ebff}
.service-icon-blue{color:#247fcc;background:#eaf3ff}
.service-icon-pink{color:#d95cb5;background:#fff0f9}
.service-number{font-size:11px;letter-spacing:.08em;color:#b7bfd0;font-weight:850}
.service-card h3{font-size:17px;letter-spacing:-.03em;margin:0 0 11px}
.service-card p{color:#778299;font-size:13px;line-height:1.75;margin:0 0 20px}
.service-tags{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}
.service-tags span{border-radius:7px;background:#f4f6fb;padding:6px 8px;color:#7d87a0;font-size:10px;font-weight:700}
.work{background:var(--cloud);border-top:1px solid #edf0f8;border-bottom:1px solid #edf0f8}
.work-heading{margin-bottom:24px}
.filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 30px}
.filter-button{border:1px solid #e2e7f1;border-radius:10px;background:#fff;color:#7a8399;padding:9px 14px;cursor:pointer;font-size:12px;font-weight:780;transition:all .2s}
.filter-button:hover{border-color:#9c8ce9;color:#5841c4}
.filter-button.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.project-card{background:#fff;border-radius:19px;overflow:hidden;border:1px solid #e4e9f2;box-shadow:0 11px 31px rgba(30,39,79,.045);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.project-card:hover{transform:translateY(-6px);box-shadow:0 23px 50px rgba(23,30,71,.11)}
.project-card.is-hidden{display:none}
.project-art{height:215px;position:relative;overflow:hidden;isolation:isolate}
.project-art-glow{position:absolute;width:280px;height:260px;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(50px);left:20%;top:30%}
.project-art::before,.project-art::after{content:"";position:absolute;pointer-events:none}
.project-art::before{width:280px;height:280px;border:1px solid rgba(255,255,255,.15);border-radius:50%;top:-125px;right:-60px}
.project-art::after{width:300px;height:300px;border:1px solid rgba(255,255,255,.09);border-radius:50%;bottom:-210px;left:-80px}
.project-art-guild{background:linear-gradient(135deg,#15214b,#5445bb 62%,#866ef1)}
.project-art-nameguard{background:linear-gradient(125deg,#0d2040,#154e81 62%,#1aaec6)}
.project-art-nodes{background:linear-gradient(130deg,#14162b,#292b5f 56%,#6d3dc4)}
.project-glyph{position:absolute;top:43px;left:50%;transform:translateX(-50%) rotate(-8deg);font-size:98px;font-weight:950;letter-spacing:-.16em;line-height:1;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.2)}
.project-glyph span{color:#70fff2}
.project-art-caption{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,.65);font-size:9px;font-weight:800;letter-spacing:.17em}
.shield-graphic{position:absolute;top:32px;left:50%;transform:translateX(-50%);width:122px;height:137px;clip-path:polygon(50% 0,95% 17%,90% 68%,50% 100%,10% 68%,5% 17%);background:linear-gradient(145deg,#2ff0db,#b2faff);display:grid;place-items:center;box-shadow:0 0 25px rgba(0,229,214,.3)}
.shield-graphic::before{content:"";position:absolute;inset:7px;background:#0d3053;clip-path:inherit}
.shield-graphic span{position:relative;color:#d9fbff;font-size:42px;font-weight:900;letter-spacing:-.1em}
.shield-scan{position:absolute;left:0;right:0;top:50%;height:2px;background:#67e9e2;box-shadow:0 0 14px #6df3fa}
.nodes-graphic{position:absolute;inset:0;margin:auto;width:195px;height:160px;filter:drop-shadow(0 0 18px rgba(177,141,255,.25))}
.nodes-graphic::before,.nodes-graphic::after{content:"";position:absolute;height:3px;background:linear-gradient(90deg,#7d6bf4,#00e5d6);transform-origin:left}
.nodes-graphic::before{left:43px;top:50px;width:127px;transform:rotate(32deg)}
.nodes-graphic::after{left:44px;top:119px;width:126px;transform:rotate(-35deg)}
.nodes-graphic i{position:absolute;z-index:1;width:27px;height:27px;border:5px solid #bbabff;background:#222550;border-radius:9px;transform:rotate(45deg)}
.nodes-graphic .n-one{top:35px;left:30px}
.nodes-graphic .n-two{top:45px;right:20px;border-color:#00e5d6}
.nodes-graphic .n-three{bottom:10px;left:34px}
.nodes-graphic .n-four{bottom:25px;right:22px;border-color:#00e5d6}
.nodes-graphic .n-five{top:69px;left:89px;width:35px;height:35px;border-color:white;background:#8b5cf6}
.project-info{padding:25px 25px 21px;display:flex;flex-direction:column;flex:1}
.project-meta{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#8f9ab1;font-size:9px;font-weight:850;letter-spacing:.08em}
.status{display:inline-flex;align-items:center;gap:7px;background:#effaf8;color:#198f87;padding:5px 8px;border-radius:7px;font-size:9px;white-space:nowrap;letter-spacing:0}
.status>span:first-child{width:5px;height:5px;box-shadow:none}
.status-alpha{background:#f1ecff;color:#7554c2}
.status-alpha>span:first-child{background:#9b72f0}
.project-info h3{font-size:23px;letter-spacing:-.05em;line-height:1.25;margin:17px 0 13px}
.project-info p{color:#738096;font-size:13px;line-height:1.82;margin:0 0 25px}
.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #edf0f5;color:#8b96aa}
.project-label{font-size:11px;font-weight:680}
.project-arrow{font-size:22px;color:#8670eb}
.work-note{display:flex;gap:11px;align-items:center;margin-top:24px;color:#7e899d;font-size:12px}
.note-icon{color:#8b5cf6;font-size:17px}
.approach{background:#fff}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:58px}
.step{padding:33px 24px 20px 0;border-right:1px solid var(--line);min-height:206px}
.step:not(:first-child){padding-left:26px}
.step:last-child{border:0}
.step-number{color:#8b5cf6;font-size:22px;font-weight:850;letter-spacing:-.04em;margin-bottom:24px}
.step-number span{font-size:11px;color:#bcc4d2;letter-spacing:0}
.step h3{font-size:19px;letter-spacing:-.03em;margin:0 0 8px}
.step p{color:#7b869a;font-size:13px;line-height:1.8;max-width:205px}
.about{padding-top:15px}
.about-panel{position:relative;overflow:hidden;isolation:isolate;background:#0b1226;border:1px solid #26314c;border-radius:27px;display:grid;grid-template-columns:1.2fr .8fr;min-height:424px;align-items:center;color:white;padding:62px 72px}
.about-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 50%,rgba(139,92,246,.2),transparent 35%),radial-gradient(circle at 75% 60%,rgba(0,229,214,.09),transparent 25%)}
.section-kicker.light{color:#c8baff}
.about-panel h2{font-size:clamp(33px,3.8vw,49px);line-height:1.22;letter-spacing:-.055em;margin:0 0 20px}
.about-title-accent{color:#86efef}
.about-copy{position:relative;z-index:2}
.about-copy>p:not(.section-kicker){color:#aab6cf;max-width:530px;font-size:14px;line-height:1.9}
.about-values{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:#e4e9f7;font-size:12px}
.about-values span{display:flex;align-items:center;gap:6px;color:#7be9e1}
.about-values b{color:#e5eafb;font-weight:700}
.about-symbol{display:grid;place-items:center;position:relative}
.about-symbol img{width:290px;filter:drop-shadow(0 13px 32px rgba(0,229,214,.15));position:relative;z-index:2}
.symbol-back{position:absolute;width:315px;height:315px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent 70%);border:1px solid rgba(255,255,255,.1);border-radius:50%}
.about-orbit{position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.about-orbit-one{width:560px;height:560px;right:-140px;top:-60px}
.about-orbit-two{width:380px;height:380px;right:-50px;top:30px}
.contact{padding-top:112px;padding-bottom:120px}
.contact-inner{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:60px}
.contact h2{margin-bottom:21px}
.contact p:not(.section-kicker){max-width:480px;color:#778298;line-height:1.85;margin-bottom:29px}
.contact-decoration{height:340px;position:relative}
.contact-ring{position:absolute;border:1px solid #e1e6f1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring-a{width:320px;height:320px}
.ring-b{width:230px;height:230px;border-color:#d3c8fb}
.ring-c{width:135px;height:135px;background:radial-gradient(circle,#eeebff,#f0feff);border:0;box-shadow:0 20px 80px rgba(139,92,246,.12)}
.contact-star{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:70px;color:#8b5cf6;line-height:1}
.footer{background:#0b1226;color:#fff}
.footer-top{display:flex;justify-content:space-between;gap:50px;padding-top:59px;padding-bottom:58px}
.footer-logo>span{color:#fff}
.footer-brand p{font-size:14px;line-height:1.7;color:#9da9c3;margin:18px 0 0}
.footer-links{display:flex;gap:105px;padding-top:4px}
.footer-links>div{display:flex;flex-direction:column;gap:10px}
.footer-links>div>span{font-size:10px;font-weight:850;letter-spacing:.16em;color:#8291b0;margin-bottom:9px}
.footer-links a{color:#d6deee;font-size:13px;transition:color .2s}
.footer-links a:hover{color:#66e1de}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:24px;border-top:1px solid #28344d;font-size:11px;color:#7785a5}
.privacy-main{min-height:70vh;background:linear-gradient(145deg,#fff,#f5f7fc);padding:95px 0 115px}
.privacy-body{max-width:770px;margin:auto}
.privacy-body h1{font-size:clamp(44px,6vw,65px)}
.privacy-body h2{font-size:24px;margin:40px 0 10px;letter-spacing:-.04em}
.privacy-body p,.privacy-body li{color:#6c7990;line-height:1.85}
.privacy-body ul{padding-left:22px}
.back-link{display:inline-flex;gap:8px;align-items:center;color:#6e4fd5;font-weight:750;font-size:13px;margin-bottom:22px}
.notfound{min-height:76vh;display:grid;place-items:center;text-align:center;background:#f8faff;padding:80px 20px}
.notfound h1{margin:0;font-size:clamp(80px,15vw,160px);color:#8b5cf6;line-height:1}
.notfound h2{font-size:clamp(28px,5vw,46px);margin:10px 0}
.notfound p{color:#6f7a91;margin:0 0 26px}
@media(max-width:1080px){.nav{gap:20px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:250px}.hero-grid{gap:15px}.hero-art{transform:scale(.9);transform-origin:center}.about-panel{padding:50px}}
@media(max-width:830px){.header-inner{height:74px}.nav{position:absolute;top:73px;left:0;right:0;padding:15px 24px 25px;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 40px rgba(14,22,51,.1);border-bottom:1px solid var(--line)}.nav.is-open{display:flex}.nav a{font-size:15px;padding:12px 8px}.nav-mobile-contact{display:block}.header-contact{display:none}.menu-toggle{display:flex}.header-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-top:65px;gap:5px}.hero-content{max-width:680px}.hero-art{height:430px;max-width:530px;width:100%;margin-inline:auto;transform:none}.hero-bottom{padding-top:0}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.project-card:first-child .project-art{height:100%;min-height:280px}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(3){padding-left:0}.about-panel{grid-template-columns:1fr}.about-symbol{display:none}.contact-inner{grid-template-columns:1fr}.contact-decoration{display:none}}
@media(max-width:580px){.container{width:min(100% - 34px,1180px)}.brand-word{font-size:21px}.brand img{width:39px}.header-actions{gap:8px}.site-header .language-switch{padding:3px}.lang-button{padding:5px 7px}.hero-grid{padding-top:49px;padding-bottom:20px}.hero h1{font-size:clamp(40px,10vw,55px);margin-top:24px}.hero-lead{font-size:15px;line-height:1.8}.hero-actions{gap:9px}.hero-actions .button{padding:13px 16px;font-size:12px;gap:13px}.brand-promise{font-size:11px;margin-top:27px}.hero-art{height:350px}.studio-window{transform:rotate(-2deg) scale(.82);width:480px;min-width:400px}.float-chip{font-size:10px;padding:7px 9px}.chip-top{right:-8px;top:15px}.chip-bottom{left:-8px;bottom:9px}.orbit-one{width:350px;height:350px}.orbit-two{width:270px;height:270px}.art-caption{display:none}.section{padding-block:75px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.contact h2{font-size:clamp(33px,9vw,44px)}.heading-aside{margin:15px 0 0;max-width:480px}.services-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-head{margin-bottom:20px}.projects-grid{grid-template-columns:1fr}.project-card:first-child{grid-column:auto;display:flex}.project-card:first-child .project-art{min-height:0;height:215px}.work-heading{margin-bottom:19px}.steps{grid-template-columns:1fr;margin-top:35px}.step,.step:not(:first-child),.step:nth-child(3){padding:21px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.step:last-child{border-bottom:0}.step-number{margin-bottom:9px}.step p{max-width:500px}.about{padding-top:0}.about-panel{padding:38px 26px;border-radius:19px;min-height:0}.about-panel h2{font-size:34px}.about-values{gap:14px}.contact{padding-block:77px 88px}.footer-top{flex-direction:column;gap:40px}.footer-links{gap:75px}.footer-bottom{flex-direction:column;gap:6px}.privacy-main{padding:65px 0}}
@media(max-width:370px){.brand-word{font-size:19px}.brand img{width:34px}.hero h1{font-size:38px}.hero-art{transform:scale(.94);transform-origin:top center;height:325px}.button{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}