/* Compact software portfolio: cool neutral surfaces, luminous blue accents. */
:root{--ink:#10213d;--line:#dfe7f3;--blue:#2268f4}body{background:#f5f7fc;color:var(--ink)}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.55}.topbar{min-height:76px;padding-top:10px;padding-bottom:10px;background:#fffefa;border-bottom:1px solid var(--line)}.brand img{width:140px}.section{max-width:1180px;padding:44px 24px}.hero{max-width:1180px;gap:40px;padding:64px 24px 48px;position:relative}.hero:before{content:'';position:absolute;z-index:-1;inset:0 -70px;background:radial-gradient(ellipse at 80% 35%,#dce7ffb3,transparent 65%)}.hero h1{font-size:clamp(44px,5vw,68px);line-height:1.06;margin-bottom:20px}.hero .kicker{font:600 10px/1.5 monospace;letter-spacing:.1em;margin-bottom:20px}.hero-lead{font-size:16px;max-width:480px;margin-bottom:24px}.hero-tags{margin-top:23px;font:10px monospace;color:#7c8eab;gap:8px}.hero-tags span{padding:5px 8px;border:1px solid #dfe7f3;border-radius:6px;background:#ffffff80}.primary{border-radius:9px;padding:12px 16px;font-size:12px}.ghost{font-size:12px}.hero-visual{transform:none;background:#102343;border:1px solid #2c456d;border-radius:19px;box-shadow:0 25px 65px #17365b25}.visual-bar{background:#172e51;border-color:#31466b;color:#a1b9dd;padding:12px 16px}.visual-bar i{background:#7891b6}.software-hero{padding:22px 18px 15px;background:radial-gradient(ellipse at top right,#2358a9aa,transparent 70%)}.software-heading{display:flex;align-items:center;gap:8px;color:#a6c4ff;font:10px monospace;margin:0 0 18px}.live-dot{width:6px;height:6px;background:#59dcc7;border-radius:50%;box-shadow:0 0 10px #59dcc7}.software-hero img{width:100%;height:auto;display:block;border:1px solid #506589;border-radius:10px;box-shadow:0 16px 24px #07162d66}.software-stack{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font:9px monospace;color:#9cb7dc;margin-top:18px}.company{display:grid;grid-template-columns:.8fr 2fr;gap:25px;align-items:center;border:1px solid var(--line);border-radius:17px;background:#ffffffc7;padding:25px 28px;margin-bottom:40px;width:calc(100% - 48px);max-width:1132px}.company>.kicker{display:none}.company>h2{font-size:23px;margin:0;line-height:1.25}.service-grid{gap:22px;margin:0}.service-grid h3{font-size:15px;letter-spacing:-.02em;margin:8px 0}.service-grid p{font-size:11px;margin:0;color:#7a879b}.service-grid article{padding:0}.service-grid article>span{font:17px monospace;margin:0;color:#3278ef}.launch{max-width:1132px;width:calc(100% - 48px);border-radius:22px;margin:0 auto 12px;padding:32px;background:#10223f;color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;position:relative;overflow:hidden;border:1px solid #2e4564;box-shadow:0 18px 40px #18365b0d}.launch:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at top right,#214d8880,transparent 60%)}.launch>*{position:relative}.launch-heading .kicker{color:#8db3ff;font:10px monospace;margin-bottom:17px;letter-spacing:.1em}.launch-heading h2{font-size:32px;margin-bottom:18px;line-height:1.15}.launch-heading em{color:#9ec1ff}.launch-heading>p:last-child{font-size:13px;color:#a8bad3;margin-bottom:0}.dashboard-figure{margin:0;align-self:center}.dashboard-figure img{border-radius:13px;border:1px solid #546782;box-shadow:0 10px 35px #0002}.dashboard-figure figcaption{color:#8c9fbd;font-size:9px;margin-top:9px}.launch-grid{grid-column:1/-1;margin:0;gap:12px}.launch-grid article{padding:18px;background:#ffffff08;border:1px solid #49618566;border-radius:12px}.launch-grid .number{font-size:10px;color:#84a5d7}.launch-grid h3{font-size:17px;letter-spacing:-.02em;margin:9px 0}.launch-grid p{font-size:11px;color:#a8bad3;margin:0 0 12px}.launch .text-link{font-size:11px;color:#9ec1ff}.secondary-link{font-size:10px;margin-top:8px}.launch-footer{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid #455c7866;gap:20px}.launch-footer p{font-size:10px;color:#93a8c7;max-width:620px}.launch-footer .primary{white-space:nowrap;background:#3277f4}.portfolio-heading{align-items:center;margin-bottom:22px}.portfolio-heading h2{font-size:32px;margin:0}.portfolio-heading .kicker{font:10px monospace;margin-bottom:12px}.portfolio-heading>p{font-size:12px;max-width:260px;margin:0}.project-grid{gap:16px}.project-card{border-radius:16px;background:#fff;border-color:#dfe7f3;box-shadow:0 5px 20px #233c6204}.card-art{height:163px;margin:10px 10px 0;border-radius:11px;background:linear-gradient(120deg,#edf3ff,#f7f9ff)}.card-art img{border-radius:10px;max-width:100%;object-fit:contain}.card-copy{padding:17px 20px 20px}.card-copy .badge{font:9px monospace;padding:4px 7px;border-radius:5px}.card-copy h3{font-size:17px;margin:12px 0 10px;letter-spacing:-.025em}.card-copy p{font-size:12px;margin-bottom:13px}.card-copy .text-link{font-size:11px}.code-art{margin:10px 10px 0;height:163px;border-radius:11px;padding:20px;background:linear-gradient(120deg,#e9f1ff,#f2f8ff)}.code-art b{font-size:22px}.code-art>span,.code-art>div{font-size:9px}.calculator-link{font-size:11px;margin-top:20px}.process{display:grid;grid-template-columns:.9fr 2fr;gap:30px;align-items:start;padding-top:25px;padding-bottom:30px}.process>.kicker{display:none}.process>h2{font-size:24px;margin:0}.steps{gap:20px;margin:0}.steps article{padding-top:12px;border-top:1px solid #cedcf2}.steps span{font-size:9px;margin-bottom:12px}.steps h3{font-size:15px;letter-spacing:-.02em;margin-bottom:10px}.steps p{font-size:11px;margin:0}.quote-section{gap:40px;border:1px solid var(--line);border-radius:19px;background:#fff;width:calc(100% - 48px);max-width:1132px;padding:30px;margin:25px auto 0}.quote-copy h2{font-size:32px}.quote-copy .kicker{font-size:10px}.web-only{font-size:12px}.web-only b{font:10px monospace}.quote-form{gap:12px}.quote-form label{font-size:10px;gap:4px}.quote-form input,.quote-form select,.quote-form textarea{padding:9px 10px;font-size:12px;border-radius:7px}.quote-form textarea{height:75px}.quote-form button{padding:11px;font-size:12px;border-radius:8px}.contact{display:block;width:calc(100% - 48px);max-width:1132px;margin:18px auto 30px;padding:22px 30px;border:1px solid #dfe7f3;background:#eef3fc;border-radius:16px}.contact .kicker,.contact-heading>p:not(.form-status){display:none}.contact-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.contact-heading h2{font-size:22px;max-width:600px;margin:0}.contact-heading .whatsapp-inline{font-size:12px;white-space:nowrap}footer{max-width:1180px;padding:24px 24px 35px;font-size:10px}footer img{width:100px}.whatsapp-float{bottom:18px;right:18px;font-size:11px}img{border-radius:12px}.brand img,footer img{border-radius:0}@media(min-width:1500px){.hero:before{inset:0 -120px}}@media(max-width:1000px){.launch{gap:20px;padding:25px}.launch-heading h2{font-size:27px}.project-grid{grid-template-columns:repeat(3,1fr)}.card-copy{padding:15px}.card-copy h3{font-size:15px}.company{grid-template-columns:.65fr 2fr}.company h2{font-size:19px}}@media(max-width:760px){.topbar{min-height:70px;padding:10px 16px}.brand img{width:111px}nav{top:70px}.hero{grid-template-columns:1fr;padding:35px 20px 28px;gap:26px}.hero:before{inset:0}.hero h1{font-size:46px}.hero .kicker{font-size:9px;margin-bottom:16px}.hero-lead{font-size:14px;margin-bottom:19px}.hero-tags{margin-top:18px;font-size:8px}.hero-tags span{padding:4px 6px}.hero-visual{border-radius:15px}.software-hero{padding:17px 14px 14px}.software-hero img{border-radius:8px}.software-stack{gap:9px;font-size:8px;margin-top:13px}.software-heading{font-size:9px;margin-bottom:13px}.section{padding:30px 20px}.company{width:calc(100% - 40px);grid-template-columns:1fr;margin-bottom:24px;padding:21px;gap:18px}.company>h2{font-size:22px}.service-grid{grid-template-columns:repeat(3,1fr);gap:10px}.service-grid article{border:0;padding:0}.service-grid h3{font-size:12px;margin-top:9px}.service-grid p{display:none}.service-grid article>span{font-size:17px}.launch{width:calc(100% - 40px);grid-template-columns:1fr;padding:22px;gap:20px;border-radius:17px}.launch-heading h2{font-size:28px}.launch-heading>p:last-child{font-size:12px}.launch-heading .kicker{font-size:9px;margin-bottom:14px}.launch-grid{grid-template-columns:1fr;gap:9px}.launch-grid article{padding:13px 16px;display:grid;grid-template-columns:24px 1fr;gap:2px 9px}.launch-grid .number{grid-row:1/4;padding-top:5px}.launch-grid h3{font-size:15px;margin:2px 0 6px}.launch-grid p{font-size:11px;margin:0 0 7px}.launch-grid a{grid-column:2}.launch-grid .secondary-link{margin-top:0}.launch-footer{flex-direction:column;align-items:start;gap:13px;padding-top:14px}.launch-footer .primary{font-size:11px;white-space:normal}.portfolio-heading{gap:12px;margin-bottom:18px;align-items:start}.portfolio-heading h2{font-size:27px}.portfolio-heading>p{font-size:11px;max-width:none}.portfolio-heading .kicker{font-size:9px;margin-bottom:9px}.project-grid{grid-template-columns:1fr;gap:12px}.project-card{display:grid;grid-template-columns:105px 1fr;align-items:center;border-radius:13px}.card-art{margin:12px 0 12px 12px;height:135px;border-radius:10px}.card-art img{object-fit:contain;border-radius:9px}.card-copy{padding:15px}.card-copy h3{font-size:15px;margin:8px 0}.card-copy p{font-size:11px;margin-bottom:9px}.card-copy .badge{font-size:8px}.card-copy .text-link{font-size:10px}.card-copy .secondary-link{font-size:9px;margin-top:5px}.code-art{margin:12px 0 12px 12px;height:135px;padding:12px;border-radius:10px}.code-art b{font-size:14px}.code-art>span{font-size:7px;letter-spacing:0}.code-art>div{font-size:7px;line-height:1.5}.process{grid-template-columns:1fr;gap:17px;padding-top:16px;padding-bottom:20px}.process>h2{font-size:23px}.steps{grid-template-columns:repeat(3,1fr);gap:12px}.steps h3{font-size:12px}.steps p{font-size:10px}.steps span{font-size:8px;margin-bottom:9px}.quote-section{width:calc(100% - 40px);padding:22px;gap:17px;margin-top:15px}.quote-copy h2{font-size:28px}.quote-copy .kicker{margin-bottom:13px}.web-only p{font-size:11px;margin-bottom:0}.quote-form .form-row{grid-template-columns:1fr 1fr;gap:10px}.quote-form{gap:11px}.contact{width:calc(100% - 40px);padding:20px;margin:15px auto 22px}.contact-heading{flex-direction:column;align-items:start;gap:12px}.contact-heading h2{font-size:20px}.contact-heading .whatsapp-inline{font-size:11px}footer{padding:22px 20px 35px;gap:10px}.whatsapp-float{padding:10px 13px}html{scroll-padding-top:85px}}@media(max-width:360px){.hero h1{font-size:40px}.project-card{grid-template-columns:85px 1fr}.quote-form .form-row{grid-template-columns:1fr}.service-grid{gap:7px}}