:root{--bg:#0b1117;--panel:#101820;--panel-2:#16222e;--steel:#4e6f86;--glow:#6f91a8;--digital-blue:#3a7bd5;--forge-orange:#ff7a00;--spark:#ffd27a;--text:#f5f7fa;--text-muted:#aab4c0;--border:#6f91a838;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--container:1240px;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}#root{min-height:100vh;position:relative}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.08}p{color:var(--text-muted);margin:0;line-height:1.6}button{font-family:var(--font-body)}.honeypot-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--glow);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--forge-orange);width:18px;height:1px}.section{padding:108px 0;position:relative}@media (width<=768px){.section{padding:72px 0}}.section-head{max-width:640px;margin:0 0 48px}.section-head h2{text-transform:uppercase;margin-top:12px;font-size:clamp(28px,4vw,44px);font-weight:700}.section-head p{margin-top:16px;font-size:17px}.btn{font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);will-change:transform;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{color:#0b1117;background:linear-gradient(135deg,#7fa6bd 0%,#3a7bd5 55%,#2c5fa8 100%);box-shadow:0 8px 24px #3a7bd547,inset 0 1px #ffffff59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3a7bd56b,inset 0 1px #fff6}.btn-secondary{color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1018208c;border-color:#6f91a873}.btn-secondary:hover{border-color:var(--glow);background:#6f91a824;transform:translateY(-2px);box-shadow:0 10px 28px #00000059}.btn-sm{padding:11px 20px;font-size:13px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.contact-form{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--panel-2) 0%, var(--panel) 100%);flex-direction:column;gap:20px;padding:36px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-form label{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.02em;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.contact-form .optional{text-transform:none;color:var(--text-muted);opacity:.7;font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{font-family:var(--font-body);color:var(--text);border:1px solid var(--border);background:#0b111799;border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--digital-blue);box-shadow:0 0 0 3px #3a7bd52e}.contact-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23AAB4C0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{align-self:flex-start;margin-top:6px}.contact-form button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.form-error,.form-notice{border-radius:10px;padding:14px 16px;font-size:14px}.form-error{color:#ffb3b3;background:#ff5a5a1a;border:1px solid #ff5a5a59}.form-notice{color:var(--text-muted);background:#ff7a0014;border:1px solid #ff7a004d}.form-notice a{color:var(--forge-orange);text-underline-offset:2px;text-decoration:underline}.form-notice a:hover{color:var(--spark)}.form-success-state{text-align:center;animation:form-success-in .5s var(--ease) both;align-items:center;gap:14px}@keyframes form-success-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.form-success-checkmark svg{overflow:visible}.form-success-circle{stroke:var(--digital-blue);stroke-dasharray:182;stroke-dashoffset:182px;animation:form-success-draw-circle .6s var(--ease) .15s forwards}.form-success-tick{stroke:var(--digital-blue);stroke-dasharray:40;stroke-dashoffset:40px;stroke-linecap:round;stroke-linejoin:round;animation:form-success-draw-tick .4s var(--ease) .65s forwards}@keyframes form-success-draw-circle{to{stroke-dashoffset:0}}@keyframes form-success-draw-tick{to{stroke-dashoffset:0}}.form-success-heading{font-family:var(--font-display);text-transform:uppercase;color:var(--text);opacity:0;animation:form-success-fade-up .5s var(--ease) .55s forwards;font-size:22px;font-weight:700}.form-success-message{color:var(--text-muted);opacity:0;max-width:360px;animation:form-success-fade-up .5s var(--ease) .7s forwards;font-size:14px;line-height:1.7}.form-success-message a{color:var(--digital-blue);text-underline-offset:2px;text-decoration:underline}.form-success-message a:hover{color:var(--glow)}@keyframes form-success-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.form-success-state,.form-success-circle,.form-success-tick,.form-success-heading,.form-success-message{opacity:1!important;animation:none!important;transform:none!important}.form-success-circle,.form-success-tick{stroke-dashoffset:0}}.pricing-note{font-family:var(--font-display);color:var(--glow);margin-top:-8px;font-size:13px;font-weight:600;display:block}@media (width<=900px){.contact-form{padding:24px}.form-row{grid-template-columns:1fr}}.card-nav-container{z-index:1000;box-sizing:border-box;isolation:isolate;contain:layout paint style;width:92%;max-width:1120px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.card-nav{border:1px solid var(--border);will-change:height;backface-visibility:hidden;background-color:#101820;border-radius:16px;height:64px;padding:0;display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 30px #00000059}.card-nav-top{z-index:2;justify-content:space-between;align-items:center;height:64px;padding:0 12px 0 16px;display:flex;position:absolute;top:0;left:0;right:0}.hamburger-menu{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:100%;display:flex}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{transform-origin:50%;background-color:currentColor;width:24px;height:2px;transition:transform .25s,opacity .2s,margin .3s}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px)rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px)rotate(-45deg)}.logo-container{align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{width:auto;height:26px}.logo-wordmark{font-family:var(--font-display);letter-spacing:.12em;color:var(--text);font-size:14px;font-weight:700}.card-nav-cta-button{background-color:var(--digital-blue);color:#fff;height:38px;font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;align-items:center;padding:0 20px;font-size:13px;font-weight:600;transition:background-color .3s,transform .2s}.card-nav-cta-button:hover{background-color:var(--glow);transform:translateY(-1px)}.card-nav-content{visibility:hidden;pointer-events:none;z-index:1;align-items:flex-end;gap:10px;padding:8px;display:flex;position:absolute;inset:64px 0 0}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:12px;flex:1 1 0;justify-content:space-between;align-items:center;gap:10px;min-width:0;height:100%;padding:0 18px;text-decoration:none;transition:background-color .25s,transform .2s;display:flex;position:relative}.nav-card:hover{transform:translateY(-2px)}.nav-card:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.nav-card-label{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:600}.nav-card-link-icon{color:var(--forge-orange);flex-shrink:0;transition:transform .25s}.nav-card:hover .nav-card-link-icon{transform:translate(2px,-2px)}@media (width<=900px){.card-nav-container{width:92%;top:14px}.card-nav-top{padding:0 8px 0 12px}.hamburger-menu{order:2}.logo-container{order:1;position:static;transform:none}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:8px;bottom:0}.nav-card{flex:auto;height:auto;min-height:60px;max-height:none}.nav-card-label{font-size:16px}}.site-footer{z-index:1;border-top:1px solid var(--border);background:linear-gradient(#0000 0%,#060a0f99 100%);padding-top:64px;position:relative}.footer-inner{grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-brand{flex-direction:column;gap:14px;display:flex}.footer-logo{object-fit:contain;width:40px;height:40px}.footer-tagline{font-family:var(--font-display);color:var(--text-muted);max-width:240px;font-size:14px}.footer-socials{align-items:center;gap:12px;margin-top:4px;display:flex}.footer-social-text{flex-direction:column;gap:2px;display:flex}.footer-social-handle{font-family:var(--font-display);color:var(--text);width:fit-content;font-size:13px;font-weight:600}.footer-social-handle:hover{color:var(--glow)}.footer-social-follow{color:var(--text-muted);font-size:12px}.footer-social-link{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:17px;transition:color .25s,border-color .25s,transform .25s,background .25s;display:flex}.footer-social-link:hover{color:var(--text);border-color:var(--glow);background:#6f91a81f;transform:translateY(-2px)}.footer-links{flex-direction:column;gap:12px;font-size:14px;display:flex}.footer-links a{color:var(--text-muted);width:fit-content;transition:color .2s}.footer-links a:hover{color:var(--glow)}.footer-cta{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.footer-cta p{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:600}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);padding:20px 24px;font-size:13px}@media (width<=768px){.footer-inner{grid-template-columns:1fr;gap:28px}}.strands-container{background:0 0;width:100%;height:100%;position:relative}.strands-container canvas{width:100%;height:100%;display:block}.page-background{z-index:0;background:var(--bg);pointer-events:none;isolation:isolate;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.page-background .strands-container{opacity:.9;will-change:transform;position:absolute;inset:0;transform:translateZ(0)}.floating-cta{z-index:900;animation:floating-cta-in .5s var(--ease) .3s both;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #3a7bd566,inset 0 1px #ffffff59}@keyframes floating-cta-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.floating-cta{padding:11px 16px;font-size:12px;bottom:14px;right:14px}}.booking-overlay{z-index:2000;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background .32s var(--ease), backdrop-filter .32s var(--ease);background:#05080c00;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.booking-overlay.is-visible{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080cb8}.booking-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--panel-2) 0%, var(--panel) 100%);opacity:0;width:100%;max-width:720px;max-height:calc(100vh - 48px);transition:opacity .32s var(--ease), transform .32s var(--ease);margin:auto;padding:40px;position:relative;overflow-y:auto;transform:translateY(24px)scale(.98);box-shadow:0 30px 80px #0000008c,0 0 0 1px #6f91a814}.booking-panel.is-visible{opacity:1;transform:translateY(0)scale(1)}.booking-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:1;background:#0b111780;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:20px;right:20px}.booking-close:hover{color:var(--text);border-color:var(--glow);transform:rotate(90deg)}.booking-header{margin-bottom:28px;padding-right:32px}.booking-header h2{text-transform:uppercase;margin-bottom:10px;font-size:clamp(24px,3.4vw,32px);font-weight:700}.booking-header p{max-width:520px;font-size:15px}.booking-form.contact-form{background:0 0;border:none;gap:24px;padding:0}.booking-progress{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.booking-progress-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--glow);font-size:12px;font-weight:700}.booking-progress-track{background:#6f91a82e;border-radius:999px;height:4px;overflow:hidden}.booking-progress-fill{border-radius:inherit;background:linear-gradient(90deg, #7fa6bd, var(--digital-blue));height:100%;transition:width .45s var(--ease)}.booking-step{min-height:1px}.booking-question{flex-direction:column;gap:18px;display:flex}.booking-question-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:clamp(19px,2.6vw,23px);font-weight:700}.booking-question-hint{color:var(--text-muted);margin-top:-12px;font-size:14px}.booking-nav{align-items:center;gap:14px;display:flex}.booking-back{flex-shrink:0}.booking-nav .booking-submit{flex:1}.service-card-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.service-card{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#0b111780;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:flex;position:relative}.service-card input{opacity:0;pointer-events:none;position:absolute}.service-card:hover{border-color:#6f91a899;transform:translateY(-1px)}.service-card.is-selected{border-color:var(--digital-blue);color:var(--text);background:#3a7bd524;box-shadow:0 0 0 1px #3a7bd566,0 8px 20px #3a7bd529}.service-card span:before{content:"";border:1.5px solid var(--border);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:8px;transition:border-color .2s,background .2s;display:inline-block}.service-card.is-selected span:before{border-color:var(--digital-blue);background:radial-gradient(circle, var(--digital-blue) 45%, transparent 50%)}.pill-toggle-group{gap:10px;display:inline-flex}.pill-toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#0b111780;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,color .2s}.pill-toggle input{opacity:0;pointer-events:none;position:absolute}.pill-toggle.is-selected{border-color:var(--digital-blue);color:var(--text);background:#3a7bd529}.booking-submit{justify-content:center;width:100%;padding:17px 28px;font-size:16px}.booking-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 12px 8px;display:flex}.booking-checkmark svg{overflow:visible}.booking-checkmark-circle{stroke:var(--digital-blue);stroke-dasharray:182;stroke-dashoffset:182px;animation:booking-draw-circle .6s var(--ease) forwards}.booking-checkmark-tick{stroke:var(--digital-blue);stroke-dasharray:40;stroke-dashoffset:40px;stroke-linecap:round;stroke-linejoin:round;animation:booking-draw-tick .4s var(--ease) .5s forwards}@keyframes booking-draw-circle{to{stroke-dashoffset:0}}@keyframes booking-draw-tick{to{stroke-dashoffset:0}}.booking-success h2{text-transform:uppercase;opacity:0;animation:booking-fade-up .5s var(--ease) .7s forwards;font-size:clamp(24px,3.4vw,32px);font-weight:700}.booking-success p{opacity:0;max-width:440px;animation:booking-fade-up .5s var(--ease) .85s forwards;font-size:15px}.booking-success .btn{opacity:0;animation:booking-fade-up .5s var(--ease) 1s forwards}@keyframes booking-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.booking-overlay{align-items:flex-end;padding:0}.booking-panel{border-radius:24px 24px 0 0;width:100%;max-width:none;max-height:92vh;padding:28px 20px;transform:translateY(100%)}.booking-panel.is-visible{transform:translateY(0)}.service-card-grid{grid-template-columns:1fr}.booking-header{padding-right:40px}}@media (prefers-reduced-motion:reduce){.booking-overlay,.booking-panel,.booking-checkmark-circle,.booking-checkmark-tick,.booking-success h2,.booking-success p,.booking-success .btn{transition:none!important;animation:none!important}.booking-checkmark-circle,.booking-checkmark-tick{stroke-dashoffset:0}.booking-success h2,.booking-success p,.booking-success .btn{opacity:1;transform:none}}.hero{isolation:isolate;background:#05080c;flex-direction:column;justify-content:flex-end;align-items:center;gap:18px;width:100%;height:clamp(640px,100vh,1040px);min-height:640px;padding-bottom:clamp(56px,10vh,100px);display:flex;position:relative;overflow:hidden}.hero-media{z-index:0;background:var(--bg);position:absolute;inset:0}.hero-video{object-fit:cover;object-position:center 38%;opacity:1;width:100%;height:100%;transition:opacity .9s var(--ease);will-change:opacity;backface-visibility:hidden;position:absolute;inset:0;transform:translateZ(0)}.hero-video.is-hidden{opacity:0}.hero-settled-bg{background:var(--bg);opacity:0;transition:opacity 1.1s var(--ease);position:absolute;inset:0}.hero-settled-bg.is-visible{opacity:1}.hero-settled-bg canvas{display:block}.hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(#05080c00 62%,#05080c8c 100%);position:absolute;inset:0}.hero-loader{z-index:3;animation:hero-loader-in .3s var(--ease);background:#05080c;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}@keyframes hero-loader-in{0%{opacity:0}to{opacity:1}}.hero-loader-bar{background:#6f91a833;border-radius:999px;width:min(220px,60vw);height:3px;overflow:hidden}.hero-loader-fill{border-radius:inherit;background:linear-gradient(90deg, #7fa6bd, var(--digital-blue));height:100%;transition:width .3s ease-out}.hero-loader-label{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.hero-wordmark{z-index:2;opacity:0;transition:opacity 1s var(--ease) .15s, transform 1s var(--ease) .15s;pointer-events:none;flex-direction:column;align-items:center;gap:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(14px - 50%))}.hero-wordmark.is-visible{opacity:1;transform:translate(-50%,-50%)}.hero-logo-badge{object-fit:contain;filter:drop-shadow(0 0 34px #3a7bd559);width:clamp(180px,22vw,300px);height:auto}.hero-wordmark-text{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;text-align:center;color:#fff;font-size:clamp(32px,5vw,50px);font-weight:700}.hero-subheading{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--forge-orange);margin-top:-6px;font-size:12px;font-weight:600}.hero-statement{flex-direction:column;align-items:center;gap:14px;max-width:620px;margin-top:6px;padding:0 24px;display:flex}.hero-statement-divider{background:linear-gradient(90deg, var(--forge-orange), var(--digital-blue));border-radius:999px;width:40px;height:2px}.hero-statement h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:#fff;text-align:center;font-size:clamp(18px,2.6vw,26px);font-weight:700}.hero-statement p{color:var(--text-muted);text-align:center;font-size:14.5px;line-height:1.7}.hero-actions{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:0 24px;display:flex;position:relative}.hero-btn{min-width:190px}.hero-scroll-cue{z-index:2;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);opacity:.8;align-items:center;gap:8px;font-size:11px;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:30px;left:24px}.hero-scroll-cue:hover{opacity:1;transform:translateY(-2px)}.hero-scroll-cue svg{animation:1.8s ease-in-out infinite hero-chevron-bounce}@keyframes hero-chevron-bounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@media (width<=900px){.hero{height:100vh;min-height:660px}.hero-scroll-cue{display:none}.hero-statement p{font-size:13px;line-height:1.6}.hero-statement{gap:8px;margin-top:2px}.hero-statement h2{font-size:clamp(16px,4.5vw,20px)}}@media (width<=640px){.hero-actions{flex-direction:column;width:100%;max-width:300px}.hero-btn{width:100%;min-width:0;padding:13px 24px;font-size:14px}.hero-logo-badge{width:150px}.hero-wordmark-text{font-size:26px}}@media (prefers-reduced-motion:reduce){.hero-video{opacity:1;animation:none}.hero-scroll-cue svg{animation:none}}.card-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}.card-grid.bento-cols-4,.card-grid.bento-cols-5,.card-grid.bento-cols-6{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.card-grid.bento-cols-4{grid-template-columns:repeat(4,1fr)}.card-grid.bento-cols-5{grid-template-columns:repeat(5,1fr)}.card-grid.bento-cols-6{grid-template-columns:repeat(3,1fr)}}.magic-bento-card{border-radius:var(--radius-md);background:linear-gradient(160deg, var(--panel-2) 0%, var(--panel) 100%);width:100%;min-height:240px;transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border:1px solid #6f91a852;flex-direction:column;justify-content:space-between;padding:30px 28px;font-weight:300;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000047,inset 0 1px #ffffff08}.magic-bento-card:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--glow-color), .7), transparent);opacity:.7;height:2px;position:absolute;top:0;left:12%;right:12%}.magic-bento-card:hover{border-color:rgba(var(--glow-color), .6);box-shadow:0 16px 40px #0006, 0 0 32px rgba(var(--glow-color), .16);transform:translateY(-6px)}.magic-bento-card__media{margin-bottom:16px}.magic-bento-card__icon{width:42px;height:42px;color:var(--glow);background:#3a7bd51f;border:1px solid #6f91a84d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.magic-bento-card__header,.magic-bento-card__content{color:var(--text);display:flex;position:relative}.magic-bento-card__header{justify-content:space-between;gap:.75em}.magic-bento-card__content{flex-direction:column;gap:6px}.magic-bento-card__label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--forge-orange);font-size:12px;font-weight:600}.magic-bento-card__title{font-family:var(--font-display);color:var(--text);margin:4px 0 2px;font-size:19px;font-weight:700}.magic-bento-card__description{color:#c7d0da;font-size:14px;line-height:1.55}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:2}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:3}.magic-bento-card__cta{font-family:var(--font-display);color:var(--digital-blue);transition:gap .25s var(--ease), color .25s var(--ease);align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:600;display:inline-flex}.magic-bento-card__cta:hover{color:var(--glow);gap:10px}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * 1)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .5)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card--border-glow:hover{box-shadow:0 10px 30px #060c1480, 0 0 30px rgba(var(--glow-color), .28)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";z-index:-1;background:#3a7bd533;border-radius:50%;position:absolute;inset:-2px}.global-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}.project-mockup{border:1px solid var(--border);background:var(--panel);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #00000052}.project-mockup-bar{background:var(--panel-2);gap:5px;padding:8px 10px;display:flex}.project-mockup-bar span{background:#aab4c059;border-radius:50%;width:6px;height:6px}.project-mockup-screen{background:radial-gradient(circle at 30% 20%,#3a7bd559,#0000 55%),radial-gradient(circle at 80% 80%,#ff7a002e,#0000 45%),linear-gradient(160deg,#16222e,#0b1117);justify-content:center;align-items:center;display:flex}.project-mockup-tag{font-family:var(--font-display);letter-spacing:.06em;color:#f5f7fa47;font-weight:700}.project-mockup--sm{margin-bottom:16px}.project-mockup--sm .project-mockup-screen{aspect-ratio:16/8}.project-mockup--sm .project-mockup-tag{font-size:24px}.project-mockup--xs{max-width:220px;margin-bottom:4px}.project-mockup--xs .project-mockup-screen{aspect-ratio:16/7}.project-mockup--xs .project-mockup-tag{font-size:16px}.preview-project-card:hover .project-mockup{transform:translateY(-6px);box-shadow:0 20px 40px #0000006b}.inquiry-section{border-top:1px solid var(--border)}.inquiry-form{max-width:720px;margin:0 auto}.section-head-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.section-head-row .section-head{margin-bottom:0}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{border-left:2px solid var(--digital-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);background:#10182066;padding:30px 28px}.service-card:hover{border-color:var(--glow);background:#101820b3;transform:translate(4px)}.service-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:19px}.service-card p{color:#c7d0da;font-size:14px;line-height:1.6}@media (width<=900px){.services-grid{grid-template-columns:1fr;gap:18px}}.book-cta-section{position:relative;overflow:hidden}.book-cta-inner{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.book-cta-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--panel-2) 0%, var(--panel) 100%);flex-direction:column;align-items:flex-start;gap:14px;padding:36px 32px;display:flex}.book-cta-panel h2{text-transform:uppercase;font-size:clamp(24px,3vw,32px);font-weight:700}.book-cta-panel .btn{margin-top:6px}.book-cta-problems{flex-direction:column;gap:18px;display:flex}.problem-item{border-left:2px solid var(--forge-orange);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#10182066;padding:18px 20px}.problem-item h3{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:16px}.problem-item p{color:#c7d0da;font-size:14px;line-height:1.6}.book-cta-followup{flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px;display:flex}.book-cta-followup p{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:700}@media (width<=900px){.book-cta-inner{grid-template-columns:1fr;gap:28px}}.process-section{position:relative;overflow:hidden}.process-section:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ff7a0014,#0000 55%);position:absolute;inset:0}.process-section .container{z-index:1;position:relative}.process-section .card-grid{gap:18px}.process-section .magic-bento-card{min-height:0;padding:24px 22px}.process-section .magic-bento-card__content{gap:8px}.process-section .magic-bento-card__header{margin-bottom:2px}.preview-projects{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.preview-project-card{flex-direction:column;gap:4px;display:flex}.preview-project-card h3{color:var(--text);font-size:17px}.preview-project-card p{font-size:13px}.concept-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--forge-orange);margin-top:6px;font-size:11px;font-weight:600}.safriel-preview-inner{grid-template-columns:auto 1fr;align-items:center;gap:40px;display:grid}.safriel-portrait{border-radius:var(--radius-lg);border:1px solid var(--border);aspect-ratio:4/5;background:var(--panel);position:relative;overflow:hidden}.safriel-portrait--sm{max-width:170px}.safriel-portrait img{object-fit:cover;object-position:top center;filter:grayscale(.25)contrast(1.05)saturate(.9);width:100%;height:100%}.safriel-portrait:after{content:"";mix-blend-mode:multiply;background:linear-gradient(#3a7bd51f 0%,#0b11178c 100%);position:absolute;inset:0}.safriel-copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.safriel-copy h2{text-transform:uppercase;font-size:clamp(28px,4vw,40px);font-weight:700}.safriel-copy blockquote{border-left:2px solid var(--forge-orange);font-family:var(--font-display);color:var(--text);margin:0;padding-left:18px;font-size:17px;font-style:italic}.final-cta{text-align:center;background:radial-gradient(ellipse at 50% 0%, #3a7bd529, transparent 60%), linear-gradient(180deg, var(--panel) 0%, var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.final-cta-inner{z-index:1;flex-direction:column;align-items:center;gap:18px;max-width:640px;margin:0 auto;display:flex;position:relative}.final-cta-inner h2{text-transform:uppercase;font-size:clamp(28px,4vw,42px);font-weight:700}.final-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}@media (width<=900px){.safriel-preview-inner{grid-template-columns:1fr;gap:32px}.safriel-portrait,.safriel-portrait--sm{max-width:260px;margin:0 auto}.safriel-copy{text-align:center;align-items:center}.safriel-copy blockquote{text-align:left}.preview-projects{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.preview-projects{grid-template-columns:1fr;gap:24px}.preview-project-card{max-width:320px;margin:0 auto}}@media (width<=768px){.section-head-row{flex-direction:column;align-items:flex-start;gap:16px}}.faq-list{flex-direction:column;gap:14px;max-width:820px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(160deg, var(--panel-2) 0%, var(--panel) 100%);transition:border-color .25s var(--ease);overflow:hidden}.faq-item.is-open{border-color:#6f91a880}.faq-question{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:600;display:flex}.faq-icon{color:var(--forge-orange);flex-shrink:0;font-size:20px}.faq-answer{max-height:0;transition:max-height .35s var(--ease);padding:0 24px;overflow:hidden}.faq-answer p{color:#c7d0da;padding-bottom:20px;font-size:14.5px;line-height:1.7}.services-hero{text-align:center;padding-top:168px}.services-hero-inner{flex-direction:column;align-items:center;gap:16px;max-width:720px;margin:0 auto;display:flex}.services-hero-inner h1{text-transform:uppercase;font-size:clamp(30px,5vw,48px);font-weight:700}.services-hero-inner p{max-width:580px;font-size:17px}.services-page .section-head{max-width:760px}.services-page .section-head p{font-size:16px}.services-alt-section{position:relative;overflow:hidden}.services-alt-section:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#3a7bd514,#0000 55%);position:absolute;inset:0}.services-alt-section .container{z-index:1;position:relative}.website-type-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.website-type-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--panel-2) 0%, var(--panel) 100%);transition:transform .3s var(--ease), border-color .3s var(--ease);flex-direction:column;gap:14px;padding:30px 28px;display:flex}.website-type-card:hover{border-color:#6f91a880;transform:translateY(-4px)}.website-type-label{font-family:var(--font-display);color:var(--text);font-size:19px;font-weight:700}.website-type-card p{font-size:14px;line-height:1.65}.website-type-suited{border-top:1px solid var(--border);padding-top:12px;color:var(--text)!important}.website-type-suited strong{color:var(--glow);font-family:var(--font-display);font-weight:700}.services-final-cta{margin-top:8px}@media (width<=768px){.website-type-grid{grid-template-columns:1fr}}.projects-hero{text-align:center;padding-top:168px}.projects-hero-inner{flex-direction:column;align-items:center;gap:16px;max-width:700px;margin:0 auto;display:flex}.projects-hero-inner h1{text-transform:uppercase;font-size:clamp(30px,5vw,48px);font-weight:700}.projects-hero-inner p{max-width:560px;font-size:17px}.projects-grid-section{padding-top:24px}.project-tag{font-family:var(--font-display);letter-spacing:.06em;font-size:13px;font-weight:700}.project-details{margin-top:14px}.project-details summary{cursor:pointer;font-family:var(--font-display);color:var(--digital-blue);align-items:center;gap:6px;font-size:13px;font-weight:600;list-style:none;display:inline-flex}.project-details summary::-webkit-details-marker{display:none}.project-details summary:after{content:"→";transition:transform .25s var(--ease)}.project-details[open] summary:after{transform:rotate(90deg)}.project-details summary:hover{color:var(--glow)}.project-details ul{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.project-details li{color:var(--text-muted);padding-left:14px;font-size:13px;position:relative}.project-details li:before{content:"";background:var(--forge-orange);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.project-details .concept-label{margin-top:12px;display:inline-block}.safriel-hero{padding-top:168px}.safriel-hero-inner{grid-template-columns:auto 1fr;align-items:start;gap:40px;display:grid}.safriel-hero-portrait{border-radius:var(--radius-lg);border:1px solid var(--border);aspect-ratio:4/5;background:var(--panel);position:relative;overflow:hidden}.safriel-hero-portrait--sm{max-width:190px}.safriel-hero-portrait img{object-fit:cover;object-position:top center;filter:grayscale(.25)contrast(1.05)saturate(.9);width:100%;height:100%}.safriel-hero-portrait:after{content:"";mix-blend-mode:multiply;background:linear-gradient(#3a7bd51f 0%,#0b11178c 100%);position:absolute;inset:0}.safriel-hero-panel{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.safriel-hero-panel h1{text-transform:uppercase;font-size:clamp(32px,5vw,48px);font-weight:700}.safriel-lede{max-width:520px;font-size:17px}.safriel-hero-panel blockquote{border-left:2px solid var(--forge-orange);font-family:var(--font-display);color:var(--text);max-width:520px;margin:0;padding-left:18px;font-size:17px;font-style:italic}.safriel-hero-actions{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.origin-section{position:relative;overflow:hidden}.origin-section:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ff7a0014,#0000 55%);position:absolute;inset:0}.origin-section .container{z-index:1;text-align:center;align-items:center;max-width:760px;margin:0 auto;position:relative}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg, var(--panel-2) 0%, var(--panel) 100%);transition:transform .3s var(--ease), border-color .3s var(--ease);padding:30px 26px}.value-card:hover{border-color:#6f91a880;transform:translateY(-4px)}.value-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:18px}.value-card p{font-size:14px}@media (width<=900px){.safriel-hero-inner{grid-template-columns:1fr;gap:32px}.safriel-hero-portrait{max-width:320px;margin:0 auto}.safriel-hero-panel{text-align:center;align-items:center}.safriel-hero-panel blockquote{text-align:left}.values-grid{grid-template-columns:1fr}}.contact-hero{text-align:center;padding-top:168px}.contact-hero-inner{flex-direction:column;align-items:center;gap:14px;max-width:620px;margin:0 auto;display:flex}.contact-hero-inner h1{text-transform:uppercase;font-size:clamp(30px,5vw,48px);font-weight:700}.contact-section{padding-top:24px;padding-bottom:24px}.contact-grid{grid-template-columns:.9fr 1.4fr;align-items:start;gap:40px;display:grid}.contact-side-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at 20% 0%, #ff7a001a, transparent 60%), var(--panel);flex-direction:column;align-items:flex-start;gap:12px;padding:32px;scroll-margin-top:110px;display:flex;position:sticky;top:100px}.contact-side-panel h2{text-transform:uppercase;font-size:26px;font-weight:700}.contact-side-panel>.btn{margin-top:6px}.contact-details{border-top:1px solid var(--border);flex-direction:column;gap:10px;width:100%;margin-top:18px;padding-top:18px;display:flex}.contact-details div{color:var(--text);justify-content:space-between;gap:12px;font-size:14px;display:flex}.contact-details-label{color:var(--text-muted)}@media (width<=900px){.contact-grid{grid-template-columns:1fr}.contact-side-panel{position:static}}
