.portfolio-hero .hero-grid{grid-template-columns:1.05fr 1fr;min-height:590px;gap:60px;padding-block:75px}.portfolio-hero h1{font-size:clamp(42px,4.5vw,64px);font-weight:500}.portfolio-hero h1 span{color:#f0cb49}.portfolio-hero .hero-note{margin-top:40px;color:#b7c4ce}.portfolio-visual{display:grid;gap:14px;min-width:0}.visual-product{display:flex;align-items:center;gap:19px;padding:20px;background:#1a3041;border:1px solid #3b5262;border-radius:6px;box-shadow:0 15px 25px #07131c44}.visual-product:hover{background:#253d50}.visual-logo{width:96px;height:80px;flex:0 0 96px;display:grid;place-items:center;background:#f7f8f6;border-radius:4px;padding:8px}.visual-logo img{width:100%;height:100%;object-fit:contain}.visual-product strong{display:block;font-size:20px;color:#fff;line-height:1.2;margin-bottom:6px}.visual-product span{display:block;font-size:12px;color:#d0dde6;line-height:1.5}.visual-product b{color:#f0cb49;margin-left:auto}.portfolio-visual-caption{text-align:right;font-size:10px;color:#b3c3ce;letter-spacing:.14em}.portfolio-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-product-card{background:#fff;border:1px solid #dbe3e6;border-top:3px solid #b99321;padding:27px;display:flex;flex-direction:column;border-radius:5px}.product-art{height:156px;margin-bottom:22px;display:grid;place-items:center;background:#f2f5f5;border-radius:4px;padding:16px}.product-art img{max-width:100%;width:220px;height:125px;object-fit:contain}.product-audience{font-size:11px;color:#65521a;line-height:1.6;min-height:35px}.portfolio-product-card h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:13px 0 7px}.product-subtitle{font-size:13px;color:#425766;min-height:42px;line-height:1.5}.portfolio-product-card p{font-size:14px;color:#4b606d;line-height:1.8;margin:15px 0}.portfolio-product-card ul{padding-left:19px;color:#354e60;font-size:13px;margin:0 0 24px;line-height:1.8}.product-button{display:flex;justify-content:space-between;gap:10px;background:#152b3c;color:#fff;padding:13px 15px;border-radius:3px;font-size:12px;font-weight:700;margin-top:auto}.portfolio-difference{background:#142735;color:#fff;padding:75px 0}.portfolio-difference h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.04em;line-height:1.15;margin:20px 0}.portfolio-difference>.container>p{max-width:760px;color:#c4d1da}.difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:42px}.difference-grid>div{border-top:1px solid #52616d;padding-top:20px}.difference-grid span{color:#f0cb49;font-size:12px}.difference-grid h3{font-size:21px;margin:10px 0}.difference-grid p{color:#c4d1da;font-size:14px}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.audience-grid>a{padding:23px;background:#f4f6f4;border-bottom:2px solid #d4ae3f}.audience-grid span{font-size:10px;letter-spacing:.1em;color:#755b0c}.audience-grid h3{font-size:20px;margin:12px 0 8px}.portfolio-faq{background:#f6f5f0}.portfolio-faq details{border-top:1px solid #cfd8d9;padding:18px 0}.portfolio-faq summary{font-weight:700;color:#243b4a;cursor:pointer}.portfolio-faq details p{max-width:850px;margin:16px 0 0;color:#4b606d;font-size:15px}.demo-options{display:grid;margin-bottom:22px}.demo-options a{padding:13px 0;border-bottom:1px solid #d4dedb;display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:#263d4a}.product-hero .hero-grid{gap:40px;grid-template-columns:1.2fr 1fr;min-height:480px;padding-block:65px}.product-hero h1{font-size:clamp(44px,5vw,68px);margin-bottom:15px}.product-full-name{font-size:clamp(19px,2.5vw,27px);line-height:1.35;color:#f0cb49;max-width:640px;margin-bottom:25px}.product-emblem{display:grid;place-items:center;padding:25px;background:#1b3143;border:1px solid #385369;border-radius:9px}.product-emblem img{width:100%;height:310px;object-fit:contain}.product-content{background:#f6f5f0}.product-breadcrumb{display:flex;gap:12px;font-size:12px;color:#546977;margin-bottom:32px;flex-wrap:wrap}.product-editor-content{max-width:940px}.product-editor-content h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;margin-top:35px;margin-bottom:14px}.product-editor-content p{color:#485f6d;line-height:1.85}.product-editor-content a{color:#76590a;text-decoration:underline;text-underline-offset:3px}.interior-hero h1{font-size:clamp(35px,4.6vw,58px)}.product-page .hero-copy>p{max-width:620px}.footer-product-links{display:flex;flex-wrap:wrap;gap:15px 24px;max-width:460px;font-size:12px}.footer-product-links a{color:#c5d1d8}.footer-product-links a:hover{color:#f0cb49}.nav-list{gap:22px}.header-inner{gap:24px}.site-header .nav-list a[aria-current=page]{color:#80600b}.button,.product-button,.nav-list a,.solution-nav a{min-height:44px}.main-nav .nav-list a{display:flex;align-items:center}.product-page,.portfolio-home{overflow-wrap:break-word}html{scroll-padding-top:20px}@media(max-width:1000px){.portfolio-hero .hero-grid{gap:30px}.portfolio-product-grid{gap:14px}.portfolio-product-card{padding:20px}.header-inner{gap:18px}.nav-list{gap:16px}}@media(max-width:900px){.portfolio-hero .hero-grid{grid-template-columns:1fr;padding-block:55px;gap:35px}.portfolio-visual{max-width:650px}.portfolio-product-grid{grid-template-columns:1fr}.portfolio-product-card{display:grid;grid-template-columns:180px 1fr;gap:0 24px}.portfolio-product-card .product-art{grid-row:1/6;height:180px;margin:0}.portfolio-product-card>*:not(.product-art){grid-column:2}.portfolio-product-card .product-button{margin-top:8px}.product-subtitle,.product-audience{min-height:0}.audience-grid{grid-template-columns:1fr 1fr}.product-hero .hero-grid{grid-template-columns:1fr}.product-emblem{max-width:520px}.difference-grid{gap:24px}}@media(max-width:620px){.portfolio-product-card{display:flex}.portfolio-product-card .product-art{height:150px;margin-bottom:20px}.audience-grid,.difference-grid{grid-template-columns:1fr}.portfolio-hero h1{font-size:40px}.visual-product{gap:12px;padding:16px}.visual-logo{width:72px;flex-basis:72px;height:66px}.visual-product strong{font-size:17px}.visual-product span{font-size:11px}.portfolio-difference{padding:55px 0}.product-emblem img{height:235px}.portfolio-hero .hero-note{font-size:9px;line-height:1.6}.footer-product-links{gap:12px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
@media(max-width:470px){.header-inner{gap:7px}.site-header .header-cta{padding:11px 12px}.site-header .header-cta span{margin-left:5px}}
@media(max-width:360px){.site-header .header-cta{display:none}.site-header .menu-toggle{margin-left:auto}}
/* Transparent brand assets sit directly on each homepage surface. */
.portfolio-home .visual-logo{background:transparent;padding:0;width:112px;flex-basis:112px;height:84px;border-radius:0}
.portfolio-home .visual-logo img{filter:drop-shadow(0 3px 5px #06111b55)}
.portfolio-home .visual-logo img.brand-atlas{width:82px;height:82px}
.portfolio-home .visual-logo img.brand-ffltrack{width:112px;height:64px}
.portfolio-home .product-art{background:transparent;padding:8px;border-radius:0}
.portfolio-home .product-art img{height:140px}
.portfolio-home .product-art img.brand-case-files-professional{width:190px}
.portfolio-home .product-art img.brand-atlas{width:145px}
.portfolio-home .product-art img.brand-ffltrack{width:260px;height:105px}
@media(max-width:620px){.portfolio-home .visual-logo{width:82px;flex-basis:82px;height:72px}.portfolio-home .visual-logo img.brand-atlas{width:68px;height:68px}.portfolio-home .visual-logo img.brand-ffltrack{width:82px;height:54px}.portfolio-home .visual-product{gap:14px}}
.product-showcase{background:#fff}.product-showcase:nth-of-type(even){background:#f6f5f0}.showcase-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.showcase-copy h2{font-size:clamp(30px,3.5vw,46px);line-height:1.14;letter-spacing:-.04em;margin:20px 0}.showcase-copy>p{color:#4b606d;line-height:1.85}.showcase-link{display:inline-flex;margin-top:12px;gap:25px}.showcase-illustration{margin:0;background:#f6f5f0;border-radius:10px;overflow:hidden}.showcase-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.showcase-illustration figcaption{font-size:10px;color:#5c6e78;letter-spacing:.12em;text-transform:uppercase;text-align:right;padding:8px 16px}.showcase-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px;margin-top:40px}.showcase-details article{border-top:2px solid #d9b341;padding-top:20px}.showcase-details h3{font-size:20px;margin-bottom:12px}.showcase-details p{font-size:15px;line-height:1.85;color:#4b606d;margin:0}.showcase-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;counter-reset:workflow;gap:16px;padding:0;margin:35px 0}.showcase-workflow li{counter-increment:workflow;background:#142735;color:white;font-size:14px;font-weight:700;padding:21px;display:flex;gap:16px;align-items:center}.showcase-workflow li:before{content:"0" counter(workflow);color:#f0cb49;font-size:19px}.showcase-hosting{border:1px solid #d2dcdf;border-left:3px solid #b99321;padding:22px;display:grid;grid-template-columns:1fr auto;gap:8px 25px}.showcase-hosting strong{font-size:17px}.showcase-hosting span{color:#4b606d;font-size:14px;grid-column:1}.showcase-hosting a{grid-column:2;grid-row:1/3;align-self:center;color:#76590a;font-size:13px;font-weight:700}.showcase-note{color:#596b75;font-size:12px;line-height:1.8;margin:17px 0 0}@media(max-width:900px){.showcase-intro{gap:25px}.showcase-workflow{grid-template-columns:1fr}.showcase-hosting{grid-template-columns:1fr}.showcase-hosting a{grid-column:1;grid-row:auto}}@media(max-width:620px){.showcase-intro,.showcase-details{grid-template-columns:1fr}.showcase-illustration{max-width:540px}.showcase-details{gap:24px}.showcase-copy h2{font-size:32px}}
.showcase-illustration.actual-screen img{object-fit:contain;aspect-ratio:auto;background:#eef1f3}
.application-gallery{margin-top:65px}.gallery-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.2;margin:18px 0}.gallery-heading p{font-size:14px;line-height:1.8;color:#4b606d;max-width:750px;margin-bottom:28px}.application-screen{margin:0 0 26px}.screen-open{display:block;width:100%;padding:0;border:1px solid #c8d4dc;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#edf2f5;text-align:left;box-shadow:0 10px 25px #14273512}.screen-window{display:flex;align-items:center;gap:6px;padding:12px 15px;background:#142735;color:#c5d4dc;font-size:11px}.screen-window i{width:6px;height:6px;border-radius:50%;background:#839aa8;flex:none}.screen-window b{font-weight:700;margin-left:10px}.screen-window>span{margin-left:auto;color:#f0cb49}.screen-viewport{display:block;position:relative;overflow:hidden;aspect-ratio:1366/633}.screen-viewport img{position:absolute;display:block;width:100%;max-width:none;height:auto;top:-13.744%;left:0}.application-screen figcaption{padding:15px 2px;font-size:13px;color:#4b606d;line-height:1.7}.application-screen figcaption strong{display:block;font-size:17px;color:#203747;margin-bottom:4px}.application-screen figcaption span{display:block}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.screen-grid>.application-screen:only-child{grid-column:1/-1}.screen-dialog{border:0;border-radius:10px;padding:0;background:#fff;width:min(1400px,95vw);max-width:95vw;max-height:93vh;box-shadow:0 20px 80px #0007}.screen-dialog::backdrop{background:#08121bd9}.screen-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;background:#142735;color:white;font-size:14px}.screen-dialog-close{border:1px solid #65808f;color:white;background:transparent;border-radius:3px;min-width:44px;min-height:44px;cursor:pointer}.screen-dialog .screen-viewport{width:100%}.custom-screen>img{max-width:100%;height:auto}@media(max-width:900px){.screen-grid{grid-template-columns:1fr}}@media(max-width:620px){.screen-dialog-bar{font-size:12px}.application-gallery{margin-top:45px}.screen-window{padding:10px}.screen-window b{font-size:10px}}
/* Compact homepage rhythm; detailed content lives on product pages. */
.portfolio-home .section{padding:58px 0}.portfolio-home .portfolio-hero .hero-grid{min-height:0;padding-block:48px;gap:40px}.portfolio-home .portfolio-hero h1{font-size:clamp(40px,4vw,58px);margin:20px 0}.portfolio-home .hero-copy>p{margin-bottom:24px}.portfolio-home .portfolio-hero .hero-note{margin-top:25px}.portfolio-home .visual-product{padding:13px 17px}.portfolio-home .portfolio-visual{gap:10px}.portfolio-home .section-intro{max-width:850px;margin-bottom:24px}.portfolio-home .section h2{font-size:clamp(32px,3.4vw,46px);margin:12px 0}.portfolio-home .portfolio-difference{padding:48px 0}.portfolio-home .difference-grid{margin-top:25px}.portfolio-home .hosting-grid{margin-top:24px}.portfolio-home .portfolio-product-card{padding:22px}.portfolio-home .product-art{height:138px;margin-bottom:12px}.portfolio-home .product-subtitle{min-height:40px}.portfolio-home .portfolio-product-card p{margin:10px 0}.portfolio-home .contact-layout{gap:55px}.portfolio-home .contact-card{padding:25px}.product-showcase .application-gallery{margin-top:0;margin-bottom:45px}.product-showcase .showcase-intro{margin-top:35px}.actual-product-hero .application-screen{margin:0}.actual-product-hero .application-screen figcaption{color:#c5d4dc}.actual-product-hero .application-screen figcaption strong{color:white}.hero-screen-link{font-size:13px;color:#f0cb49;font-weight:700}.actual-product-hero{min-width:0;padding-left:0}.actual-product-hero .screen-open{transform:none}.product-deep-details{margin-top:50px}.product-deep-details>h2{font-size:clamp(30px,3vw,42px)}.deep-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px;margin-top:28px}.deep-detail-grid article{border-top:1px solid #cbd6dc;padding-top:20px}.deep-detail-grid h3{font-size:21px;line-height:1.35;margin-bottom:12px}.deep-detail-grid p{color:#4b606d;font-size:15px;line-height:1.85;margin:0}.product-questions{margin-top:40px}.product-questions h2{font-size:30px}.product-questions details{border-top:1px solid #cad5db;padding:17px 0}.product-questions summary{cursor:pointer;font-weight:700;color:#203747}.product-questions p{color:#4b606d;line-height:1.8;margin:16px 0 0}@media(max-width:900px){.portfolio-home .portfolio-hero .hero-grid{gap:30px}.portfolio-home .contact-layout{gap:25px}}@media(max-width:620px){.portfolio-home .section{padding:38px 0}.portfolio-home .portfolio-hero .hero-grid{padding-block:35px}.portfolio-home .portfolio-difference{padding:38px 0}.deep-detail-grid{grid-template-columns:1fr}.portfolio-home .section-intro{margin-bottom:20px}}
.product-page .section,#main:not(.portfolio-home)>.section{padding:52px 0}.product-hero .hero-grid{min-height:0;padding-block:42px;gap:35px}.product-emblem{padding:18px}.product-emblem img{height:235px}.product-page .section h2,#main:not(.portfolio-home)>.section h2{font-size:clamp(28px,3vw,42px)}.product-showcase .application-gallery{margin-bottom:28px}.product-showcase .showcase-intro{gap:35px;margin-top:25px}.product-showcase .showcase-details{margin-top:28px;gap:20px 32px}.product-deep-details{margin-top:32px}.deep-detail-grid{gap:22px 32px;margin-top:22px}.product-questions{margin-top:28px}.showcase-workflow{margin-block:25px}.product-additional>summary{font-size:20px;font-weight:700;color:#203747;cursor:pointer}.product-additional[open]>summary{margin-bottom:25px}.product-additional .product-editor-content h2{font-size:27px}.product-page .product-content{padding:32px 0}.product-breadcrumb{margin-bottom:20px}@media(max-width:620px){.product-page .section,#main:not(.portfolio-home)>.section{padding:35px 0}.product-hero .hero-grid{padding-block:32px}.product-emblem img{height:190px}.product-showcase .showcase-intro{gap:20px}.product-page .product-content{padding:25px 0}}
.screen-open{border-radius:6px}.screen-open:hover{outline:2px solid #b99321;outline-offset:2px}.screen-open:focus-visible{outline:3px solid #b99321;outline-offset:3px}
/* Screenshot assets are cropped to the application itself. */
.screen-viewport{aspect-ratio:auto}.screen-viewport img{position:static;top:auto;left:auto;display:block;width:100%;height:auto;max-width:100%}

.interior-hero{padding:25px 0 42px}.breadcrumbs{margin-bottom:24px}.interior-body{padding:40px 0 50px}.interior-outro{padding:30px 0}
@media(max-width:767px){.interior-hero{padding:22px 0 32px}.breadcrumbs{margin-bottom:18px}.interior-body{padding:30px 0 38px}}

.showcase-intro{grid-template-columns:1fr}.application-gallery>.application-screen{max-width:900px;margin-inline:auto}

/* Smaller, subtly angled edited application previews. */
.application-gallery>.application-screen{max-width:820px;margin:22px auto 30px}
.application-gallery .screen-open{transform:perspective(1400px) rotateY(-3deg) rotateZ(-1deg);box-shadow:8px 18px 32px #14273526;transition:transform .2s ease,box-shadow .2s ease}
.application-gallery .screen-grid{max-width:1040px;margin-inline:auto;gap:32px}
.application-gallery .screen-grid .application-screen{min-width:0;padding:8px}
.application-gallery .screen-grid .application-screen:nth-child(even) .screen-open{transform:perspective(1400px) rotateY(3deg) rotateZ(1deg)}
.application-gallery .screen-open:hover,.application-gallery .screen-open:focus-visible{transform:none;box-shadow:0 15px 28px #14273526}
.actual-product-hero .application-screen{max-width:490px;margin-inline:auto}
.actual-product-hero .screen-open{transform:perspective(1200px) rotateY(-4deg) rotateZ(-2deg)}
@media(max-width:900px){.application-gallery .screen-grid{max-width:820px}.application-gallery .screen-grid .application-screen{padding:0}}
@media(max-width:620px){.application-gallery>.application-screen{width:94%}.application-gallery .screen-grid{width:94%}.application-gallery .screen-open,.application-gallery .screen-grid .application-screen:nth-child(even) .screen-open,.actual-product-hero .screen-open{transform:none}}
@media(prefers-reduced-motion:reduce){.application-gallery .screen-open{transition:none}}
