:root{--ink:#101e2d;--navy:#091522;--muted:#687687;--line:#e5eaf0;--paper:#fff;--soft:#f5f7f9;--mint:#a8f0d0;--green:#087d60;--lime:#c5f5df;--purple:#e8ddff;--orange:#ffe7d3;--blue:#dceeff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.045em}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:78px;background:rgba(8,20,32,.97);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-size:15px;font-weight:800;letter-spacing:-.04em}.brand-mark{width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#b6f5d8,#5bc69a);color:#09251d;display:grid;place-items:center;font-size:13px;letter-spacing:-.06em}.brand-light{font-weight:500;color:#a7b6c4;margin-left:4px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#c6d0d9}.site-header nav a:hover{color:#a8f0d0}.site-header nav .nav-cta{background:#b9f3d8;color:#09251d;padding:11px 16px;border-radius:7px;font-weight:700}.nav-cta span{margin-left:10px}.menu-toggle{display:none;background:none;border:0}.hero{background:radial-gradient(ellipse at 78% 35%,#193d43 0%,#102638 34%,#091522 72%);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:590px;padding-top:50px;padding-bottom:45px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#9ce7c6}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8de6bb;box-shadow:0 0 0 5px #8de6bb22;margin-right:9px}.hero h1{font-size:clamp(46px,6.4vw,76px);line-height:1.05;margin:24px 0 20px;font-weight:800}.hero h1 span,.trends-head h2 span,.contact-copy h2 span{color:#9ce7c6}.hero-lead{font-size:16px;line-height:1.8;color:#bdc9d4;max-width:510px}.hero-actions{display:flex;gap:12px;margin-top:31px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:13px 19px;border-radius:7px;font-size:12px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#a9edcf;color:#0a2b21}.btn-ghost{color:#fff;border-color:#506171}.btn-ghost:hover{border-color:#a9edcf}.hero-proof{display:flex;align-items:center;gap:12px;color:#aebbc6;font-size:11px;margin-top:37px}.avatar-stack{display:flex;padding-left:3px}.avatar-stack i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d1f6e4;color:#14372b;border:2px solid #102638;font-size:9px;font-weight:800;margin-left:-4px}.hero-visual{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a4efd52c;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:450px;height:270px}.orbit-two{width:500px;height:340px;transform:rotate(36deg)}.dashboard-card{width:min(390px,88%);background:#f9fbfc;color:#172637;border-radius:13px;padding:24px;box-shadow:0 30px 80px #0008;position:relative;z-index:2;transform:rotate(-3deg)}.dash-top,.dash-score,.dash-bottom{display:flex;justify-content:space-between;align-items:center}.dash-top small,.dash-score small{display:block;color:#83909d;font-size:8px;letter-spacing:.12em}.dash-top strong{font-family:Manrope;font-size:17px}.live-tag{font-size:8px;color:#16865f;background:#e3f8ed;padding:6px 8px;border-radius:4px}.live-tag b{display:inline-block;width:5px;height:5px;background:#23ad72;border-radius:50%;margin-right:4px}.dash-score{margin:24px 0 17px;padding:15px;background:#f0f5f3;border-radius:8px}.dash-score strong{display:block;font-family:Manrope;font-size:35px;line-height:1.2}.dash-score strong span{font-size:12px;color:#87938f}.score-ring{width:58px;height:58px;border:5px solid #c8eddb;border-top-color:#17976a;border-right-color:#17976a;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.dash-bars{display:grid;gap:12px}.dash-bars div{display:grid;grid-template-columns:75px 1fr 31px;align-items:center;gap:9px;font-size:9px}.dash-bars i{height:6px;background:#e5ebe8;border-radius:8px;overflow:hidden}.dash-bars i b{display:block;height:100%;background:#279c72;border-radius:8px}.dash-bars em{font-style:normal;color:#63716d;font-size:8px}.dash-bottom{border-top:1px solid #e8eeeb;margin-top:22px;padding-top:12px;font-size:8px;color:#718078}.dash-bottom span:first-child{color:#16845d}.float-chip{position:absolute;z-index:3;background:#fff;color:#182b38;box-shadow:0 14px 35px #0003;border-radius:9px;padding:11px 14px;display:flex;align-items:center;gap:10px}.float-chip>span{width:30px;height:30px;border-radius:8px;background:#e1f7ec;display:grid;place-items:center;color:#13815d;font-size:17px}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:10px}.float-chip small{font-size:8px;color:#7b8791}.chip-ai{top:48px;right:-5px}.chip-web{bottom:45px;left:-2px}.chip-web>span{background:#e7edff;color:#5a6bc1}.hero-foot{position:relative;display:flex;justify-content:space-between;border-top:1px solid #ffffff21;padding:17px 0;color:#93a4b1;font-size:8px;letter-spacing:.15em;font-weight:700}.trust-strip{background:#f5f7f8;border-bottom:1px solid #e8edf0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:75px;color:#75818d}.trust-inner>span{font-size:9px;letter-spacing:.14em;font-weight:700}.trust-inner b{font-family:Manrope;font-size:13px;color:#687584}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px;gap:35px}.dark-eyebrow{color:#15936a}.section-heading h2,.trends-head h2,.contact-copy h2{font-size:clamp(35px,4.5vw,53px);line-height:1.1;margin:13px 0 0;font-weight:800}.section-heading h2 span{color:#15936a}.section-heading>p{max-width:380px;color:#73808c;font-size:13px;margin:0 0 5px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{border:1px solid var(--line);border-radius:10px;padding:25px 24px;min-height:345px;transition:.25s;background:#fff}.service-card:hover,.price-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0d25300d}.service-feature{background:#f4fbf7;border-color:#d8eee2}.service-icon{width:42px;height:42px;border-radius:10px;background:#d8f4e5;color:#087b57;display:grid;place-items:center;font-size:22px;margin-bottom:22px}.icon-purple{background:var(--purple);color:#7656bd}.icon-orange{background:var(--orange);color:#c47735}.icon-blue{background:var(--blue);color:#3b79b1}.icon-green{background:#dff4df;color:#32844d}.card-kicker,.price-label{font-size:8px;letter-spacing:.14em;font-weight:700;color:#87939d}.service-card h3{font-size:20px;margin:9px 0}.service-card p{font-size:11px;color:#74818c;line-height:1.75;min-height:58px}.service-card ul,.price-card ul{list-style:none;padding:0;margin:17px 0 21px}.service-card li,.price-card li{font-size:10px;color:#4d5b67;padding:5px 0}.service-card li:before,.price-card li:before{content:'✓';color:#15936a;font-weight:800;margin-right:8px}.text-link{font-size:10px;font-weight:700;color:#0b865f}.service-last{background:#0e2230;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.last-mark{font-family:Manrope;font-weight:800;font-size:33px;color:#a9edcf}.last-mark span{color:#fff}.service-last h3{font-size:22px}.service-last p{color:#aab8c4;min-height:0}.btn-dark{background:#fff;color:#142432;margin-top:12px}.work-section{background:#f6f8f9}.portfolio-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px}.portfolio-card{min-width:0}.mock-browser,.mock-mobile,.mock-dashboard{height:285px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 30px #1025380d;border:1px solid #e4e9ed}.browser-bar{height:28px;background:#edf1f4;display:flex;align-items:center;gap:5px;padding:0 10px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#c1cbd2}.browser-bar span{margin:auto;font-size:8px;color:#87939c}.mock-restaurant{height:calc(100% - 28px);background:linear-gradient(115deg,#172c25,#355444);color:white;display:flex;align-items:center;justify-content:space-around;padding:22px;overflow:hidden}.mock-restaurant-copy{display:flex;flex-direction:column;align-items:flex-start;z-index:1}.mock-restaurant-copy small{font-size:7px;letter-spacing:.14em;color:#d3c69e}.mock-restaurant-copy b{font-family:Manrope;font-size:27px;line-height:1.1;margin:13px 0}.mock-restaurant-copy span{font-size:8px;color:#d3ddd6}.mock-restaurant-copy em{font-size:7px;font-style:normal;margin-top:18px;border-bottom:1px solid #d8cba4;padding-bottom:4px}.food-shape{width:135px;height:135px;border-radius:50%;background:radial-gradient(circle,#e5c67c 0 32%,#6f9b59 33% 43%,#f0e8d7 44% 57%,#d0b47a 58% 64%,#263d30 65%);box-shadow:0 12px 35px #0006;display:grid;place-items:center;transform:rotate(-15deg)}.food-shape div{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f3e5b7,#c76f38 70%);box-shadow:0 0 0 8px #6b854e}.portfolio-meta{display:flex;justify-content:space-between;align-items:start;padding:14px 2px}.portfolio-meta b,.portfolio-meta span{display:block}.portfolio-meta b{font-family:Manrope;font-size:12px}.portfolio-meta span{font-size:9px;color:#82909b;margin-top:3px}.portfolio-meta>small{font-size:7px;letter-spacing:.1em;color:#89959e}.mock-mobile{background:#f8f8f6;padding:0 17px;max-width:260px;margin:auto;height:285px}.mobile-top{height:36px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#283b35}.barber-visual{height:118px;background:linear-gradient(140deg,#283b37,#9a8264);display:flex;align-items:center;justify-content:space-around;color:#fff;padding:12px}.barber-visual span{font-family:Manrope;font-weight:800;font-size:17px;line-height:1.15}.barber-visual i{font-size:38px;font-style:normal;color:#ead7b2}.mobile-lines{padding:14px 4px}.mobile-lines b{display:block;font-family:Manrope;font-size:12px}.mobile-lines>span{display:block;height:5px;width:80%;background:#e4e7e2;margin-top:8px;border-radius:5px}.mobile-lines>span:nth-of-type(2){width:60%}.mobile-lines em{display:block;background:#293d36;color:#fff;text-align:center;font-size:7px;font-style:normal;padding:9px;margin-top:14px}.mock-dashboard{background:#fbfcfe;padding:19px 16px}.mini-head{display:flex;justify-content:space-between;font-size:10px}.mini-head span{font-size:7px;color:#85919b}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.mini-stats div{background:#f1f5f7;padding:11px;border-radius:5px}.mini-stats small,.mini-stats b,.mini-stats em{display:block}.mini-stats small{font-size:6px;color:#7c8a94}.mini-stats b{font-family:Manrope;font-size:22px}.mini-stats em{font-style:normal;font-size:7px;color:#15936a}.mini-chart{margin-top:16px;font-size:8px;color:#71808b}.chart-bars{height:80px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #e5ebef;margin-top:8px}.chart-bars i{flex:1;background:linear-gradient(#64c99c,#c4f1dc);border-radius:3px 3px 0 0}.mini-footer{font-size:6px;letter-spacing:.12em;color:#9aa6ae;margin-top:11px}.trends-section{background:#0c1d2b;color:#fff}.trends-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.trends-head h2{margin-top:14px}.trends-head>div:first-child>p{font-size:12px;color:#9aabb8;margin-top:18px}.trend-note{width:240px;border:1px solid #ffffff25;border-radius:9px;padding:17px;display:grid;grid-template-columns:30px 1fr;column-gap:10px}.trend-note>span{grid-row:span 2;width:30px;height:30px;border-radius:8px;background:#1d443d;color:#9ce7c6;display:grid;place-items:center}.trend-note b{font-size:11px}.trend-note small{font-size:9px;color:#9aabb8;line-height:1.6}.trend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trend-card{border:1px solid #ffffff20;background:#102536;padding:24px;border-radius:9px;min-height:270px;position:relative}.trend-number{font-family:Manrope;font-size:35px;font-weight:800;color:#315145;position:absolute;right:20px;top:12px}.trend-tag{font-size:8px;letter-spacing:.14em;color:#9ce7c6;font-weight:700;position:relative}.trend-card h3{font-size:19px;line-height:1.3;margin:17px 0 10px;max-width:230px}.trend-card p{font-size:10px;color:#a5b4c0;line-height:1.8}.trend-opportunity{border-top:1px solid #ffffff1b;margin-top:20px;padding-top:14px}.trend-opportunity b,.trend-opportunity span{display:block}.trend-opportunity b{font-size:9px;color:#9ce7c6}.trend-opportunity span{font-size:9px;color:#c0ccd5;margin-top:4px}.trend-disclaimer{font-size:9px;color:#8396a5;margin-top:20px}.trend-disclaimer a{color:#b5e9d1;text-decoration:underline}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tool-item{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:15px;border-radius:8px;transition:.2s}.tool-item:hover{border-color:#9bdcbd;background:#f8fcf9}.tool-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;font-size:19px;font-weight:800;background:#e8f4ef;color:#18815e}.tool-symbol.git{background:#edf0f3;color:#242d36}.tool-symbol.ai{background:#e7e4ff;color:#6251bd}.tool-symbol.canva{background:#e1f2ff;color:#2878b8}.tool-symbol.google{background:#fff0df;color:#c47d32}.tool-symbol.sheets{background:#e2f4e5;color:#24864b}.tool-item div{flex:1}.tool-item b,.tool-item small{display:block}.tool-item b{font-size:10px}.tool-item small{font-size:8px;color:#84909a;margin-top:3px}.tool-arrow{color:#8c9aa5}.tools-footnote{font-size:9px;color:#89949d;margin-top:17px}.pricing-section{background:#f6f8f9}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.price-card{background:#fff;border:1px solid #e2e8ed;border-radius:10px;padding:27px 25px;position:relative;transition:.2s}.price-popular{border:1.5px solid #15936a;box-shadow:0 12px 35px #15936a12}.popular-tag{position:absolute;right:17px;top:17px;background:#e4f7ed;color:#13815c;border-radius:4px;padding:5px 8px;font-size:7px;letter-spacing:.08em;font-weight:800}.price-card h3{font-size:20px;margin:10px 0 3px}.price{font-family:Manrope;font-size:35px;font-weight:800;letter-spacing:-.06em;margin:9px 0}.price small{font-family:'DM Sans';font-size:10px;letter-spacing:0;color:#84909b;font-weight:500}.price-card>p{font-size:10px;color:#788590;min-height:48px}.price-card ul{margin:20px 0 25px}.price-card li{font-size:10px}.btn-outline{border-color:#d6dfe5;color:#1b2c3b}.price-card .btn{width:100%;font-size:10px}.price-card .btn-primary{border:0}.pricing-note{font-size:9px;color:#7e8a95;margin-top:18px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.process-grid>div{border-top:1px solid #dce4e8;padding-top:17px}.process-grid>div>span{font-family:Manrope;color:#15936a;font-size:11px;font-weight:800}.process-grid h3{font-size:17px;margin:10px 0 6px}.process-grid p{font-size:10px;color:#77848e;line-height:1.8}.contact-section{background:#0c1d2b;color:#fff;padding:90px 0}.contact-wrap{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.contact-copy h2{font-size:55px;margin-top:17px}.contact-copy>p{font-size:12px;color:#a8b6c2;max-width:420px;line-height:1.9;margin-top:20px}.contact-points{display:grid;gap:11px;margin-top:27px;font-size:10px;color:#c1d0d9}.contact-points span: first-letter{color:#9ce7c6}.contact-form{background:#fff;color:#172838;border-radius:10px;padding:27px}.form-heading{margin-bottom:18px}.form-heading b,.form-heading small{display:block}.form-heading b{font-family:Manrope;font-size:17px}.form-heading small{font-size:9px;color:#82909a;margin-top:4px}.contact-form label{display:block;font-size:9px;font-weight:700;margin:12px 0 5px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dfe6eb;border-radius:5px;padding:10px;font:11px 'DM Sans';color:#233342;background:#fbfcfd;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#2ca779}.contact-form textarea{resize:vertical}.form-submit{width:100%;margin-top:15px;border:0}.form-note{font-size:8px;color:#87939d;line-height:1.6;margin:10px 0 0}.footer{background:#07131e;color:#fff;padding:32px 0 18px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:27px}.footer-main>p{font-size:9px;color:#93a2ae;max-width:220px}.footer-links{display:flex;justify-content:flex-end;gap:18px;font-size:9px;color:#aab8c3}.footer-bottom{border-top:1px solid #ffffff1c;padding-top:15px;display:flex;justify-content:space-between;font-size:8px;color:#7f8e9b}.footer-bottom b{color:#9ce7c6}
@media(max-width:850px){.site-header nav{gap:16px}.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:57px}.hero-visual{transform:scale(.9)}.service-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-wide{grid-column:span 2}.tools-grid{grid-template-columns:repeat(2,1fr)}.contact-wrap{gap:35px}}
@media(max-width:650px){.container{width:min(100% - 36px,520px)}.site-header{height:67px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px}.menu-toggle span{width:22px;height:2px;background:#d7e1e8;border-radius:2px}.site-header nav{display:none;position:absolute;left:0;right:0;top:67px;background:#0b1c2a;padding:18px 22px 23px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff18}.site-header nav.open{display:flex}.site-header nav a{padding:12px 4px}.site-header nav .nav-cta{text-align:center;margin-top:8px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:60px;padding-bottom:15px}.hero h1{font-size:clamp(46px,13vw,65px)}.hero-lead{font-size:14px}.hero-visual{height:350px;transform:none;margin-top:15px}.dashboard-card{width:82%;padding:18px}.chip-ai{right:0;top:20px}.chip-web{left:0;bottom:17px}.orbit-one{width:330px;height:220px}.orbit-two{width:360px;height:270px}.hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0}.trust-inner{flex-wrap:wrap;justify-content:center;padding:17px 0;gap:12px 22px}.trust-inner>span{width:100%;text-align:center}.trust-inner b{font-size:11px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:17px}.section-heading h2,.trends-head h2{font-size:40px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:23px}.service-card p{min-height:0}.portfolio-grid{grid-template-columns:1fr}.portfolio-wide{grid-column:auto}.mock-browser{height:260px}.mock-mobile{max-width:300px}.trends-head{display:block}.trend-note{margin-top:24px;width:100%}.trend-grid{grid-template-columns:1fr}.trend-card{min-height:0}.tools-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card>p{min-height:0}.process-grid{grid-template-columns:1fr 1fr;gap:22px}.contact-section{padding:70px 0}.contact-wrap{grid-template-columns:1fr;gap:30px}.contact-copy h2{font-size:48px}.contact-form{padding:22px}.footer-main{grid-template-columns:1fr;gap:12px}.footer-main>p{max-width:300px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{display:grid;gap:8px}.hero-proof{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
