:root{--ink:#050709;--panel:#0b1014;--panel-2:#10171c;--line:#27323a;--muted:#9eabb2;--paper:#f3f6f7;--cyan:#62e7ff;--cyan-2:#13b8d4;--amber:#ffad47;--max:1440px;--sans:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(255,255,255,.12);transition:.25s}
.site-header.scrolled{background:rgba(5,7,9,.9);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;font:700 1.15rem/1 var(--display);letter-spacing:.22em}
.brand img{display:block}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-nav{display:flex;height:100%;align-items:center;gap:36px;font-size:.88rem}
.site-nav>a:not(.nav-cta){color:#c6d0d5;transition:color .2s}
.site-nav>a:hover{color:var(--cyan)}
.nav-cta{height:100%;display:flex;align-items:center;gap:28px;padding:0 26px;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);font-weight:600}
.menu-button{display:none;background:none;border:0;color:white}
.hero{position:relative;min-height:850px;height:100svh;max-height:1040px;display:flex;align-items:flex-end;overflow:hidden;background:#020304}
.hero-media{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,3,4,.8) 0%,transparent 28%),url("/assets/images/tavros-hero-brand.png") center/contain no-repeat,#020304}
.hero-content{position:relative;z-index:2;width:min(560px,calc(100% - 48px));margin:0 0 42px max(24px,calc((100vw - var(--max))/2));padding:20px 22px;border:1px solid rgba(255,255,255,.17);background:rgba(4,8,10,.68);backdrop-filter:blur(14px)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:#c3d0d5;text-transform:uppercase;font-size:.75rem;letter-spacing:.22em;font-weight:700}
.eyebrow span{width:30px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
h1,h2,h3{font-family:var(--display);line-height:.98;margin:0;letter-spacing:-.045em}
h1{font-size:clamp(3.8rem,7.1vw,7.4rem);text-transform:uppercase}
h1 em{color:var(--cyan);font-style:normal;text-shadow:0 0 35px rgba(98,231,255,.18)}
.hero-copy{max-width:610px;margin:0 0 16px;color:#d9e2e5;font:600 .75rem var(--display);text-transform:uppercase;letter-spacing:.16em}
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;padding:17px 22px;font-weight:700;cursor:pointer}
.button-primary{background:var(--cyan);color:#071014;box-shadow:0 0 36px rgba(98,231,255,.14);transition:.2s}
.button-primary:hover{background:#a7f3ff;transform:translateY(-2px)}
.button-ghost{border:1px solid #536168;background:rgba(5,7,9,.62);color:white;transition:.2s}
.button-ghost:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}
.text-link{color:#d1d8db;border-bottom:1px solid #4b575d;padding:13px 0;font-weight:600}
.text-link span{color:var(--cyan);margin-left:22px}
.section-pad{max-width:var(--max);margin:auto;padding:120px 24px}
.section-index{margin:0;color:#829097;font:600 .72rem/1 var(--display);text-transform:uppercase;letter-spacing:.2em}
.statement{display:grid;grid-template-columns:1fr 2.2fr;gap:80px;border-bottom:1px solid var(--line)}
.statement>div{max-width:930px}
.statement h2{font-size:clamp(2.7rem,5vw,5.3rem);text-transform:uppercase}
.statement>div>p{max-width:670px;margin:34px 0 0;color:var(--muted);font-size:1.15rem}
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding-top:0;padding-bottom:0}
.capability{position:relative;min-height:650px;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;background:var(--panel);overflow:hidden}
.capability-number{position:absolute;top:28px;left:32px;color:#617079;font:600 .72rem var(--display)}
.capability-icon{position:absolute;top:90px;left:50%;display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(3,45px);gap:4px;transform:translateX(-50%) perspective(500px) rotateX(58deg) rotateZ(-8deg)}
.capability-icon i{border:1px solid rgba(98,231,255,.45);background:linear-gradient(135deg,rgba(98,231,255,.35),rgba(15,45,56,.1));box-shadow:inset 0 0 18px rgba(98,231,255,.22)}
.beam-graphic{position:absolute;top:100px;left:50%;width:240px;height:220px;transform:translateX(-50%)}
.beam-graphic:before{content:"";position:absolute;top:0;left:90px;width:60px;height:35px;border:1px solid #637079;background:#182128}
.beam-graphic span{position:absolute;top:35px;left:102px;width:36px;height:170px;background:linear-gradient(rgba(255,173,71,.42),transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);filter:blur(4px);transform-origin:top}
.beam-graphic span:nth-child(2){transform:rotate(28deg)}
.beam-graphic span:nth-child(3){transform:rotate(-28deg)}
.wave-graphic{position:absolute;top:140px;left:50%;width:260px;height:120px;transform:translateX(-50%);background:repeating-radial-gradient(ellipse at center,transparent 0 18px,rgba(98,231,255,.55) 19px 20px,transparent 21px 29px);mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.capability-copy{position:relative;z-index:2}
.capability-copy .eyebrow{color:var(--cyan);margin-bottom:16px}
.capability h3{font-size:clamp(2.3rem,3.4vw,4rem);text-transform:uppercase}
.capability-copy>p:not(.eyebrow){color:var(--muted);min-height:78px}
.capability ul{list-style:none;padding:18px 0 0;margin:24px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;color:#c7d0d4;font-size:.84rem}
.capability li:before{content:"+";color:var(--cyan);margin-right:10px}
.calculator-section{max-width:var(--max);margin:140px auto;padding:0 24px;display:grid;grid-template-columns:.8fr 1.5fr;gap:90px;align-items:start}
.calculator-intro{position:sticky;top:120px}
.calculator-intro h2{margin:28px 0;font-size:clamp(3rem,5.2vw,5.5rem);text-transform:uppercase}
.calculator-intro>p:not(.section-index):not(.fine-print){color:var(--muted);max-width:460px;font-size:1.1rem}
.fine-print{margin-top:42px;padding-left:18px;border-left:2px solid var(--amber);color:#7f8b91;font-size:.78rem;max-width:390px}
.calculator{border:1px solid #34434c;background:#0b1014;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.calculator-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);font:600 .76rem var(--display);text-transform:uppercase;letter-spacing:.12em}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:10px}
.unit-toggle{display:flex;border:1px solid var(--line)}
.unit-toggle button{border:0;background:transparent;color:#7f8b91;padding:7px 10px;font-size:.68rem;cursor:pointer}
.unit-toggle button.active{background:var(--cyan);color:#071014}
.calculator-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.calculator-inputs label{background:#0c1216;padding:18px 20px;color:#8f9ba2;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.calculator-inputs label>span{display:flex;align-items:baseline}
.calculator-inputs input,.calculator-inputs select{width:100%;margin-top:8px;border:0;border-bottom:1px solid #425059;background:transparent;color:var(--paper);font:600 1.4rem var(--display);padding:6px 0;outline:0}
.calculator-inputs input:focus,.calculator-inputs select:focus{border-color:var(--cyan)}
.calculator-inputs b{font-size:.8rem;color:var(--cyan);font-weight:500}
.calculator-inputs select{font-size:1rem;height:42px}
.wall-visual-wrap{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;padding:55px 62px;background:radial-gradient(circle at center,rgba(30,93,107,.22),transparent 65%),linear-gradient(rgba(98,231,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(98,231,255,.03) 1px,transparent 1px);background-size:auto,20px 20px,20px 20px}
.wall-visual{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);width:min(100%,610px);max-height:260px;filter:drop-shadow(0 0 22px rgba(98,231,255,.12))}
.wall-visual i{border:1px solid rgba(98,231,255,.32);background:linear-gradient(135deg,rgba(98,231,255,.14),rgba(98,231,255,.02));animation:pulse 4s var(--delay) infinite alternate}
@keyframes pulse{to{background:rgba(98,231,255,.2)}
}
.dimension{position:absolute;color:#91a1a8;font:500 .65rem var(--display);letter-spacing:.08em}
.dimension-width{bottom:22px;left:50%;transform:translateX(-50%)}
.dimension-width:before,.dimension-width:after{content:"";position:absolute;top:50%;width:45px;height:1px;background:#48555c}
.dimension-width:before{right:calc(100% + 9px)}
.dimension-width:after{left:calc(100% + 9px)}
.dimension-height{left:18px;top:50%;transform:translateY(-50%) rotate(-90deg)}
.calculator-results{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.calculator-results>div{padding:18px;border-right:1px solid var(--line)}
.calculator-results>div:last-child{border:0}
.calculator-results span,.calculator-results small{display:block;color:#7f8d93;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}
.calculator-results strong{display:block;margin:7px 0;color:#e9f3f5;font:600 1.25rem var(--display)}
.calculator-results .result-primary strong{color:var(--cyan);font-size:2rem}
.calculator-results small b{color:#c6d2d7}
.calculator-cta{display:flex;justify-content:space-between;padding:20px 22px;background:var(--cyan);color:#061014;font-weight:700}
.project-section{border-top:1px solid var(--line)}
.project-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}
.project-heading h2{font-size:clamp(2.8rem,5vw,5.2rem);text-transform:uppercase;text-align:right}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.project-card{border:1px solid var(--line);background:var(--panel)}
.project-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line)}
.project-card>div{padding:27px}
.project-card h3{font:600 1.6rem var(--display);text-transform:uppercase;margin:9px 0}
.project-card>div>p:not(.eyebrow){color:var(--muted);margin:0 0 16px}
.project-card small{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}
.project-card details{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.project-card summary{color:#dbe4e7;cursor:pointer}.project-card h4{margin:18px 0 5px;text-transform:uppercase;font:.72rem var(--display);letter-spacing:.08em}.project-card details p{color:var(--muted);margin:0}
.process{border-top:1px solid var(--line)}
.process-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;margin-top:55px}
.process h2{font-size:clamp(3rem,5vw,5.4rem);text-transform:uppercase}
.process ol{list-style:none;padding:0;margin:0}
.process li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}
.process li>span{color:var(--cyan);font:600 .72rem var(--display)}
.process h3{font-size:1.4rem;text-transform:uppercase;letter-spacing:-.02em}
.process li p{margin:8px 0 0;color:var(--muted)}
.contact{max-width:var(--max);margin:0 auto 24px;padding:80px;display:grid;grid-template-columns:1fr 1fr;gap:100px;background:linear-gradient(135deg,#0d171c,#0a0d0f);border:1px solid var(--line);position:relative;overflow:hidden}
.contact:after{content:"";position:absolute;width:500px;height:500px;right:-200px;top:-300px;border:1px solid rgba(98,231,255,.15);transform:rotate(45deg);box-shadow:0 0 80px rgba(98,231,255,.08)}
.contact h2{font-size:clamp(2.8rem,4.5vw,5rem);text-transform:uppercase}
.contact>div>p:not(.eyebrow){color:var(--muted);max-width:530px}
.contact>div>a{display:inline-block;margin-top:20px;color:var(--cyan);border-bottom:1px solid var(--cyan)}
.contact-form{position:relative;z-index:2;display:grid;gap:22px}
.contact-form label{color:#96a3a9;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #435059;background:transparent;color:white;padding:11px 0;outline:0;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}
.contact-form .button{justify-self:start}
.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.calculator-carry{padding:14px;border:1px solid rgba(98,231,255,.35);background:rgba(98,231,255,.06);color:#a9b7bd;font-size:.78rem}
.calculator-carry strong,.calculator-carry span{display:block}
.calculator-carry strong{color:var(--cyan);margin-bottom:5px}
.form-status{padding:12px 14px;border-left:3px solid}
.form-status.success{border-color:#52d89b;background:rgba(82,216,155,.08)}
.form-status.error{border-color:#ff725f;background:rgba(255,114,95,.08)}
footer{max-width:var(--max);min-height:110px;margin:auto;padding:30px 24px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:24px;align-items:center;color:#748187;font-size:.76rem;border-top:1px solid var(--line)}
footer .brand{color:white}
footer a:last-child:hover{color:var(--cyan)}
/* Official Tavros AVL lockup */
.brand{width:max-content;background:transparent;padding:0;letter-spacing:0}
.brand img{display:block;width:auto;height:58px;object-fit:contain}
footer .brand img{height:54px}
@media(max-width:1050px){
.capability{padding:28px}
.calculator-section{grid-template-columns:1fr;gap:45px}
.calculator-intro{position:static;max-width:760px}
.process-grid{gap:50px}
.project-grid{grid-template-columns:1fr}
.contact{margin-inline:24px;padding:60px 40px;gap:60px}
}
@media(max-width:760px){.site-header{height:68px}
.site-header .brand{padding:0}
.site-header .brand img{height:50px}
.menu-button{display:grid;gap:7px;padding:12px}
.menu-button span{display:block;width:25px;height:1px;background:white}
.site-nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;padding:20px 24px 28px;background:#080c0f;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}
.site-nav.open{display:flex}
.nav-cta{height:auto;border:0;padding:10px 0;color:var(--cyan)}
.hero{min-height:690px;height:100svh;max-height:820px}
.hero-media{background:linear-gradient(0deg,rgba(2,3,4,.96) 0%,rgba(2,3,4,.35) 32%,transparent 58%),url("/assets/images/tavros-hero-brand.png") center 90px/100% auto no-repeat,#020304}
.hero-content{width:calc(100% - 32px);margin:0 16px 24px;padding:18px}
.hero-actions{align-items:stretch;flex-direction:column}
.hero-actions .button{width:100%}
.statement{grid-template-columns:1fr;gap:40px;padding-block:85px}
.capabilities{grid-template-columns:1fr;padding-inline:24px;background:none;gap:1px}
.capability{min-height:570px;border:1px solid var(--line)}
.calculator-section{margin:85px auto}
.calculator-inputs{grid-template-columns:1fr}
.wall-visual-wrap{min-height:280px;padding:48px 42px}
.calculator-results{grid-template-columns:1fr 1fr}
.calculator-results>div{border-bottom:1px solid var(--line)}
.process{padding-block:85px}
.project-heading{display:block}.project-heading h2{text-align:left;margin-top:25px}
.process-grid{grid-template-columns:1fr}
.contact{grid-template-columns:1fr;margin:0;padding:55px 24px;gap:55px}
.contact h2{font-size:2.8rem}
footer{grid-template-columns:1fr 1fr}
footer p:nth-of-type(1){display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.wall-visual i{animation:none}
.button-primary{transition:none}
}