@layer components{.about-page{--about-pad:clamp(22px,4.5vw,80px);background:var(--color-bg)}.about-shell{max-width:1600px;margin-inline:auto;padding-inline:var(--about-pad)}.about-page h1,.about-page h2,.about-page h3{font-family:var(--font-display)}.about-page section[id]{scroll-margin-top:95px}.about-page .btn-lg{gap:25px;padding:15px 20px;font-size:12px;border-radius:4px}.about-page .btn svg,.about-text-link svg{flex-shrink:0;transition:translate .22s var(--action-ease)}.about-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--color-panel)}.about-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-2}.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0911eb,#0a09118c 44%,#0a09111a 75%),linear-gradient(0deg,#0a0911,transparent 27%)}.about-hero-content{padding-block:30px 44px}.about-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--color-ink);font-size:12px}.about-identity>span:last-child{display:inline-flex;align-items:center;gap:10px}.about-identity img{width:20px;height:14px;object-fit:cover}.about-hero h1{margin-top:54px;font-size:clamp(75px,8.7vw,134px);line-height:.9;font-weight:600;letter-spacing:-.025em;text-transform:uppercase}.about-hero h1>span{display:inline-block;padding-bottom:.06em}.about-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:34px}.about-hero-bottom>span{color:var(--color-ink);font-size:10px}.about-label{color:var(--color-pink);font-size:12px;font-weight:500;margin-bottom:23px}.about-mission{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;padding-block:76px;align-items:start}.about-mission h2,.about-software-heading h2{font-size:clamp(43px,4.5vw,68px);line-height:1.05;font-weight:600;letter-spacing:-.02em}.about-mission h2>span,.about-software-heading h2>span{color:var(--color-text);font-weight:400}.about-mission-copy{padding-top:4px}.about-mission-copy p{font-size:13px;line-height:1.95;color:var(--color-text)}.about-mission-copy p+p{margin-top:19px}.about-mission-copy .about-lead{font-size:18px;color:var(--color-ink);line-height:1.65}.about-company{padding-block:50px 68px;background:var(--color-panel)}.about-company-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;align-items:center}.about-company-intro h2{font-size:clamp(38px,3.6vw,55px);line-height:1.08;letter-spacing:-.02em;font-weight:500}.about-company-intro>p{max-width:520px;font-size:13px;color:var(--color-text);line-height:1.95}.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin-top:48px}.about-principles h3{font-size:28px;line-height:1.15;font-weight:500}.about-principles p{margin-top:16px;color:var(--color-text);font-size:12px;line-height:1.9;max-width:365px}.about-text-link{display:inline-flex;align-items:center;gap:12px;margin-top:19px;font-size:12px;color:var(--color-ink)}.about-text-link:hover{color:var(--color-pink)}.about-text-link svg{width:16px;height:16px}.about-software{padding-block:70px 0}.about-software-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;align-items:end;margin-bottom:35px}.about-software-heading>p{max-width:480px;font-size:13px;color:var(--color-text);line-height:1.95;padding-bottom:5px}.about-software-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.about-software-card{display:flex;flex-direction:column;min-width:0;padding:clamp(25px,3.2vw,47px);border:1px solid var(--color-line-2);border-radius:5px;background:var(--color-panel);overflow:hidden}.about-stratasell{background:linear-gradient(155deg,color-mix(in srgb,var(--color-orange) 8%,var(--color-panel)),var(--color-panel) 65%)}.about-stratafox{background:linear-gradient(155deg,color-mix(in srgb,var(--color-magenta) 12%,var(--color-panel)),var(--color-panel) 65%)}.about-software-type{color:var(--color-text);font-size:11px}.about-software-card h3{font-size:clamp(62px,6.5vw,96px);font-weight:600;line-height:1;letter-spacing:-.025em;margin-top:31px}.about-stratasell h3>span{color:var(--color-orange)}.about-stratafox h3>span{color:var(--color-pink)}.about-software-line{color:var(--color-ink);font-size:15px;margin-top:19px}.about-software-description{color:var(--color-text);font-size:13px;line-height:1.95;max-width:445px;margin-top:17px}.about-fox-name,.about-software-detail{min-height:113px;margin-top:auto;padding-top:30px}.about-software-detail>span{font-size:11px;color:var(--color-text)}.about-software-detail>p{font-family:var(--font-display);font-size:30px;line-height:1.2;color:var(--color-ink);margin-top:9px;max-width:310px}.about-fox-name{display:flex;gap:clamp(28px,5vw,76px)}.about-fox-name dt{font-family:var(--font-display);font-size:37px;line-height:1;font-weight:500;color:var(--color-pink)}.about-fox-name dd{font-size:11px;color:var(--color-text);margin-top:9px}.about-copyright{font-size:10px;color:var(--color-text);line-height:1.7;margin-top:30px}.about-rights{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:39px 53px}.about-rights h3{font-family:var(--font-body);font-size:13px;font-weight:500}.about-rights p{color:var(--color-text);font-size:11px;line-height:1.9;max-width:560px}.about-rights p+p{margin-top:13px}.about-closing{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-block:48px 65px}.about-closing h2{font-size:clamp(57px,6.5vw,96px);line-height:.95;text-transform:uppercase;font-weight:600;letter-spacing:-.025em}.about-closing h2>span{display:inline-block;padding-bottom:.07em}.about-closing p{font-size:13px;color:var(--color-text);margin-top:23px}.about-closing-actions{display:flex;align-items:stretch;flex-direction:column;gap:15px}.about-closing-actions .btn{justify-content:space-between}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.about-page .btn:hover svg,.about-text-link:hover svg{translate:3px}}@media (max-width:1100px){.about-hero-content{padding-top:25px}.about-hero h1{font-size:10vw}.about-company-intro,.about-mission,.about-software-heading{grid-template-columns:1fr 1fr;gap:6%}.about-principles{gap:5%}.about-software-grid{gap:18px}.about-software-card{padding:30px}.about-software-line{font-size:13px}.about-software-description{font-size:12px}.about-closing{gap:30px}}@media (max-width:760px){.about-page section[id]{scroll-margin-top:135px}.about-hero-image{object-position:68% center}.about-hero:after{background:linear-gradient(90deg,#0a0911d9,#0a091175),linear-gradient(0deg,var(--color-bg),transparent 35%)}.about-identity{font-size:11px;flex-wrap:wrap;gap:9px 18px}.about-identity>span:last-child{gap:8px}.about-identity img{width:17px;height:12px}.about-hero-content{padding-block:24px 30px}.about-hero h1{font-size:clamp(60px,13vw,97px);margin-top:41px;line-height:.94}.about-hero-bottom{margin-top:28px;gap:18px;flex-wrap:wrap}.about-hero-bottom>span{font-size:9px}.about-mission{grid-template-columns:1fr;padding-block:40px;gap:26px}.about-label{margin-bottom:16px;font-size:11px}.about-mission h2,.about-software-heading h2{font-size:clamp(40px,7.6vw,57px)}.about-mission-copy{padding:0}.about-mission-copy .about-lead{font-size:17px}.about-company{padding-block:35px 40px}.about-company-intro{grid-template-columns:1fr;gap:22px}.about-company-intro h2{font-size:39px}.about-principles{grid-template-columns:1fr;gap:30px;margin-top:32px}.about-principles h3{font-size:28px}.about-principles p{max-width:none;margin-top:10px}.about-text-link{margin-top:13px}.about-software{padding-top:38px}.about-software-heading{grid-template-columns:1fr;gap:25px;margin-bottom:26px}.about-software-heading>p{padding:0}.about-software-grid{grid-template-columns:1fr}.about-software-card{padding:27px}.about-software-card h3{font-size:72px;margin-top:26px}.about-software-description{max-width:none}.about-fox-name,.about-software-detail{min-height:auto}.about-software-detail>p{font-size:28px}.about-fox-name{gap:48px}.about-rights{grid-template-columns:1fr;gap:16px;padding-block:28px 40px}.about-closing{flex-direction:column;align-items:flex-start;gap:29px;padding-block:24px 45px}.about-closing h2{font-size:clamp(46px,13.5vw,67px)}.about-closing p{margin-top:16px}.about-closing-actions{width:100%;max-width:360px}}@media (max-width:380px){.about-hero h1{font-size:54px}.about-hero-bottom,.about-identity{align-items:flex-start;flex-direction:column}.about-page .btn-lg{font-size:11px;padding:14px 17px;gap:19px}.about-mission h2,.about-software-heading h2{font-size:37px}.about-company-intro h2{font-size:35px}.about-software-card{padding:22px}.about-software-card h3{font-size:62px}.about-software-type{font-size:10px}.about-fox-name{gap:34px}.about-closing h2{font-size:46px}}}