@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}}:root{--navy:#06233a;--black:#111;--white:#fff;--gray:#696966;--line:#c9c9c5;--lime:#dfff00;--pink:#f000c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--black);background:#fff;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1180px,100% - 48px);margin:auto}.nav{justify-content:space-between;align-items:center;height:82px;display:flex}.brand{align-items:center;gap:12px;font:700 20px Space Grotesk;display:flex}.brand span span,h1 span,h2 span{color:var(--pink)}.mark{align-items:flex-end;gap:2px;width:26px;height:28px;display:flex;transform:skew(-18deg)}.mark i{background:var(--lime);width:7px;display:block}.mark i:first-child{height:13px}.mark i:nth-child(2){height:27px}.mark i:nth-child(3){height:20px}.nav nav{gap:36px;font-size:13px;font-weight:700;display:flex}.nav nav a:hover{color:var(--pink)}.button{background:var(--lime);color:var(--black);letter-spacing:.03em;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:28px;padding:18px 22px;font:700 13px Space Grotesk;transition:all .2s;display:inline-flex}.button:hover{background:var(--pink);color:#fff;transform:translateY(-2px)}.button-small{padding:13px 17px}.hero{background:var(--navy);color:#fff;overflow:hidden}.hero-grid{min-height:640px;padding-top:95px;position:relative}.eyebrow,.kicker{letter-spacing:.16em;font:700 12px Space Grotesk}.eyebrow b{color:var(--lime);margin-right:8px}.hero h1,.section h2{letter-spacing:-.075em;margin:30px 0;font:700 clamp(54px,7.5vw,106px)/.84 Space Grotesk}.hero h1 em{-webkit-text-stroke:1px #fff;color:#0000;font-style:normal}.hero-copy{color:#d4dbe0;max-width:510px;margin:0 0 34px;font-size:19px;line-height:1.55}.hero-actions{align-items:center;gap:34px;display:flex}.text-link{letter-spacing:.08em;border-bottom:1px solid #8795a0;padding:15px 0;font:700 12px Space Grotesk}.text-link span{color:var(--lime);margin-left:12px}.hero-stat{align-items:center;gap:13px;display:flex;position:absolute;bottom:52px;right:0}.hero-stat strong{color:var(--lime);font:700 45px Space Grotesk}.hero-stat span{letter-spacing:.1em;font-size:10px;line-height:1.4}.falcon{opacity:.95;width:42%;height:360px;position:absolute;top:70px;right:2%;transform:rotate(-5deg)}.wing{clip-path:polygon(0 0,100% 0,84% 100%,9% 100%);border:2px solid #dfff008c;border-left:0;height:38px;position:absolute;right:0;transform:skew(-24deg)}.w1{width:70%;top:10px}.w2{width:85%;top:59px}.w3{width:100%;top:108px}.w4{width:82%;top:157px}.w5{width:60%;top:206px}.talon{color:var(--pink);font-size:75px;position:absolute;top:260px;right:10px}.ticker{background:var(--lime);color:#111;white-space:nowrap;letter-spacing:.08em;margin:-1px -8px 0;padding:15px;font:700 13px Space Grotesk;overflow:hidden;transform:rotate(-1deg)}.ticker span{text-align:center;display:block}.ticker b{color:var(--pink);margin:0 25px}.section{padding:115px 0}.kicker{color:#535350;margin:0}.light{color:var(--lime)}.pain>div:first-child{grid-template-columns:1fr 2.4fr;gap:40px;display:grid}.section h2{margin:0;font-size:clamp(45px,5.6vw,78px);line-height:.92}.pain-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:85px;display:grid}.pain-list article{border-right:1px solid var(--line);padding:30px 35px 15px 0}.pain-list article+article{padding-left:35px}.pain-list article:last-child{border:0}.pain-list b,.service-num{color:var(--pink);font:700 12px Space Grotesk}.pain-list h3,.service-grid h3,.steps h3{margin:30px 0 10px;font:700 20px Space Grotesk}.pain-list p,.service-grid p,.steps p,.section-heading p{color:var(--gray);font-size:15px;line-height:1.6}.services,.proof,.contact{background:var(--navy);color:#fff}.section-heading{justify-content:space-between;align-items:end;margin:22px 0 65px;display:flex}.section-heading p{color:#b8c2c9;width:350px;margin:0}.section-heading.dark p{color:var(--gray)}.service-grid{border:1px solid #395064;grid-template-columns:repeat(3,1fr);display:grid}.service-grid article{border-right:1px solid #395064;flex-direction:column;min-height:370px;padding:34px;display:flex}.service-grid article:last-child{border:0}.service-grid .featured{background:var(--lime);color:#111;box-shadow:12px 12px 0 var(--pink);border:0;transform:translateY(-12px)}.service-grid .featured p{color:#30302d}.service-num{justify-content:space-between;display:flex}.service-num span{font-size:20px}.service-grid h3{margin-top:55px;font-size:25px}.tags{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.tags span{letter-spacing:.08em;border:1px solid #66798a;border-radius:20px;padding:6px 9px;font-size:9px}.featured .tags span{border-color:#666}.steps{grid-template-columns:repeat(4,1fr);margin-top:75px;display:grid}.steps article{border-top:2px solid #111;padding:18px 30px 0 0;position:relative}.steps article:after{content:"";background:var(--pink);width:8px;height:8px;position:absolute;top:-5px;left:0}.steps b{color:var(--gray);font:700 11px Space Grotesk}.step-icon{color:var(--pink);margin:35px 0;font-size:42px;display:block}.steps p{padding-right:15px}.metrics{border-bottom:1px solid #42596b;grid-template-columns:repeat(3,1fr);padding:35px 0 65px;display:grid}.metrics div{align-items:center;gap:18px;display:flex}.metrics strong{color:var(--lime);font:700 65px Space Grotesk}.metrics span{font-size:11px;line-height:1.5}.proof blockquote{letter-spacing:-.035em;max-width:940px;margin:70px auto;font:500 clamp(28px,3.5vw,48px)/1.2 Space Grotesk}.proof blockquote:before{content:"“";color:var(--pink);height:65px;font-size:100px;display:block}.proof blockquote footer{align-items:center;gap:14px;margin-top:35px;display:flex}.avatar{background:var(--pink);border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;display:grid}.proof blockquote b{letter-spacing:.08em;font:700 12px DM Sans}.proof blockquote small{color:#9daab3;margin-top:5px;font-size:9px;display:block}.disclaimer{text-align:center;color:#81919c;letter-spacing:.07em;font-size:9px}.price-grid{border:1px solid var(--line);grid-template-columns:1fr 1fr;max-width:920px;margin:auto;display:grid}.price-grid article{padding:45px 50px;position:relative}.price-grid article:first-child{border-right:1px solid var(--line)}.price-featured{background:var(--navy);color:#fff}.badge{background:var(--pink);color:#fff;letter-spacing:.08em;padding:7px 10px;font:700 9px Space Grotesk;position:absolute;top:-13px;right:20px}.plan{letter-spacing:.15em;color:var(--pink);font:700 12px Space Grotesk}.price-grid h3{margin:25px 0 20px;font:700 42px Space Grotesk}.price-grid h3 small{color:var(--gray);letter-spacing:.12em;font:700 9px DM Sans;display:block}.price-grid>article>p:not(.plan){color:var(--gray);min-height:48px}.price-featured>p:not(.plan){color:#b5c0c7!important}.price-grid ul{border-top:1px solid var(--line);margin:15px 0 25px;padding:15px 0;list-style:none}.price-grid li{padding:9px 0;font-size:14px}.price-grid li:before{content:"◆";color:var(--lime);margin-right:10px;font-size:8px}.outline-button{text-align:center;border:1px solid #111;padding:17px;font:700 12px Space Grotesk;display:block}.price-grid .button{width:100%}.faq{background:#f3f3ef}.faq-grid{grid-template-columns:1fr 1.5fr;gap:100px;display:grid}.faq h2{margin-top:25px}.faq details{border-top:1px solid #aaa;padding:21px 0}.faq details:last-child{border-bottom:1px solid #aaa}.faq summary{cursor:pointer;justify-content:space-between;font:700 17px Space Grotesk;list-style:none;display:flex}.faq summary span{color:var(--pink);font-size:22px}.faq details p{color:var(--gray);margin:15px 50px 0 0;line-height:1.6}.contact-grid{grid-template-columns:1.15fr .85fr;gap:100px;display:grid}.contact h2{margin:28px 0}.contact>div>div>p:last-child{color:#b7c2ca;max-width:530px;line-height:1.6}.contact form{color:#111;box-shadow:12px 12px 0 var(--pink);background:#fff;padding:35px}.contact label{letter-spacing:.12em;margin-bottom:20px;font:700 10px Space Grotesk;display:block}.contact input,.contact select{color:#555;background:#fff;border:0;border-bottom:1px solid #aaa;border-radius:0;width:100%;padding:12px 0;font-size:14px;display:block}.contact form .button{width:100%;margin-top:8px}.contact form small{text-align:center;color:#888;letter-spacing:.1em;margin-top:14px;font-size:8px;display:block}.footer{color:#fff;background:#031724;padding:70px 0 25px}.footer-top{grid-template-columns:1.4fr 1fr 1fr .7fr;align-items:start;gap:30px;display:grid}.footer p,.footer span{color:#91a0aa;font-size:12px;line-height:1.6}.footer-top div{flex-direction:column;gap:10px;font-size:12px;display:flex}.footer-bottom{letter-spacing:.1em;border-top:1px solid #304553;justify-content:space-between;margin-top:50px;padding-top:20px;font-size:9px;display:flex}.footer-bottom a{color:var(--lime)}@media (max-width:850px){.nav nav{display:none}.falcon{opacity:.35;width:60%}.pain>div:first-child,.contact-grid,.faq-grid{grid-template-columns:1fr}.pain>div:first-child{gap:25px}.section-heading{display:block}.section-heading p{width:auto;margin-top:25px}.service-grid{grid-template-columns:1fr}.service-grid article{border-bottom:1px solid #395064;border-right:0}.service-grid .featured{transform:none}.steps{grid-template-columns:1fr 1fr;gap:40px}.footer-top{grid-template-columns:1fr 1fr}.contact-grid{gap:50px}}@media (max-width:580px){.shell{width:min(100% - 32px,1180px)}.nav{height:68px}.nav .button{gap:0;padding:12px;font-size:0}.nav .button span{font-size:16px}.hero-grid{min-height:650px;padding-top:75px}.hero h1{font-size:56px}.hero-copy{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.hero-stat{bottom:30px;left:0;right:auto}.falcon{width:90%;top:230px;right:-12%}.ticker span{text-align:left}.section{padding:80px 0}.section h2{font-size:45px}.pain-list{grid-template-columns:1fr;margin-top:55px}.pain-list article,.pain-list article+article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.section-heading{margin-bottom:45px}.service-grid article{min-height:330px}.steps{grid-template-columns:1fr}.metrics{grid-template-columns:1fr;gap:28px}.metrics strong{font-size:54px}.price-grid{grid-template-columns:1fr}.price-grid article{padding:38px 28px}.price-grid article:first-child{border-right:0;border-bottom:1px solid var(--line)}.faq-grid{gap:45px}.contact form{box-shadow:8px 8px 0 var(--pink);padding:28px 22px}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap;gap:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.portfolio{overflow:hidden}.portfolio-grid{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.portfolio-grid article{border:1px solid var(--line)}.portfolio-grid article:first-child{grid-row:span 2}.case-visual{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;min-height:240px;padding:25px;display:flex;position:relative;overflow:hidden}.portfolio-grid article:first-child .case-visual{min-height:520px}.case-visual:after{content:"";border:55px solid var(--lime);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-145px;right:-100px}.case-two:after{border-color:var(--pink);border-width:28px;border-radius:0;width:250px;height:90px;bottom:5px;transform:skew(-24deg)}.case-three:after{border-width:28px;width:180px;height:180px;bottom:-75px;right:-50px}.case-visual span{letter-spacing:.13em;color:var(--lime);font:700 10px Space Grotesk}.case-visual strong{letter-spacing:-.06em;z-index:1;font:700 clamp(31px,4vw,55px)/.88 Space Grotesk;position:relative}.case-copy{padding:24px}.case-copy p{letter-spacing:.13em;color:var(--pink);font:700 10px Space Grotesk}.case-copy h3{max-width:560px;font:600 19px/1.3 Space Grotesk}.case-copy span{color:var(--gray);font-size:11px}.page-editor{z-index:50;font-family:DM Sans,sans-serif;position:fixed;bottom:18px;right:18px}.editor-toggle{background:var(--pink);color:#fff;letter-spacing:.08em;box-shadow:6px 6px 0 var(--lime);cursor:pointer;border:0;padding:14px 18px;font:700 11px Space Grotesk}.editor-panel{color:#111;width:250px;box-shadow:8px 8px 0 var(--pink);background:#fff;border:2px solid #111;gap:11px;padding:18px;display:grid;position:absolute;bottom:58px;right:0}.editor-panel strong{font:700 15px Space Grotesk}.editor-panel small{color:#666}.editor-panel label{justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.editor-panel input[type=color]{border:0;width:48px;height:28px;padding:0}.editor-panel select{max-width:135px}.editor-panel button{cursor:pointer;background:#fff;border:1px solid #111;padding:9px;font:700 9px Space Grotesk}.editor-panel .editor-save{background:var(--lime)}.editor-panel .editor-reset{color:#777;border:0}.editor-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.editing [contenteditable=true]{outline:1px dashed var(--pink);outline-offset:5px;cursor:text}.editor-hidden{display:none!important}@media (max-width:850px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid article:first-child{grid-row:auto}.portfolio-grid article:first-child .case-visual{min-height:330px}}@media (max-width:580px){.case-visual,.portfolio-grid article:first-child .case-visual{min-height:250px}.page-editor{bottom:12px;right:12px}.editor-panel{max-height:75vh;overflow:auto}}@media (min-width:851px){.hero h1{max-width:980px;font-size:clamp(64px,6.6vw,92px)}}.nav nav{letter-spacing:.035em;gap:40px;font-size:15px}.hero h1,.section h2{letter-spacing:-.035em;word-spacing:.12em}.pain-list h3,.service-grid h3,.steps h3,.price-grid h3,.faq summary,.case-copy h3{letter-spacing:.035em;word-spacing:.12em}.metrics.metrics-two{grid-template-columns:repeat(2,1fr);max-width:820px;margin-inline:auto}@media (max-width:580px){.metrics.metrics-two{grid-template-columns:1fr}}.brand-image{background:0 0;flex:none;width:198px;height:58px;display:block;position:relative;overflow:hidden}.brand-logo{background-image:url(/brava-studio-logo-transparent.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.footer .brand-image{background:#fff;width:220px;height:70px}.footer .brand-logo{background-size:contain;inset:0}@media (max-width:580px){.brand-image{width:136px;height:46px}.brand-logo{inset:3px 5px}.footer .brand-image{width:170px;height:62px}}
