/* JANFAR AI — original scroll-first service experiences */
.experience-section{position:relative;z-index:5;padding:160px 0;overflow:clip;background:#060a12}
.experience-shell{max-width:1660px;margin:auto;padding:0 8%}
.experience-section h2,.experience-section h3,.experience-section h4{font-family:'Space Grotesk',sans-serif}
.experience-section em{font-style:normal;color:#a5eaff}
.experience-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:20px}
.experience-eyebrow>span:last-child,.worlds-foot,.gallery-outro{font-size:9px;letter-spacing:.17em;color:#a8bccd;font-weight:700}
.experience-title,.section-heading h2{font-size:clamp(70px,8.3vw,132px);line-height:.92;letter-spacing:-.09em;margin:32px 0 26px}
.experience-lead,.section-heading>p{max-width:670px;color:#b8c6d2;font-size:16px;line-height:1.85}
.experience-index{padding-top:200px;padding-bottom:190px;background:radial-gradient(ellipse at 90% 5%,#142c4255,transparent 45%),linear-gradient(#070c15,#0a111c)}
.capability-list{margin-top:85px;border-top:1px solid #b2c7d63d}
.capability-line{display:grid;grid-template-columns:70px minmax(0,1fr) 280px 28px;align-items:center;gap:16px;min-height:117px;border-bottom:1px solid #b2c7d63d;transition:padding .5s ease,background .5s ease}
.capability-line:hover{padding-left:12px;background:#93dfff0a}
.capability-line strong{font:600 clamp(25px,3.1vw,49px)/1 'Space Grotesk';letter-spacing:-.055em}
.capability-id,.capability-line>span:nth-child(3){font:700 10px 'DM Sans';letter-spacing:.12em;color:#8fb4cb}
.capability-line>span:last-child{color:#9feaff;font-size:28px}
.section-heading{max-width:1250px;margin-bottom:76px}
.section-heading h2{margin:27px 0}
.website-worlds{background:radial-gradient(ellipse at 5% 0,#23334a55,transparent 45%),#080d15}
.worlds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:88px 35px}
.world-card{min-width:0}.world-card:nth-child(even){padding-top:100px}
.world-art{height:clamp(290px,32vw,520px);position:relative;overflow:hidden;background:#0d1c2a;border:1px solid #bad8ef47;box-shadow:0 25px 95px #0008}
.world-art>img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.1) brightness(.68);transform:scale(1.12);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.world-card:hover .world-art>img{transform:scale(1.02)}
.world-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06101ddd,transparent 80%),linear-gradient(90deg,#050b18c0,#050b1840 80%)}
.browser-glass{position:absolute;z-index:2;inset:9% 9%;border:1px solid #b4d9ec72;border-radius:7px;background:#08111c65;backdrop-filter:blur(1px);padding:17px 6%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.browser-glass:before{content:'';position:absolute;top:33px;left:0;right:0;height:1px;background:#bddff14f}
.browser-dots{position:absolute;top:8px;left:18px;color:#a4dff0;letter-spacing:4px;font-size:8px}
.browser-glass small,.browser-glass>span:last-child{font-size:9px;font-weight:700;letter-spacing:.2em;color:#bdd2df}
.browser-glass strong{font:700 clamp(45px,5vw,79px)/.9 'Space Grotesk';letter-spacing:-.08em;margin:20px 0;text-shadow:0 5px 30px #000}
.world-caption{display:grid;grid-template-columns:1fr auto;gap:3px 16px;padding:22px 2px 0}
.world-caption>span{grid-column:1/-1;font-size:9px;color:#99e9ff;letter-spacing:.19em;font-weight:700}
.world-caption h3{font-size:clamp(25px,2.9vw,42px);letter-spacing:-.06em;margin:8px 0}
.world-caption p{color:#a8bdcc;font-size:12px;text-align:right;max-width:220px;margin:0}
.world-caption small{grid-column:1/-1;color:#c4b69f;font-size:9px;letter-spacing:.17em;margin-top:6px}
.worlds-foot{border-top:1px solid #a3cce650;margin-top:110px;padding-top:23px;display:flex;justify-content:space-between;gap:25px}
.visual-studio{background:linear-gradient(#080d15,#0b1521 55%,#080e17)}
.visual-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:340px 340px;gap:22px}
.visual-panel{position:relative;margin:0;overflow:hidden;border:1px solid #a6ccdf55;background:#102135}
.visual-panel-large{grid-row:1/3}
.visual-panel img{width:100%;height:100%;object-fit:cover;filter:brightness(.8) contrast(1.08);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.visual-panel:hover img{transform:scale(1.07)}
.visual-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050a13f2,transparent 58%)}
.visual-panel figcaption{position:absolute;z-index:1;left:8%;right:8%;bottom:8%;display:flex;flex-direction:column;gap:8px}
.visual-panel figcaption span,.visual-panel figcaption small{font-size:9px;letter-spacing:.16em;color:#a2e8f9;font-weight:700}
.visual-panel figcaption strong{font:700 clamp(25px,3vw,55px)/1 'Space Grotesk';letter-spacing:-.065em}
.visual-panel figcaption small{color:#b7c3cc}
.sample-standards{display:flex;justify-content:space-between;gap:30px;margin-top:38px;color:#a8bdca;font-size:11px}
.sample-standards span{max-width:47%}.sample-standards b{display:block;color:#a7e9ff;font-size:9px;letter-spacing:.15em;margin-bottom:7px}
.video-venue{background:radial-gradient(ellipse at 80% 16%,#1b36504d,transparent 40%),#060b14}
.video-feature{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);gap:26px;margin-bottom:120px}
.video-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#263f5e,#050a13);border:1px solid #9ac9e955;box-shadow:0 30px 100px #0009}
.video-screen video{width:100%;height:100%;object-fit:cover;display:block}
.video-screen-overlay{position:absolute;inset:8%;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-shadow:0 4px 30px #000}
.video-screen-overlay span,.video-screen-overlay small{font-size:10px;letter-spacing:.18em;font-weight:700;color:#b5e7f7}
.video-screen-overlay strong{font:700 clamp(45px,5.2vw,95px)/.9 'Space Grotesk';letter-spacing:-.08em;margin:20px 0}
.video-live-indicator{position:absolute;bottom:18px;right:18px;left:18px;border-top:1px solid #beddf18c;padding-top:13px;font-size:9px;letter-spacing:.15em;font-weight:700;color:#d9effa}
.video-side{border:1px solid #b0d1e02b;padding:25px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:#ffffff05}
.video-stat{display:flex;align-items:center;gap:24px;border-bottom:1px solid #d9e7f224;padding-bottom:20px}
.video-stat strong{font:600 clamp(43px,5vw,75px)/1 'Space Grotesk';letter-spacing:-.07em;color:#a9edff}
.video-stat small{font-size:10px;line-height:1.6;letter-spacing:.12em;color:#c4d3dc}
.video-side p{font-size:12px;color:#9db4c6;line-height:1.8;margin:0}
.venue-headline{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #a2c8de55;padding-bottom:20px;margin-bottom:32px;gap:20px}
.venue-headline h3{font-size:clamp(27px,3.5vw,55px);letter-spacing:-.07em;line-height:1;margin:0}
.venue-headline span{font-size:9px;letter-spacing:.15em;color:#a2c0d0}
.video-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.video-category{border:1px solid #8baec53d;background:linear-gradient(125deg,#13233475,#080f18bd);padding:22px;min-width:0}
.video-category-header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #a4cad440;padding-bottom:15px;margin-bottom:15px}
.video-category-header strong{font:600 clamp(20px,2vw,29px) 'Space Grotesk';letter-spacing:-.055em}
.video-category-header span{font-size:9px;letter-spacing:.13em;color:#a7d9ed;font-weight:700;white-space:nowrap}
.video-take{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:12px 0}
.video-take+.video-take{border-top:1px solid #ffffff17}
.video-take-art{height:75px;position:relative;overflow:hidden;border:1px solid #a2cee63d;background:#112638}
.video-take-art img,.video-take-art video{width:100%;height:100%;object-fit:cover}
.video-take-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05102066,transparent)}
.video-take-info{min-width:0}.video-take-info b{display:block;font-size:12px;line-height:1.45;color:#eef5f9}
.video-take-info small{display:block;margin-top:7px;font-size:9px;letter-spacing:.1em;color:#e7c39a;font-weight:700}
.video-take-info small.ready{color:#a8eaff}
.venue-note{display:flex;gap:30px;align-items:flex-start;border-top:1px solid #a7d3e55b;margin-top:55px;padding-top:20px}
.venue-note span{color:#e7c39a;font-size:11px;letter-spacing:.16em;font-weight:700;white-space:nowrap}
.venue-note p{color:#a6bac9;font-size:12px;max-width:720px;margin:0}
.office-venue{background:radial-gradient(ellipse at 20% 10%,#12354c61,transparent 45%),#09111c}
.office-workspace{border:1px solid #a7cbd75e;background:linear-gradient(145deg,#102335,#0a1523 60%,#07101b);box-shadow:0 35px 110px #0009}
.office-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;border-bottom:1px solid #b4d9ec3c}
.office-workspace-kicker{font-size:9px;letter-spacing:.17em;color:#a5e8ff;font-weight:700}
.office-toolbar h3{font-size:32px;letter-spacing:-.07em;margin:6px 0}
.office-toolbar p{font-size:9px;letter-spacing:.15em;color:#c4b79e;margin:0}
.office-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.office-actions button,.office-file-label{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #a7c9db85;background:#0d1a2a;color:#d8eaf3;padding:12px 14px;font:700 9px 'DM Sans';letter-spacing:.09em;cursor:pointer;transition:background .2s}
.office-actions button:hover,.office-file-label:hover{background:#1e415b}
#office-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
#office-file:focus-visible+.office-file-label{outline:2px solid #a6f0ff}
.office-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #b4d9ec3c}
.office-metrics>div{padding:25px 30px;border-right:1px solid #b4d9ec2d;min-width:0}
.office-metrics>div:last-child{border-right:0}
.office-metrics small{display:block;color:#9eb5c7;font-size:9px;letter-spacing:.15em;font-weight:700}
.office-metrics strong{display:block;color:#b7eefe;font:600 clamp(23px,3vw,47px)/1.2 'Space Grotesk';letter-spacing:-.055em;margin-top:10px;overflow-wrap:anywhere}
.office-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.office-table-wrap,.office-chart-wrap{padding:24px 25px 22px;min-width:0}
.office-table-wrap{border-right:1px solid #b4d9ec36}
.office-pane-label{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:35px;margin-bottom:16px;color:#a8d5e9;font-size:9px;letter-spacing:.13em;font-weight:700}
.office-pane-label label{display:flex;gap:10px;align-items:center}
.office-pane-label select{background:#0e2538;color:#cbefff;border:1px solid #a3d4e578;padding:6px;max-width:150px}
.office-table-scroll{overflow:auto;max-height:420px;scrollbar-color:#6e9cbd #101b2b}
#office-table{border-collapse:collapse;width:100%;font-size:12px;min-width:420px}
#office-table th{background:#152c40;color:#d5efff;position:sticky;top:0;text-align:left;white-space:nowrap;font-size:10px;letter-spacing:.06em}
#office-table th,#office-table td{padding:11px 12px;border-bottom:1px solid #c4d9e51f;border-right:1px solid #c4d9e51c}
#office-table td{color:#d2e0e9;outline-offset:-2px;min-width:95px}
#office-table td[contenteditable=true]:focus{outline:2px solid #8ce5ff;background:#183a4c}
#office-table tr:nth-child(even) td{background:#ffffff05}
.office-hint{font-size:10px;color:#a7bccc;margin:17px 0 0;line-height:1.7}
.office-chart{min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.office-chart-row{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;gap:11px;align-items:center;font-size:10px;color:#bbd4e1}
.office-chart-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.office-chart-track{height:15px;background:#263f526b;overflow:hidden}
.office-chart-fill{height:100%;min-width:1px;background:linear-gradient(90deg,#477d9d,#b2f2ff);box-shadow:0 0 20px #a1edff3d;transition:width .35s}
.office-chart-value{text-align:right;font-variant-numeric:tabular-nums}
.office-output-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:115px 0 35px}
.office-output-heading h3{font-size:clamp(34px,4vw,65px);line-height:1;letter-spacing:-.075em;margin:0}
.office-output-heading p{font-size:12px;color:#a9bfcf;max-width:420px;margin:0}
.office-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.office-service{min-width:0;border:1px solid #c0dff54a;background:#ffffff05}
.paper-preview{height:340px;background:linear-gradient(130deg,#e8f4f9,#adc9dc);color:#0b2234;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.paper-topline{display:flex;justify-content:space-between;border-bottom:1px solid #26465c54;padding-bottom:12px;font:700 9px 'DM Sans';letter-spacing:.1em}
.paper-preview>strong{font:700 clamp(27px,3.1vw,46px)/.95 'Space Grotesk';letter-spacing:-.08em;margin:32px 0}
.paper-preview>i{height:6px;background:#3e678240;display:block;width:90%;margin-bottom:11px}.paper-preview>i:nth-of-type(2){width:75%}.paper-preview>i:nth-of-type(3){width:82%}
.paper-stamp{position:absolute;bottom:20px;left:24px;right:24px;border-top:1px solid #254a6347;padding-top:12px;font-size:9px;font-weight:700;letter-spacing:.13em}
.paper-slide{background:radial-gradient(ellipse at 70% 60%,#24658b,#0c233c 70%);color:#e7f7ff}
.paper-slide .paper-topline,.paper-slide .paper-stamp{border-color:#c1e6ff57}
.slide-orb{width:155px;height:155px;border:2px solid #a5eaff;border-radius:50%;position:absolute;right:-35px;bottom:60px;box-shadow:0 0 0 20px #6fcaff18,0 0 0 40px #6fcaff13}
.paper-document{background:linear-gradient(150deg,#d7e6e9,#c5d6cf);color:#17323a}
.office-service-caption{padding:22px 23px 25px}
.office-service-caption span{font-size:9px;color:#9ce5ff;letter-spacing:.15em;font-weight:700}
.office-service-caption h4{font-size:27px;letter-spacing:-.06em;margin:8px 0}
.office-service-caption p{font-size:12px;color:#a7bcca;line-height:1.7;margin-bottom:14px}
.office-service-caption small{font-size:8px;letter-spacing:.09em;color:#cbb89b}
.journey-venue{background:radial-gradient(ellipse at 85% 80%,#19384d55,transparent 50%),#070d16}
.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #a5c8d555;border-left:1px solid #a5c8d555}
.journey-step{padding:43px 34px 55px;border-right:1px solid #a5c8d555;border-bottom:1px solid #a5c8d555;min-height:260px}
.journey-step span{color:#a7e8ff;font-size:10px;letter-spacing:.17em;font-weight:700}
.journey-step strong{display:block;font:600 clamp(26px,3vw,41px)/1 'Space Grotesk';letter-spacing:-.07em;margin:32px 0 18px}
.journey-step p{font-size:13px;color:#aebfce;line-height:1.8;max-width:300px}
.journey-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:100px 0 45px;border-bottom:1px solid #a7cbd73f}
.journey-cta h3{font-size:clamp(35px,5vw,77px);line-height:.96;letter-spacing:-.08em;margin:23px 0 0}
.journey-legal{font-size:11px;color:#9cb2c4;max-width:860px;margin-top:25px;line-height:1.8}
@media(max-width:1050px){
 .experience-shell{padding:0 6%}.capability-line{grid-template-columns:40px 1fr 160px 20px}.capability-line>span:nth-child(3){font-size:8px}
 .world-caption{display:block}.world-caption p{text-align:left;margin:5px 0 0}
 .office-toolbar{align-items:flex-start;flex-direction:column}.office-grid{grid-template-columns:1fr}.office-table-wrap{border-right:0;border-bottom:1px solid #b4d9ec36}
 .office-service-grid{gap:12px}.office-service-caption h4{font-size:24px}
}
@media(max-width:700px){
 .experience-section{padding:95px 0}.experience-index{padding-top:130px}.experience-shell{padding:0 7%}
 .experience-eyebrow>span:last-child{display:none}
 .experience-title,.section-heading h2{font-size:clamp(52px,12.5vw,84px);margin:24px 0}
 .experience-lead,.section-heading>p{font-size:13px}.section-heading{margin-bottom:45px}
 .capability-list{margin-top:45px}.capability-line{grid-template-columns:27px 1fr 17px;min-height:100px;gap:9px}.capability-line strong{font-size:clamp(21px,6vw,32px)}.capability-line>span:nth-child(3){display:none}.capability-line>span:last-child{font-size:20px}
 .worlds-grid{grid-template-columns:1fr;gap:45px}.world-card:nth-child(even){padding-top:0}
 .world-art{height:350px}.browser-glass strong{font-size:54px}.worlds-foot{margin-top:55px;flex-direction:column;font-size:8px}
 .visual-mosaic{grid-template-columns:1fr;grid-template-rows:430px 280px 280px}.visual-panel-large{grid-row:auto}.sample-standards{flex-direction:column}.sample-standards span{max-width:100%}
 .video-feature{grid-template-columns:1fr;gap:12px;margin-bottom:70px}.video-screen-overlay strong{font-size:52px}.video-side{display:grid;grid-template-columns:repeat(3,1fr);padding:18px;gap:12px}.video-stat{flex-direction:column;align-items:flex-start;gap:5px;border-bottom:0}.video-stat strong{font-size:35px}.video-stat small{font-size:8px}.video-side p{grid-column:1/-1}
 .venue-headline h3{font-size:29px}.venue-headline span{font-size:7px}
 .video-sample-grid{grid-template-columns:1fr;gap:12px}.video-category{padding:17px}.video-take{grid-template-columns:83px 1fr;gap:12px}.video-take-art{height:67px}.venue-note{flex-direction:column;gap:10px}
 .office-toolbar{padding:18px}.office-toolbar h3{font-size:26px}.office-actions button,.office-file-label{font-size:8px;padding:11px}
 .office-metrics{grid-template-columns:repeat(2,1fr)}.office-metrics>div{padding:16px}.office-metrics>div:nth-child(2){border-right:0}.office-metrics>div:nth-child(-n+2){border-bottom:1px solid #b4d9ec2d}
 .office-metrics strong{font-size:30px}.office-table-wrap,.office-chart-wrap{padding:15px}.office-chart-row{grid-template-columns:55px 1fr 70px;gap:6px}
 .office-output-heading{flex-direction:column;align-items:flex-start;margin:70px 0 25px}.office-output-heading h3{font-size:38px}
 .office-service-grid{grid-template-columns:1fr;gap:20px}.paper-preview{height:270px}.paper-preview>strong{font-size:45px}
 .journey-steps{grid-template-columns:1fr}.journey-step{min-height:0;padding:28px 23px}.journey-step strong{margin:20px 0 13px}
 .journey-cta{padding:60px 0 30px;align-items:flex-start;flex-direction:column}.journey-cta h3{font-size:47px}
}
@media(prefers-reduced-motion:reduce){.world-art img,.visual-panel img,.office-chart-fill{transition:none}}