@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');

:root{font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;color:#263b3a;background:#f6faf7;--green:#238463;--green-dark:#14664d;--mint:#e7f6ed;--mint-light:#f3faf5;--blue:#155d9a;--text:#243c3b;--muted:#71827e;--line:#e1eae5;--shadow:0 13px 42px rgba(34,79,68,.08)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app{max-width:1590px;margin:0 auto}main{padding:0 35px 44px}
.topbar{padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border-bottom:1px solid #e4eee8}.logos,.top-actions{display:flex;align-items:center;gap:15px}.nikken-logo{width:136px;max-height:36px;object-fit:contain}.logo-divider{height:31px;width:1px;background:#dbe4e0}.bird-logo{width:39px;height:39px;object-fit:contain}.service-name{display:flex;flex-direction:column;gap:1px;line-height:1.3}.service-name strong{font-weight:800;font-size:16px;color:#25795b}.service-name small{font-size:10px;color:#7c9288}.sample-tag{font-size:11px;color:#738077;background:#eff4f0;border:1px solid #e4ebe5;border-radius:30px;padding:7px 12px;white-space:nowrap}.header-link{font-size:12px;font-weight:700;color:var(--green);border:1px solid #bdd9ca;padding:9px 13px;border-radius:9px;white-space:nowrap}.reset-link{border:0;background:#eaf4ef;border-radius:9px;color:#2d7460;padding:10px 14px;font-weight:700;font-size:12px;white-space:nowrap}
.hero{padding:26px 39px 28px;display:flex;gap:20px;align-items:flex-end;justify-content:space-between;background:linear-gradient(120deg,#edf8f1 3%,#e8f5eb 60%,#ecf7f2 100%);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;border:1px solid #d7ecde;border-radius:50%;width:340px;height:340px;right:220px;top:-265px;pointer-events:none}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#338464;margin-bottom:8px}.eyebrow span{color:#71a38d;letter-spacing:.02em}.hero h1{font-size:clamp(25px,3vw,35px);line-height:1.45;color:#245948;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:#188361}.hero p{font-size:12px;color:#577168;margin-top:9px;line-height:1.9}.hero-legend{display:flex;align-items:center;gap:11px;white-space:nowrap;margin-bottom:8px}.hero-legend span{display:flex;align-items:center;gap:5px;border:1px solid #d4eade;background:rgba(255,255,255,.65);border-radius:25px;color:#597b6c;padding:6px 10px;font-size:10px;font-weight:700}.hero-legend i{width:8px;height:8px;border-radius:50%;background:var(--green)}.hero-legend .legend-ai{background:#dc9e31}.hero-legend .legend-employer{background:#327cc1}
.scene-box{background:#fff;border:1px solid var(--line);box-shadow:0 2px 12px rgba(51,92,75,.035);border-radius:15px;padding:20px 22px 19px;margin-top:24px}.scene-box-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.micro-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:#6fa58a}.scene-box h2,.workspace-title h2,.activity-header h2{font-size:17px;letter-spacing:-.015em;margin-top:4px;color:#284c41}.scene-control{display:flex;gap:9px;align-items:center}.btn-ghost,.btn-outline{font-size:11px;font-weight:700;border-radius:8px;padding:9px 12px;white-space:nowrap}.btn-ghost{border:1px solid #e1e9e2;color:#557a6d;background:#fff}.btn-outline{border:1px solid #b4d9c6;background:#ebf7ef;color:#1b7a54}.scene-counter{color:#7e988a;font-size:11px;font-weight:700;min-width:37px;text-align:center}.scene-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:19px 0 14px}.scene-step{border-radius:10px;border:1px solid #e5ede7;background:#f7f9f7;min-height:65px;padding:10px 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;color:#7b8b80;transition:background .15s,border .15s,transform .15s}.scene-step:hover{border-color:#a2c7b1;transform:translateY(-1px)}.scene-step.active{color:#fff;background:#26906b;border-color:#21805f;box-shadow:0 4px 12px rgba(38,144,107,.2)}.scene-step.complete{background:#e9f5ec;border-color:#d3e9d9;color:#25775b}.scene-step .scene-number{font-size:9px;font-weight:800;letter-spacing:.07em}.scene-step .scene-label{font-weight:800;font-size:11px;line-height:1.5}.demo-guide{background:#f7faf8;border:1px solid #e9f0ea;border-radius:10px;display:grid;grid-template-columns:1fr 1.15fr 1.1fr}.demo-guide>div{padding:13px 16px;display:flex;flex-direction:column;gap:5px}.demo-guide>div+div{border-left:1px solid #e2ebe4}.demo-guide small{font-size:10px;color:#71a18a;font-weight:800}.demo-guide strong{font-size:11px;line-height:1.7;color:#426759;font-weight:700}
.workspace-title{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:27px 1px 15px}.view-pills{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.pill{display:inline-block;border-radius:30px;font-size:10px;font-weight:700;padding:6px 10px}.phone-pill{background:#e7f5e9;color:#26784f}.employer-pill{background:#e8f0fb;color:#33699c}.caution-pill{background:#f2f3f2;color:#808c82}
.screens-grid{display:grid;grid-template-columns:minmax(285px,340px) 88px minmax(0,1fr);align-items:stretch;gap:12px}.screen-card{border:1px solid #dce9e3;background:#fff;border-radius:16px;box-shadow:var(--shadow);min-width:0;overflow:hidden;display:flex;flex-direction:column}.screen-head{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:51px;padding:11px 15px;border-bottom:1px solid #e7eee8;color:#356953;font-weight:800;font-size:12px}.screen-head small{font-size:10px;background:#eaf4ec;color:#448464;border-radius:30px;padding:5px 8px;white-space:nowrap}.head-emoji{font-size:14px}.employer-head{color:#27628b;background:#fcfefe}.employer-head small{background:#eaf2fa;color:#346b92;display:flex;align-items:center;gap:4px}.blue-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#2e87c6}.phone-outer{flex:1;padding:20px 17px 14px;display:flex;justify-content:center;background:linear-gradient(180deg,#f8fbf9,#f0f7f2)}.phone-frame{width:min(100%,283px);height:569px;border:7px solid #2f383a;border-radius:35px;background:#e8f0ee;overflow:hidden;box-shadow:0 8px 19px rgba(20,43,36,.18);display:flex;flex-direction:column}.phone-statusbar{height:29px;background:#fff;color:#1d2928;font-size:11px;font-weight:800;padding:8px 17px 3px;display:flex;justify-content:space-between}.phone-statusbar span{font-size:9px;letter-spacing:1px}.phone-appbar{height:45px;background:#fff;border-bottom:1px solid #e7efeb;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#2d4240}.phone-appbar strong{font-size:13px}.phone-appbar span{font-size:23px;color:#699185}.phone-scroll{flex:1;padding:12px 10px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c0d2c5 transparent}.screen-footnote{text-align:center;border-top:1px solid #f1f4f2;padding:11px 12px;background:#fff;color:#8b9b93;font-size:9px;line-height:1.6}
.phone-day{color:#9ca9a6;font-size:9px;text-align:center;margin:3px 0 12px}.chat-row{display:flex;gap:7px;margin-bottom:11px;align-items:flex-end}.chat-row.me{justify-content:flex-end}.chat-avatar{width:25px;height:25px;border-radius:50%;background:#fff;flex-shrink:0;padding:2px;object-fit:contain}.chat-bubble{max-width:195px;background:#fff;color:#314944;border-radius:12px 12px 12px 3px;padding:10px 10px 11px;font-size:11px;line-height:1.72;box-shadow:0 1px 3px rgba(51,75,69,.05)}.chat-row.me .chat-bubble{background:#b5ed92;border-radius:12px 12px 3px 12px}.chat-bubble b{color:#247e59}.chat-bubble .bubble-title{font-size:12px;font-weight:800;display:block;margin-bottom:3px;color:#247a5a}.phone-progress{display:flex;align-items:center;gap:7px;color:#56836d;font-size:9px;font-weight:700;margin:10px 1px}.phone-progress-bar{height:6px;flex:1;background:#dce8df;border-radius:5px;overflow:hidden}.phone-progress-bar>span{display:block;height:100%;background:#44ad6b;border-radius:5px;transition:width .2s}.phone-options{display:grid;gap:7px;margin:12px 0 0 33px}.phone-option{width:100%;text-align:left;background:#fff;border:1px solid #bfe0c8;border-radius:10px;padding:10px 10px;font-size:11px;color:#277954;font-weight:700;transition:background .15s}.phone-option:hover{background:#e5f6e9}.phone-primary{display:block;background:#1fa166;color:white;border:0;padding:12px 10px;border-radius:10px;text-align:center;font-size:11px;font-weight:800;width:calc(100% - 31px);margin:11px 0 4px 31px}.phone-note{font-size:9px;color:#7a9687;line-height:1.65;margin:12px 0 0 32px}.phone-poster{border:1px solid #dcece1;background:#fff;border-radius:12px;margin:12px 0 0 31px;padding:11px 12px;font-size:10px;line-height:1.8;color:#4e6d5c}.phone-poster strong{font-size:11px;color:#266e50;display:block}.phone-poster .answer-list{margin-top:6px;display:grid;gap:3px}.phone-poster .answer-list>div{display:flex;justify-content:space-between;gap:5px}.phone-poster .answer-list span:first-child{color:#809a89}.phone-poster .answer-list span:last-child{font-weight:700;text-align:right}.tiny-badge{display:inline-block;background:#e4f3e9;color:#298060;border-radius:20px;padding:3px 7px;font-weight:700;font-size:9px}.phone-muted{font-size:11px;color:#819489;text-align:center;padding:20px 0}.phone-action-row{display:flex;gap:6px;margin:10px 0 0 32px}.phone-action-row button{flex:1;font-size:11px;font-weight:800;border-radius:9px;padding:10px 4px}.phone-accept{border:0;color:#fff;background:#25a06d}.phone-decline{background:#fff;border:1px solid #cbdad1;color:#799488}
.sync-lane{display:flex;flex-direction:column;align-items:center;color:#77a28b;padding-top:14px;min-width:0}.sync-top{font-size:9px;letter-spacing:.11em;font-weight:800;text-align:center}.sync-symbol{margin:15px 0 11px;width:48px;height:48px;border:1px solid #cde4d6;border-radius:50%;background:#edfaf1;display:grid;place-items:center;color:#2a9a6d;font-size:26px}.sync-nodes{display:flex;flex-direction:column;gap:23px;margin:12px auto;flex:1;justify-content:center;position:relative}.sync-nodes:before{content:'';position:absolute;width:1px;border-left:1px dashed #bddbca;top:8%;bottom:8%;left:50%;z-index:0}.sync-node{position:relative;z-index:1;width:80px;padding:8px 4px;border:1px solid #e0e9e2;background:#f2f6f2;border-radius:9px;font-size:9px;line-height:1.55;text-align:center;color:#93a398;font-weight:700}.sync-node.on{color:#1c8c5b;background:#e2f6e9;border-color:#bce4c9;box-shadow:0 3px 9px rgba(26,142,80,.11)}.sync-node.pending{color:#a77d30;background:#fff7e5;border-color:#f0dcb0}.sync-bottom{font-size:9px;line-height:1.7;text-align:center;color:#9baaa2;margin-bottom:45px}
.pc-browser{margin:14px 14px 11px;background:#fff;border:1px solid #dce6e8;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:569px}.pc-browserbar{height:34px;background:#f0f3f5;border-bottom:1px solid #e3e8ea;display:flex;align-items:center;gap:11px;padding:0 12px;color:#80909a;font-size:9px}.traffic{display:flex;gap:4px}.traffic i{height:7px;width:7px;border-radius:50%;background:#f2a6a1}.traffic i:nth-child(2){background:#ecd187}.traffic i:nth-child(3){background:#9fd2b4}.browser-address{flex:1;padding:6px 10px;background:#fff;border:1px solid #e5eaf0;border-radius:4px}.browser-sample{white-space:nowrap}.pc-workspace{display:flex;min-height:534px;flex:1}.pc-sidebar{background:#f9fbfd;border-right:1px solid #e7edf0;width:154px;flex-shrink:0;padding:15px 9px 11px;display:flex;flex-direction:column}.pc-brand{display:flex;gap:6px;align-items:center;padding:0 3px 15px;border-bottom:1px solid #e7eeee}.pc-brand img{width:27px;height:27px;object-fit:contain}.pc-brand strong{display:block;font-size:11px;color:#2b7e61}.pc-brand small{display:block;font-size:8px;color:#899b9a;margin-top:3px}.pc-menu-label{font-size:8px;letter-spacing:.1em;font-weight:800;color:#98a7b4;margin:17px 10px 6px}.pc-menu{display:grid;gap:4px}.pc-menu-item{border:0;background:transparent;color:#637789;text-align:left;padding:9px 10px;font-size:10px;font-weight:700;border-radius:7px;display:flex;gap:8px;align-items:center;white-space:nowrap}.pc-menu-item:hover{background:#ecf4f6}.pc-menu-item.active{background:#e7f1fc;color:#216396}.pc-menu-icon{font-size:13px}.pc-menu-item i{margin-left:auto;border-radius:15px;background:#ed7c59;color:white;font-size:8px;font-style:normal;padding:1px 5px}.pc-sidebar-foot{margin-top:auto;color:#9daeb7;font-size:8px;line-height:1.8;padding:12px 3px;border-top:1px solid #e6edf0}.pc-main{flex:1;min-width:0}.pc-company-bar{min-height:47px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;gap:6px;padding:11px 14px;align-items:center;color:#304d5c;font-size:10px;font-weight:800}.pc-company-bar>div{display:flex;align-items:center;gap:6px;min-width:0}.pc-company-bar>span{color:#8198a9;white-space:nowrap;font-weight:500;font-size:9px}.company-mark{width:7px;height:7px;display:inline-block;border-radius:50%;background:#1682c6;flex-shrink:0}.pc-content{padding:18px 17px 21px;color:#344957}.pc-page-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:14px}.pc-page-top h3{font-size:16px;line-height:1.3;color:#284b5f}.pc-page-top p{font-size:9px;color:#91a0aa;margin-top:5px;line-height:1.7}.pc-chip{font-size:9px;color:#467898;background:#eef6fc;border-radius:20px;padding:5px 8px;white-space:nowrap}.pc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:13px}.pc-kpi{border:1px solid #e5edf0;background:#fff;border-radius:9px;padding:10px 9px 9px}.pc-kpi small{display:block;color:#8495a1;font-size:9px;white-space:nowrap}.pc-kpi strong{font-size:24px;font-weight:800;line-height:1.4;color:#2b5167}.pc-kpi .kpi-unit{font-size:10px;color:#82959f;margin-left:4px}.pc-kpi.highlight{background:#f0f8fc;border-color:#d6ecf6}.pc-kpi.highlight strong{color:#1975a6}.pc-section{border:1px solid #e6ecef;border-radius:10px;margin-bottom:12px;overflow:hidden}.pc-section-heading{border-bottom:1px solid #edf1f4;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fbfdfd}.pc-section-heading strong{font-size:11px;color:#3c5966}.pc-section-heading small{font-size:9px;color:#8d9fa7}.pc-section-body{padding:12px}.pc-empty{border:1px dashed #ccdae0;border-radius:10px;margin-top:12px;padding:23px 14px;text-align:center;color:#879eaa;font-size:10px;line-height:1.8;background:#fafdfd}.pc-empty .empty-illustration{font-size:23px;margin-bottom:5px}.pc-empty strong{display:block;color:#567787;font-size:12px}.pc-empty p{margin:5px auto 12px;max-width:290px}.pc-mini-button,.pc-primary-button,.pc-outline-button{font-size:10px;font-weight:800;border-radius:7px;padding:10px 12px;white-space:normal}.pc-mini-button{background:#eff7fd;border:1px solid #bfd9ea;color:#2f76a4}.pc-primary-button{background:#187fb2;color:#fff;border:1px solid #187fb2}.pc-outline-button{background:#fff;color:#24799e;border:1px solid #a9cedf}.pc-muted{font-size:10px;line-height:1.75;color:#79909b}.pc-callout{font-size:10px;border-left:3px solid #3ab77e;background:#f0faf4;color:#4c7664;border-radius:3px;padding:10px 11px;line-height:1.8;margin:9px 0}.pc-alert{border-left-color:#e0ac47;background:#fff8eb;color:#92753f}.pc-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px;table-layout:fixed}.pc-table th{background:#f6fafc;color:#8ba0ac;padding:9px 8px;font-weight:700}.pc-table td{padding:11px 8px;border-top:1px solid #edf1f2;color:#5b7682;vertical-align:middle;overflow-wrap:anywhere}.pc-table .name{font-weight:800;color:#2b5367}.status-chip{border-radius:25px;background:#fff4d9;color:#a57425;font-size:9px;font-weight:800;padding:4px 6px;display:inline-block}.status-chip.green{background:#e5f5ed;color:#27764f}.status-chip.blue{background:#e4f1fc;color:#327cbb}.status-chip.gray{background:#ecf0ef;color:#789089}.pc-mini-rows{display:grid;gap:8px}.pc-mini-row{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:8px;background:#f6f9fa;gap:6px;font-size:10px;color:#597481}.pc-mini-row b{font-size:11px;color:#375b6e}.funnel{display:grid;gap:9px}.funnel-line{display:grid;grid-template-columns:100px 1fr 22px;gap:8px;align-items:center;font-size:10px;color:#68808b}.funnel-track{height:8px;border-radius:10px;background:#ebf0f1;overflow:hidden}.funnel-track span{display:block;height:100%;min-width:0;background:#6bb79c;border-radius:10px;transition:width .2s}.funnel-line strong{color:#3f6475;text-align:right}.candidate-row{display:flex;gap:10px;align-items:center}.candidate-avatar{width:39px;height:39px;background:#d7eef1;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#41849a;flex-shrink:0}.candidate-details{flex:1;min-width:0}.candidate-details strong{display:block;font-size:12px;color:#315264}.candidate-details small{display:block;margin-top:4px;color:#91a2a7;font-size:9px}.score-mark{color:#1c9569;font-size:17px;font-weight:800;white-space:nowrap}.score-mark small{font-size:9px;font-weight:600;color:#7aa595}.pc-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.pc-info-grid>div{background:#f8fbfb;border:1px solid #eef2f4;border-radius:7px;padding:9px}.pc-info-grid small{font-size:9px;color:#91a1aa;display:block;margin-bottom:5px}.pc-info-grid strong{font-size:10px;color:#3e6474;line-height:1.5}.pc-candidate-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px}.pc-candidate-actions small{font-size:9px;color:#869ea3;line-height:1.7}.pc-timeline{display:grid;gap:0}.timeline-item{display:flex;gap:10px;padding:0 0 16px;font-size:10px;color:#758e99}.timeline-line{display:flex;flex-direction:column;align-items:center;gap:4px}.timeline-line i{height:10px;width:10px;border:2px solid #abc9cc;border-radius:50%;display:block}.timeline-line span{height:100%;width:1px;background:#d9e5e5}.timeline-item:last-child .timeline-line span{display:none}.timeline-item.done .timeline-line i{background:#24a377;border-color:#24a377}.timeline-item strong{font-size:11px;color:#456e7a}.timeline-item p{font-size:9px;line-height:1.8;margin-top:3px}.pc-bubble{border:1px solid #cfe4e6;background:#f4fafb;border-radius:9px;padding:11px;font-size:10px;line-height:1.7;color:#517783;margin:9px 0}
.activity-wrap{margin:25px 0 0;padding:19px 20px 20px;border:1px solid #e2eae5;border-radius:14px;background:#fff}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.activity-header>span{font-size:11px;color:#6d9984;background:#eef7f0;border-radius:25px;padding:6px 10px}.activity-log{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.activity-item{border:1px solid #e5eee8;border-radius:9px;padding:11px 12px;background:#fbfdfb;display:flex;align-items:flex-start;gap:9px;min-width:0}.activity-icon{background:#e1f4e7;color:#368a62;border-radius:8px;padding:6px;font-size:11px}.activity-item small{display:block;color:#91a597;font-size:9px;margin-bottom:4px}.activity-item strong{font-size:10px;line-height:1.6;color:#406a55;font-weight:700}.activity-placeholder{grid-column:1/-1;padding:16px 0;text-align:center;color:#9bae9f;font-size:11px}.note-section{display:flex;gap:13px;border:1px solid #dbebe2;background:#f0f7f2;border-radius:12px;padding:18px 19px;margin-top:17px}.note-icon{font-family:serif;width:22px;height:22px;border-radius:50%;background:#66a283;color:white;font-weight:800;text-align:center;flex-shrink:0}.note-section h3{font-size:12px;color:#397052;margin-bottom:7px}.note-section p{font-size:10px;line-height:1.9;color:#62816f;margin-bottom:5px}footer{padding:18px 38px 28px;color:#a4b4a8;font-size:10px;display:flex;justify-content:space-between;gap:10px}.toast{position:fixed;z-index:12;right:24px;bottom:24px;background:#1d7960;color:#fff;padding:12px 17px;box-shadow:0 8px 30px rgba(15,84,55,.3);border-radius:10px;font-size:12px;font-weight:700;opacity:0;transform:translateY(16px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.small-only{display:none}
button:focus-visible,a:focus-visible{outline:3px solid #e3a756;outline-offset:2px}
@media(min-width:941px){.pc-section-heading strong{font-size:12px}.pc-callout,.pc-muted,.pc-mini-row,.pc-table,.pc-bubble{font-size:11px}.pc-primary-button,.pc-outline-button,.pc-mini-button{font-size:11px}.chat-bubble,.phone-option{font-size:12px}}
@media(max-width:1200px){main{padding:0 22px 40px}.screens-grid{grid-template-columns:minmax(250px,305px) 62px minmax(0,1fr);gap:7px}.sync-node{width:60px;font-size:8px}.pc-sidebar{width:127px}.pc-menu-item{font-size:9px;padding:9px 6px}.pc-content{padding:15px 10px}.pc-kpi{padding:8px 6px}.pc-kpi small{font-size:8px}.pc-kpi strong{font-size:21px}.pc-company-bar{padding:10px 8px;font-size:9px}.pc-company-bar>span{display:none}}
@media(max-width:940px){.topbar{padding:14px 18px}.hero{padding:23px 20px}.hero-legend{display:none}main{padding:0 16px 32px}.scene-nav{grid-template-columns:repeat(4,1fr)}.screens-grid{grid-template-columns:minmax(0,1fr);gap:12px}.screen-card{max-width:100%}.sync-lane{min-height:90px;flex-direction:row;justify-content:center;gap:16px;padding:8px}.sync-symbol{margin:0}.sync-nodes{flex-direction:row;gap:7px;margin:0;flex:unset}.sync-nodes:before{display:none}.sync-node{width:96px}.sync-bottom{display:none}.phone-frame{height:526px}.pc-browser{min-height:508px}.pc-workspace{min-height:472px}.pc-sidebar{width:156px}.pc-menu-item{font-size:10px}.activity-log{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.topbar{flex-wrap:wrap;gap:13px}.logos{gap:8px}.nikken-logo{width:106px}.bird-logo{width:30px;height:30px}.logo-divider{height:24px}.service-name strong{font-size:13px}.service-name small{font-size:9px}.top-actions{width:100%;justify-content:space-between;gap:6px}.sample-tag{font-size:9px;padding:6px 8px}.header-link,.reset-link{font-size:10px;padding:8px 9px}.hero{padding:22px 16px}.hero h1{font-size:25px}.hero p{font-size:11px}.small-only{display:inline}.scene-box{padding:15px 12px;margin-top:16px}.scene-box-top{align-items:flex-start;flex-direction:column}.scene-control{width:100%;justify-content:space-between}.scene-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:13px 0}.scene-step{min-height:48px;flex-direction:row;gap:6px}.scene-step .scene-number{font-size:9px}.scene-step .scene-label{font-size:10px}.scene-step:last-child{grid-column:span 2}.demo-guide{grid-template-columns:1fr}.demo-guide>div{padding:9px 11px}.demo-guide>div+div{border-left:0;border-top:1px solid #e2ebe4}.workspace-title{align-items:flex-start;flex-direction:column;padding-top:20px}.screen-head{font-size:11px;padding:10px}.sync-lane{flex-direction:column;gap:10px}.sync-nodes{flex-wrap:wrap;justify-content:center}.sync-node{width:84px;font-size:8px}.pc-browser{margin:8px;min-height:500px}.pc-sidebar{width:93px;padding:12px 4px}.pc-brand{gap:2px}.pc-brand img{width:18px;height:18px}.pc-brand strong{font-size:8px}.pc-brand small{font-size:7px}.pc-menu-item{font-size:8px;gap:3px;padding:8px 4px}.pc-menu-icon{font-size:10px}.pc-menu-label,.pc-sidebar-foot{font-size:7px}.pc-content{padding:11px 7px}.pc-page-top h3{font-size:13px}.pc-page-top p{font-size:8px}.pc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-kpi small{font-size:9px}.pc-company-bar>div>span:last-child{font-size:8px}.pc-section-body{padding:8px}.pc-table{font-size:9px}.pc-table td,.pc-table th{padding:7px 3px}.pc-mini-button,.pc-primary-button,.pc-outline-button{font-size:9px;padding:8px}.pc-info-grid{grid-template-columns:1fr}.funnel-line{grid-template-columns:65px 1fr 15px;font-size:8px}.activity-wrap{padding:15px 10px}.activity-log{grid-template-columns:1fr}.note-section{padding:13px}.note-section p{font-size:9px}footer{padding:15px;flex-direction:column;gap:6px}}